@mdxeditor/editor 3.0.1 → 3.0.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.
Files changed (2) hide show
  1. package/dist/style.css +85 -33
  2. package/package.json +1 -2
package/dist/style.css CHANGED
@@ -490,7 +490,8 @@
490
490
  padding-inline-start: var(--spacing-4);
491
491
  }
492
492
 
493
- ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:active, ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187[data-state=on] {
493
+ ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:active,
494
+ ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187[data-state=on] {
494
495
  background-color: var(--baseBorder);
495
496
  }
496
497
 
@@ -499,17 +500,22 @@
499
500
  margin: 0 var(--spacing-1);
500
501
  }
501
502
 
502
- ._toolbarToggleSingleGroup_r5eta_203:first-of-type ._toolbarToggleItem_r5eta_187:only-child, ._toolbarToggleSingleGroup_r5eta_203:only-child ._toolbarToggleItem_r5eta_187:first-child, ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:first-child {
503
+ ._toolbarToggleSingleGroup_r5eta_203:first-of-type ._toolbarToggleItem_r5eta_187:only-child,
504
+ ._toolbarToggleSingleGroup_r5eta_203:only-child ._toolbarToggleItem_r5eta_187:first-child,
505
+ ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:first-child {
503
506
  border-top-left-radius: var(--radius-base);
504
507
  border-bottom-left-radius: var(--radius-base);
505
508
  }
506
509
 
507
- ._toolbarToggleSingleGroup_r5eta_203:last-of-type ._toolbarToggleItem_r5eta_187:only-child, ._toolbarToggleSingleGroup_r5eta_203:only-child ._toolbarToggleItem_r5eta_187:last-child, ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:last-child {
510
+ ._toolbarToggleSingleGroup_r5eta_203:last-of-type ._toolbarToggleItem_r5eta_187:only-child,
511
+ ._toolbarToggleSingleGroup_r5eta_203:only-child ._toolbarToggleItem_r5eta_187:last-child,
512
+ ._toolbarModeSwitch_r5eta_177 ._toolbarToggleItem_r5eta_187:last-child {
508
513
  border-top-right-radius: var(--radius-base);
509
514
  border-bottom-right-radius: var(--radius-base);
510
515
  }
511
516
 
512
- ._toolbarToggleItem_r5eta_187, ._toolbarButton_r5eta_218 {
517
+ ._toolbarToggleItem_r5eta_187,
518
+ ._toolbarButton_r5eta_218 {
513
519
  border: 0;
514
520
  background-color: transparent;
515
521
  font-size: inherit;
@@ -534,7 +540,10 @@
534
540
  transform: translate(1px, 1px);
535
541
  }
536
542
 
537
- ._toolbarToggleItem_r5eta_187[data-state=on], ._toolbarButton_r5eta_218[data-state=on], ._toolbarToggleItem_r5eta_187:active, ._toolbarButton_r5eta_218:active {
543
+ ._toolbarToggleItem_r5eta_187[data-state=on],
544
+ ._toolbarButton_r5eta_218[data-state=on],
545
+ ._toolbarToggleItem_r5eta_187:active,
546
+ ._toolbarButton_r5eta_218:active {
538
547
  color: var(--baseTextContrast);
539
548
  background-color: var(--baseBgActive);
540
549
  }
@@ -556,7 +565,10 @@
556
565
  white-space: nowrap;
557
566
  }
558
567
 
559
- ._toolbarNodeKindSelectContainer_r5eta_258, ._toolbarButtonDropdownContainer_r5eta_259, ._toolbarCodeBlockLanguageSelectContent_r5eta_260, ._selectContainer_r5eta_261 {
568
+ ._toolbarNodeKindSelectContainer_r5eta_258,
569
+ ._toolbarButtonDropdownContainer_r5eta_259,
570
+ ._toolbarCodeBlockLanguageSelectContent_r5eta_260,
571
+ ._selectContainer_r5eta_261 {
560
572
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
561
573
  z-index: 3;
562
574
  width: var(--spacing-36);
@@ -574,7 +586,9 @@
574
586
  border-top-right-radius: var(--radius-base);
575
587
  }
576
588
 
577
- ._toolbarNodeKindSelectTrigger_r5eta_279, ._toolbarButtonSelectTrigger_r5eta_280, ._selectTrigger_r5eta_281 {
589
+ ._toolbarNodeKindSelectTrigger_r5eta_279,
590
+ ._toolbarButtonSelectTrigger_r5eta_280,
591
+ ._selectTrigger_r5eta_281 {
578
592
  border: 0;
579
593
  background-color: transparent;
580
594
  display: flex;
@@ -608,11 +622,13 @@
608
622
  padding-block: var(--spacing-0_5);
609
623
  }
610
624
 
611
- ._toolbarCodeBlockLanguageSelectTrigger_r5eta_315, ._toolbarCodeBlockLanguageSelectContent_r5eta_260 {
625
+ ._toolbarCodeBlockLanguageSelectTrigger_r5eta_315,
626
+ ._toolbarCodeBlockLanguageSelectContent_r5eta_260 {
612
627
  width: var(--spacing-48);
613
628
  }
614
629
 
615
- ._toolbarNodeKindSelectItem_r5eta_320, ._selectItem_r5eta_274 {
630
+ ._toolbarNodeKindSelectItem_r5eta_320,
631
+ ._selectItem_r5eta_274 {
616
632
  cursor: default;
617
633
  display: flex;
618
634
  padding: var(--spacing-2);
@@ -636,7 +652,8 @@
636
652
  border-bottom-right-radius: var(--radius-base);
637
653
  }
638
654
 
639
- ._toolbarNodeKindSelectDropdownArrow_r5eta_345, ._selectDropdownArrow_r5eta_346 {
655
+ ._toolbarNodeKindSelectDropdownArrow_r5eta_345,
656
+ ._selectDropdownArrow_r5eta_346 {
640
657
  margin-left: auto;
641
658
  display: flex;
642
659
  align-items: center;
@@ -773,11 +790,13 @@
773
790
  color: var(--accentText);
774
791
  }
775
792
 
776
- ._iconButton_r5eta_416:disabled, ._iconButton_r5eta_416:disabled:hover {
793
+ ._iconButton_r5eta_416:disabled,
794
+ ._iconButton_r5eta_416:disabled:hover {
777
795
  color: var(--baseLine);
778
796
  }
779
797
 
780
- ._primaryButton_r5eta_464, ._secondaryButton_r5eta_465 {
798
+ ._primaryButton_r5eta_464,
799
+ ._secondaryButton_r5eta_465 {
781
800
  border: 0;
782
801
  background-color: transparent;
783
802
  font-size: inherit;
@@ -860,7 +879,8 @@
860
879
  padding-right: var(--spacing-2);
861
880
  }
862
881
 
863
- ._linkDialogInput_r5eta_506, ._dialogInput_r5eta_533 {
882
+ ._linkDialogInput_r5eta_506,
883
+ ._dialogInput_r5eta_533 {
864
884
  border: 0;
865
885
  background-color: transparent;
866
886
  font-size: inherit;
@@ -897,7 +917,9 @@
897
917
  visibility: hidden;
898
918
  }
899
919
 
900
- ._linkDialogPopoverContent_r5eta_558, ._tableColumnEditorPopoverContent_r5eta_559, ._dialogContent_r5eta_560 {
920
+ ._linkDialogPopoverContent_r5eta_558,
921
+ ._tableColumnEditorPopoverContent_r5eta_559,
922
+ ._dialogContent_r5eta_560 {
901
923
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.20));
902
924
  display: flex;
903
925
  align-items: center;
@@ -1024,7 +1046,8 @@
1024
1046
  transform: translate(1px, 1px);
1025
1047
  }
1026
1048
 
1027
- ._actionButton_r5eta_652[data-state=on], ._actionButton_r5eta_652:active {
1049
+ ._actionButton_r5eta_652[data-state=on],
1050
+ ._actionButton_r5eta_652:active {
1028
1051
  background-color: var(--baseBgHover);
1029
1052
  color: var(--baseTextContrast);
1030
1053
  }
@@ -1051,7 +1074,8 @@
1051
1074
  text-align: right;
1052
1075
  }
1053
1076
 
1054
- ._tableEditor_r5eta_668>tbody>tr>td:not(._toolCell_r5eta_679), ._tableEditor_r5eta_668>tbody>tr>th:not(._toolCell_r5eta_679):not(:last-of-type) {
1077
+ ._tableEditor_r5eta_668>tbody>tr>td:not(._toolCell_r5eta_679),
1078
+ ._tableEditor_r5eta_668>tbody>tr>th:not(._toolCell_r5eta_679):not(:last-of-type) {
1055
1079
  border: 1px solid var(--baseBgActive);
1056
1080
  padding: var(--spacing-1) var(--spacing-2);
1057
1081
  white-space: normal;
@@ -1069,11 +1093,19 @@
1069
1093
  outline: solid 1px var(--baseSolid);
1070
1094
  }
1071
1095
 
1072
- ._tableEditor_r5eta_668 ._tableColumnEditorTrigger_r5eta_698, ._tableEditor_r5eta_668 ._tableRowEditorTrigger_r5eta_699, ._tableEditor_r5eta_668 ._addRowButton_r5eta_700, ._tableEditor_r5eta_668 ._addColumnButton_r5eta_701, ._tableEditor_r5eta_668 ._iconButton_r5eta_416 {
1096
+ ._tableEditor_r5eta_668 ._tableColumnEditorTrigger_r5eta_698,
1097
+ ._tableEditor_r5eta_668 ._tableRowEditorTrigger_r5eta_699,
1098
+ ._tableEditor_r5eta_668 ._addRowButton_r5eta_700,
1099
+ ._tableEditor_r5eta_668 ._addColumnButton_r5eta_701,
1100
+ ._tableEditor_r5eta_668 ._iconButton_r5eta_416 {
1073
1101
  opacity: .15;
1074
1102
  }
1075
1103
 
1076
- ._tableEditor_r5eta_668:hover ._tableColumnEditorTrigger_r5eta_698, ._tableEditor_r5eta_668:hover ._tableRowEditorTrigger_r5eta_699, ._tableEditor_r5eta_668:hover ._addRowButton_r5eta_700, ._tableEditor_r5eta_668:hover ._addColumnButton_r5eta_701, ._tableEditor_r5eta_668:hover ._iconButton_r5eta_416 {
1104
+ ._tableEditor_r5eta_668:hover ._tableColumnEditorTrigger_r5eta_698,
1105
+ ._tableEditor_r5eta_668:hover ._tableRowEditorTrigger_r5eta_699,
1106
+ ._tableEditor_r5eta_668:hover ._addRowButton_r5eta_700,
1107
+ ._tableEditor_r5eta_668:hover ._addColumnButton_r5eta_701,
1108
+ ._tableEditor_r5eta_668:hover ._iconButton_r5eta_416 {
1077
1109
  opacity: 0.3;
1078
1110
  }
1079
1111
 
@@ -1118,7 +1150,8 @@
1118
1150
  transform: translate(1px, 1px);
1119
1151
  }
1120
1152
 
1121
- ._tableColumnEditorTrigger_r5eta_698[data-state=on], ._tableColumnEditorTrigger_r5eta_698:active {
1153
+ ._tableColumnEditorTrigger_r5eta_698[data-state=on],
1154
+ ._tableColumnEditorTrigger_r5eta_698:active {
1122
1155
  background-color: var(--baseBgHover);
1123
1156
  color: var(--baseTextContrast);
1124
1157
  }
@@ -1156,7 +1189,8 @@
1156
1189
  transform: translate(1px, 1px);
1157
1190
  }
1158
1191
 
1159
- ._tableColumnEditorToolbar_r5eta_742>button[data-state=on], ._tableColumnEditorToolbar_r5eta_742>button:active {
1192
+ ._tableColumnEditorToolbar_r5eta_742>button[data-state=on],
1193
+ ._tableColumnEditorToolbar_r5eta_742>button:active {
1160
1194
  background-color: var(--baseBgHover);
1161
1195
  color: var(--baseTextContrast);
1162
1196
  }
@@ -1201,7 +1235,8 @@
1201
1235
  }
1202
1236
 
1203
1237
 
1204
- ._toggleGroupRoot_r5eta_756 button[data-state=on], ._toggleGroupRoot_r5eta_756 button:active {
1238
+ ._toggleGroupRoot_r5eta_756 button[data-state=on],
1239
+ ._toggleGroupRoot_r5eta_756 button:active {
1205
1240
  background-color: var(--baseBgHover);
1206
1241
  color: var(--baseTextContrast);
1207
1242
  }
@@ -1239,7 +1274,8 @@
1239
1274
  text-align: center;
1240
1275
  }
1241
1276
 
1242
- ._addColumnButton_r5eta_701, ._addRowButton_r5eta_700 {
1277
+ ._addColumnButton_r5eta_701,
1278
+ ._addRowButton_r5eta_700 {
1243
1279
  border: 0;
1244
1280
  background-color: transparent;
1245
1281
  font-size: inherit;
@@ -1268,7 +1304,10 @@
1268
1304
  transform: translate(1px, 1px);
1269
1305
  }
1270
1306
 
1271
- ._addColumnButton_r5eta_701[data-state=on], ._addRowButton_r5eta_700[data-state=on], ._addColumnButton_r5eta_701:active, ._addRowButton_r5eta_700:active {
1307
+ ._addColumnButton_r5eta_701[data-state=on],
1308
+ ._addRowButton_r5eta_700[data-state=on],
1309
+ ._addColumnButton_r5eta_701:active,
1310
+ ._addRowButton_r5eta_700:active {
1272
1311
  background-color: var(--baseBgHover);
1273
1312
  color: var(--baseTextContrast);
1274
1313
  }
@@ -1302,7 +1341,8 @@
1302
1341
  opacity: 0.5;
1303
1342
  }
1304
1343
 
1305
- ._dialogContent_r5eta_560, ._largeDialogContent_r5eta_572 {
1344
+ ._dialogContent_r5eta_560,
1345
+ ._largeDialogContent_r5eta_572 {
1306
1346
  position: fixed;
1307
1347
  top: 50%;
1308
1348
  left: 50%;
@@ -1311,7 +1351,8 @@
1311
1351
  z-index: 52;
1312
1352
  }
1313
1353
 
1314
- ._dialogContent_r5eta_560:focus, ._largeDialogContent_r5eta_572:focus {
1354
+ ._dialogContent_r5eta_560:focus,
1355
+ ._largeDialogContent_r5eta_572:focus {
1315
1356
  outline: none;
1316
1357
  }
1317
1358
 
@@ -1675,7 +1716,8 @@ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
1675
1716
  position: relative;
1676
1717
  }
1677
1718
 
1678
- ._inputSizer_r5eta_1180::after, ._inputSizer_r5eta_1180 input {
1719
+ ._inputSizer_r5eta_1180::after,
1720
+ ._inputSizer_r5eta_1180 input {
1679
1721
  width: auto;
1680
1722
  min-width: 1rem;
1681
1723
  grid-area: 1 / 2;
@@ -2025,7 +2067,8 @@ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
2025
2067
  list-style-type: none;
2026
2068
  }
2027
2069
 
2028
- ._nestedListItem_1tncs_59:before, ._nestedListItem_1tncs_59:after {
2070
+ ._nestedListItem_1tncs_59:before,
2071
+ ._nestedListItem_1tncs_59:after {
2029
2072
  display: none;
2030
2073
  }
2031
2074
 
@@ -2033,7 +2076,8 @@ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
2033
2076
  margin: var(--spacing-2) 0;
2034
2077
  }
2035
2078
 
2036
- ._listItemChecked_1tncs_73, ._listItemUnchecked_1tncs_74 {
2079
+ ._listItemChecked_1tncs_73,
2080
+ ._listItemUnchecked_1tncs_74 {
2037
2081
  position: relative;
2038
2082
  margin-left: 0;
2039
2083
  margin-right: 0;
@@ -2048,7 +2092,8 @@ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
2048
2092
  text-decoration: line-through;
2049
2093
  }
2050
2094
 
2051
- ._listItemUnchecked_1tncs_74:before, ._listItemChecked_1tncs_73:before {
2095
+ ._listItemUnchecked_1tncs_74:before,
2096
+ ._listItemChecked_1tncs_73:before {
2052
2097
  content: '';
2053
2098
  width: var(--spacing-4);
2054
2099
  height: var(--spacing-4);
@@ -2060,12 +2105,14 @@ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
2060
2105
  position: absolute;
2061
2106
  }
2062
2107
 
2063
- ._listItemUnchecked_1tncs_74[dir='rtl']:before, ._listItemChecked_1tncs_73[dir='rtl']:before {
2108
+ ._listItemUnchecked_1tncs_74[dir='rtl']:before,
2109
+ ._listItemChecked_1tncs_73[dir='rtl']:before {
2064
2110
  left: auto;
2065
2111
  right: 0;
2066
2112
  }
2067
2113
 
2068
- ._listItemUnchecked_1tncs_74:focus:before, ._listItemChecked_1tncs_73:focus:before {
2114
+ ._listItemUnchecked_1tncs_74:focus:before,
2115
+ ._listItemChecked_1tncs_73:focus:before {
2069
2116
  box-shadow: 0 0 0 2px var(--accentBgActive);
2070
2117
  border-radius: var(--radius-small);
2071
2118
  }
@@ -2102,11 +2149,16 @@ form._multiFieldForm_r5eta_1149 ._formField_r5eta_1155 label {
2102
2149
  list-style-type: none;
2103
2150
  }
2104
2151
 
2105
- ._nestedListItem_1tncs_59:before, ._nestedListItem_1tncs_59:after {
2152
+ ._nestedListItem_1tncs_59:before,
2153
+ ._nestedListItem_1tncs_59:after {
2106
2154
  display: none;
2107
2155
  }
2108
2156
 
2109
- ._admonitionDanger_1tncs_151, ._admonitionInfo_1tncs_152, ._admonitionNote_1tncs_153, ._admonitionTip_1tncs_154, ._admonitionCaution_1tncs_155 {
2157
+ ._admonitionDanger_1tncs_151,
2158
+ ._admonitionInfo_1tncs_152,
2159
+ ._admonitionNote_1tncs_153,
2160
+ ._admonitionTip_1tncs_154,
2161
+ ._admonitionCaution_1tncs_155 {
2110
2162
  padding: var(--spacing-2);
2111
2163
  margin-top: var(--spacing-2);
2112
2164
  margin-bottom: var(--spacing-2);
package/package.json CHANGED
@@ -11,7 +11,7 @@
11
11
  "*.css"
12
12
  ],
13
13
  "type": "module",
14
- "version": "3.0.1",
14
+ "version": "3.0.2",
15
15
  "description": "React component for rich text markdown editing",
16
16
  "scripts": {
17
17
  "build": "vite build",
@@ -133,7 +133,6 @@
133
133
  "micromark-util-types": "^2.0.0",
134
134
  "multer": "1.4.5-lts.1",
135
135
  "postcss": "^8.4.24",
136
- "postcss-extend": "^1.0.5",
137
136
  "postcss-mixins": "^9.0.4",
138
137
  "postcss-nesting": "^11.2.2",
139
138
  "prettier": "^3.1.1",