@mdxeditor/editor 4.1.1 → 4.2.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/style.css CHANGED
@@ -789,7 +789,7 @@
789
789
  ._mdxExpression_6j9u9_195 input:focus-visible {
790
790
  outline: none;
791
791
  }
792
- ._editorRoot_f3hmk_53 {
792
+ ._editorRoot_er3ed_53 {
793
793
  --accentBase: var(--blue-1);
794
794
  --accentBgSubtle: var(--blue-2);
795
795
  --accentBg: var(--blue-3);
@@ -891,14 +891,14 @@
891
891
  color: var(--baseText);
892
892
  }
893
893
 
894
- ._editorWrapper_f3hmk_155 {
894
+ ._editorWrapper_er3ed_155 {
895
895
  }
896
896
 
897
- ._nestedListItem_f3hmk_158 {
897
+ ._nestedListItem_er3ed_158 {
898
898
  list-style: none;
899
899
  }
900
900
 
901
- ._toolbarRoot_f3hmk_162 {
901
+ ._toolbarRoot_er3ed_162 {
902
902
  z-index: 2;
903
903
  display: flex;
904
904
  flex-direction: row;
@@ -913,28 +913,28 @@
913
913
  width: inherit;
914
914
  }
915
915
 
916
- ._toolbarRoot_f3hmk_162 div[role='separator'] {
916
+ ._toolbarRoot_er3ed_162 div[role='separator'] {
917
917
  margin: var(--spacing-2) var(--spacing-1);
918
918
  border-left: 1px solid var(--baseBorder);
919
919
  border-right: 1px solid var(--baseBase);
920
920
  height: var(--spacing-4);
921
921
  }
922
922
 
923
- ._toolbarRoot_f3hmk_162 svg {
923
+ ._toolbarRoot_er3ed_162 svg {
924
924
  color: var(--baseTextContrast);
925
925
  display: block;
926
926
  }
927
927
 
928
- ._readOnlyToolbarRoot_f3hmk_189 {
928
+ ._readOnlyToolbarRoot_er3ed_189 {
929
929
  pointer-events: none;
930
930
  background: var(--baseBase);
931
931
  }
932
932
 
933
- ._readOnlyToolbarRoot_f3hmk_189 > div {
933
+ ._readOnlyToolbarRoot_er3ed_189 > div {
934
934
  opacity: 0.5;
935
935
  }
936
936
 
937
- ._toolbarModeSwitch_f3hmk_198 {
937
+ ._toolbarModeSwitch_er3ed_198 {
938
938
  opacity: 1 !important;
939
939
  margin-left: auto;
940
940
  align-self: stretch;
@@ -945,37 +945,37 @@
945
945
  font-size: var(--text-xs);
946
946
  }
947
947
 
948
- ._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208 {
948
+ ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208 {
949
949
  padding-inline-end: var(--spacing-4);
950
950
  padding-inline-start: var(--spacing-4);
951
951
  }
952
952
 
953
- ._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208:active,
954
- ._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208[data-state='on'] {
953
+ ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:active,
954
+ ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208[data-state='on'] {
955
955
  background-color: var(--baseBorder);
956
956
  }
957
957
 
958
- ._toolbarGroupOfGroups_f3hmk_219 {
958
+ ._toolbarGroupOfGroups_er3ed_219 {
959
959
  display: flex;
960
960
  margin: 0 var(--spacing-1);
961
961
  }
962
962
 
963
- ._toolbarToggleSingleGroup_f3hmk_224:first-of-type ._toolbarToggleItem_f3hmk_208:only-child,
964
- ._toolbarToggleSingleGroup_f3hmk_224:only-child ._toolbarToggleItem_f3hmk_208:first-child,
965
- ._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208:first-child {
963
+ ._toolbarToggleSingleGroup_er3ed_224:first-of-type ._toolbarToggleItem_er3ed_208:only-child,
964
+ ._toolbarToggleSingleGroup_er3ed_224:only-child ._toolbarToggleItem_er3ed_208:first-child,
965
+ ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:first-child {
966
966
  border-top-left-radius: var(--radius-base);
967
967
  border-bottom-left-radius: var(--radius-base);
968
968
  }
969
969
 
970
- ._toolbarToggleSingleGroup_f3hmk_224:last-of-type ._toolbarToggleItem_f3hmk_208:only-child,
971
- ._toolbarToggleSingleGroup_f3hmk_224:only-child ._toolbarToggleItem_f3hmk_208:last-child,
972
- ._toolbarModeSwitch_f3hmk_198 ._toolbarToggleItem_f3hmk_208:last-child {
970
+ ._toolbarToggleSingleGroup_er3ed_224:last-of-type ._toolbarToggleItem_er3ed_208:only-child,
971
+ ._toolbarToggleSingleGroup_er3ed_224:only-child ._toolbarToggleItem_er3ed_208:last-child,
972
+ ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:last-child {
973
973
  border-top-right-radius: var(--radius-base);
974
974
  border-bottom-right-radius: var(--radius-base);
975
975
  }
976
976
 
977
- ._toolbarToggleItem_f3hmk_208,
978
- ._toolbarButton_f3hmk_239 {
977
+ ._toolbarToggleItem_er3ed_208,
978
+ ._toolbarButton_er3ed_239 {
979
979
  border: 0;
980
980
  background-color: transparent;
981
981
  font-size: inherit;
@@ -989,53 +989,53 @@
989
989
  }
990
990
 
991
991
  @media (hover: hover) {
992
- ._toolbarToggleItem_f3hmk_208:hover, ._toolbarButton_f3hmk_239:hover {
992
+ ._toolbarToggleItem_er3ed_208:hover, ._toolbarButton_er3ed_239:hover {
993
993
  background-color: var(--baseBgActive);
994
994
  }
995
995
  }
996
996
 
997
- ._toolbarToggleItem_f3hmk_208:active svg, ._toolbarButton_f3hmk_239:active svg {
997
+ ._toolbarToggleItem_er3ed_208:active svg, ._toolbarButton_er3ed_239:active svg {
998
998
  transform: translate(1px, 1px);
999
999
  }
1000
1000
 
1001
- ._toolbarToggleItem_f3hmk_208[data-state='on'],
1002
- ._toolbarButton_f3hmk_239[data-state='on'],
1003
- ._toolbarToggleItem_f3hmk_208:active,
1004
- ._toolbarButton_f3hmk_239:active {
1001
+ ._toolbarToggleItem_er3ed_208[data-state='on'],
1002
+ ._toolbarButton_er3ed_239[data-state='on'],
1003
+ ._toolbarToggleItem_er3ed_208:active,
1004
+ ._toolbarButton_er3ed_239:active {
1005
1005
  color: var(--baseTextContrast);
1006
1006
  background-color: var(--baseBgActive);
1007
1007
  }
1008
1008
 
1009
- ._toolbarToggleItem_f3hmk_208[data-disabled], ._toolbarButton_f3hmk_239[data-disabled] {
1009
+ ._toolbarToggleItem_er3ed_208[data-disabled], ._toolbarButton_er3ed_239[data-disabled] {
1010
1010
  pointer-events: none;
1011
1011
  }
1012
1012
 
1013
- ._toolbarToggleItem_f3hmk_208[data-disabled] svg, ._toolbarButton_f3hmk_239[data-disabled] svg {
1013
+ ._toolbarToggleItem_er3ed_208[data-disabled] svg, ._toolbarButton_er3ed_239[data-disabled] svg {
1014
1014
  color: var(--baseBorderHover);
1015
1015
  }
1016
1016
 
1017
- ._toolbarButton_f3hmk_239 {
1017
+ ._toolbarButton_er3ed_239 {
1018
1018
  border-radius: var(--radius-base);
1019
1019
  }
1020
1020
 
1021
- ._toolbarButton_f3hmk_239 + ._toolbarButton_f3hmk_239 {
1021
+ ._toolbarButton_er3ed_239 + ._toolbarButton_er3ed_239 {
1022
1022
  margin-left: var(--spacing-1);
1023
1023
  }
1024
1024
 
1025
- ._activeToolbarButton_f3hmk_275 {
1025
+ ._activeToolbarButton_er3ed_275 {
1026
1026
  color: var(--accentText);
1027
1027
  }
1028
1028
 
1029
- ._toolbarToggleSingleGroup_f3hmk_224 {
1029
+ ._toolbarToggleSingleGroup_er3ed_224 {
1030
1030
  display: flex;
1031
1031
  align-items: center;
1032
1032
  white-space: nowrap;
1033
1033
  }
1034
1034
 
1035
- ._toolbarNodeKindSelectContainer_f3hmk_285,
1036
- ._toolbarButtonDropdownContainer_f3hmk_286,
1037
- ._toolbarCodeBlockLanguageSelectContent_f3hmk_287,
1038
- ._selectContainer_f3hmk_288 {
1035
+ ._toolbarNodeKindSelectContainer_er3ed_285,
1036
+ ._toolbarButtonDropdownContainer_er3ed_286,
1037
+ ._toolbarCodeBlockLanguageSelectContent_er3ed_287,
1038
+ ._selectContainer_er3ed_288 {
1039
1039
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1040
1040
  z-index: 3;
1041
1041
  width: var(--spacing-36);
@@ -1045,17 +1045,17 @@
1045
1045
  font-size: var(--text-sm);
1046
1046
  }
1047
1047
 
1048
- ._toolbarButtonDropdownContainer_f3hmk_286 {
1048
+ ._toolbarButtonDropdownContainer_er3ed_286 {
1049
1049
  border-top-right-radius: var(--radius-base);
1050
1050
  }
1051
1051
 
1052
- ._toolbarButtonDropdownContainer_f3hmk_286 ._selectItem_f3hmk_301:first-child {
1052
+ ._toolbarButtonDropdownContainer_er3ed_286 ._selectItem_er3ed_301:first-child {
1053
1053
  border-top-right-radius: var(--radius-base);
1054
1054
  }
1055
1055
 
1056
- ._toolbarNodeKindSelectTrigger_f3hmk_306,
1057
- ._toolbarButtonSelectTrigger_f3hmk_307,
1058
- ._selectTrigger_f3hmk_308 {
1056
+ ._toolbarNodeKindSelectTrigger_er3ed_306,
1057
+ ._toolbarButtonSelectTrigger_er3ed_307,
1058
+ ._selectTrigger_er3ed_308 {
1059
1059
  border: 0;
1060
1060
  background-color: transparent;
1061
1061
  display: flex;
@@ -1072,61 +1072,61 @@
1072
1072
  margin: 0 var(--spacing-1);
1073
1073
  }
1074
1074
 
1075
- ._toolbarNodeKindSelectTrigger_f3hmk_306[data-state='open'], ._toolbarButtonSelectTrigger_f3hmk_307[data-state='open'], ._selectTrigger_f3hmk_308[data-state='open'] {
1075
+ ._toolbarNodeKindSelectTrigger_er3ed_306[data-state='open'], ._toolbarButtonSelectTrigger_er3ed_307[data-state='open'], ._selectTrigger_er3ed_308[data-state='open'] {
1076
1076
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1077
1077
  border-bottom-right-radius: var(--radius-none);
1078
1078
  border-bottom-left-radius: var(--radius-none);
1079
1079
  }
1080
1080
 
1081
- ._selectTrigger_f3hmk_308[data-placeholder] > span:first-child {
1081
+ ._selectTrigger_er3ed_308[data-placeholder] > span:first-child {
1082
1082
  color: var(--baseBorderHover);
1083
1083
  }
1084
1084
 
1085
- ._toolbarButtonSelectTrigger_f3hmk_307 {
1085
+ ._toolbarButtonSelectTrigger_er3ed_307 {
1086
1086
  width: auto;
1087
1087
  padding-inline-start: var(--spacing-2);
1088
1088
  padding-inline-end: var(--spacing-1);
1089
1089
  padding-block: var(--spacing-0_5);
1090
1090
  }
1091
1091
 
1092
- ._toolbarCodeBlockLanguageSelectTrigger_f3hmk_342,
1093
- ._toolbarCodeBlockLanguageSelectContent_f3hmk_287 {
1092
+ ._toolbarCodeBlockLanguageSelectTrigger_er3ed_342,
1093
+ ._toolbarCodeBlockLanguageSelectContent_er3ed_287 {
1094
1094
  width: var(--spacing-48);
1095
1095
  }
1096
1096
 
1097
- ._toolbarNodeKindSelectItem_f3hmk_347,
1098
- ._selectItem_f3hmk_301 {
1097
+ ._toolbarNodeKindSelectItem_er3ed_347,
1098
+ ._selectItem_er3ed_301 {
1099
1099
  cursor: default;
1100
1100
  display: flex;
1101
1101
  padding: var(--spacing-2);
1102
1102
  }
1103
1103
 
1104
- ._toolbarNodeKindSelectItem_f3hmk_347[data-highlighted], ._selectItem_f3hmk_301[data-highlighted] {
1104
+ ._toolbarNodeKindSelectItem_er3ed_347[data-highlighted], ._selectItem_er3ed_301[data-highlighted] {
1105
1105
  background-color: var(--baseBg);
1106
1106
  }
1107
1107
 
1108
- ._toolbarNodeKindSelectItem_f3hmk_347[data-state='checked'], ._selectItem_f3hmk_301[data-state='checked'] {
1108
+ ._toolbarNodeKindSelectItem_er3ed_347[data-state='checked'], ._selectItem_er3ed_301[data-state='checked'] {
1109
1109
  color: var(--baseTextContrast);
1110
1110
  background-color: var(--baseBg);
1111
1111
  }
1112
1112
 
1113
- ._toolbarNodeKindSelectItem_f3hmk_347[data-highlighted], ._selectItem_f3hmk_301[data-highlighted] {
1113
+ ._toolbarNodeKindSelectItem_er3ed_347[data-highlighted], ._selectItem_er3ed_301[data-highlighted] {
1114
1114
  outline: none;
1115
1115
  }
1116
1116
 
1117
- ._toolbarNodeKindSelectItem_f3hmk_347:last-child, ._selectItem_f3hmk_301:last-child {
1117
+ ._toolbarNodeKindSelectItem_er3ed_347:last-child, ._selectItem_er3ed_301:last-child {
1118
1118
  border-bottom-left-radius: var(--radius-base);
1119
1119
  border-bottom-right-radius: var(--radius-base);
1120
1120
  }
1121
1121
 
1122
- ._toolbarNodeKindSelectDropdownArrow_f3hmk_372,
1123
- ._selectDropdownArrow_f3hmk_373 {
1122
+ ._toolbarNodeKindSelectDropdownArrow_er3ed_372,
1123
+ ._selectDropdownArrow_er3ed_373 {
1124
1124
  margin-left: auto;
1125
1125
  display: flex;
1126
1126
  align-items: center;
1127
1127
  }
1128
1128
 
1129
- ._contentEditable_f3hmk_379 {
1129
+ ._contentEditable_er3ed_379 {
1130
1130
  box-sizing: border-box;
1131
1131
  width: 100%;
1132
1132
  color: var(--baseTextContrast);
@@ -1134,11 +1134,11 @@
1134
1134
  padding: var(--spacing-3);
1135
1135
  }
1136
1136
 
1137
- ._contentEditable_f3hmk_379:focus {
1137
+ ._contentEditable_er3ed_379:focus {
1138
1138
  outline: none;
1139
1139
  }
1140
1140
 
1141
- ._codeMirrorWrapper_f3hmk_391 {
1141
+ ._codeMirrorWrapper_er3ed_391 {
1142
1142
  margin-bottom: var(--spacing-5);
1143
1143
  border: 1px solid var(--baseLine);
1144
1144
  border-radius: var(--radius-medium);
@@ -1147,7 +1147,7 @@
1147
1147
  position: relative;
1148
1148
  }
1149
1149
 
1150
- ._sandPackWrapper_f3hmk_400 {
1150
+ ._sandPackWrapper_er3ed_400 {
1151
1151
  margin-bottom: var(--spacing-5);
1152
1152
  border: 1px solid var(--baseLine);
1153
1153
  border-radius: var(--radius-medium);
@@ -1155,7 +1155,7 @@
1155
1155
  position: relative;
1156
1156
  }
1157
1157
 
1158
- ._codeMirrorToolbar_f3hmk_408 {
1158
+ ._codeMirrorToolbar_er3ed_408 {
1159
1159
  position: absolute;
1160
1160
  right: 0;
1161
1161
  top: 0;
@@ -1167,17 +1167,17 @@
1167
1167
  border-bottom-left-radius: var(--radius-base);
1168
1168
  }
1169
1169
 
1170
- ._frontmatterWrapper_f3hmk_412 {
1170
+ ._frontmatterWrapper_er3ed_412 {
1171
1171
  border-radius: var(--radius-medium);
1172
1172
  padding: var(--spacing-3);
1173
1173
  background-color: var(--baseBgSubtle);
1174
1174
  }
1175
1175
 
1176
- ._frontmatterWrapper_f3hmk_412[data-expanded='true'] {
1176
+ ._frontmatterWrapper_er3ed_412[data-expanded='true'] {
1177
1177
  margin-bottom: var(--spacing-10);
1178
1178
  }
1179
1179
 
1180
- ._frontmatterToggleButton_f3hmk_422 {
1180
+ ._frontmatterToggleButton_er3ed_422 {
1181
1181
  border: 0;
1182
1182
  background-color: transparent;
1183
1183
  font-size: inherit;
@@ -1193,7 +1193,7 @@
1193
1193
  font-size: var(--text-sm);
1194
1194
  }
1195
1195
 
1196
- ._propertyPanelTitle_f3hmk_430 {
1196
+ ._propertyPanelTitle_er3ed_430 {
1197
1197
  font-size: var(--text-xs);
1198
1198
  font-weight: 400;
1199
1199
  margin: 0;
@@ -1201,49 +1201,49 @@
1201
1201
  padding-left: var(--spacing-2);
1202
1202
  }
1203
1203
 
1204
- ._propertyEditorTable_f3hmk_438 {
1204
+ ._propertyEditorTable_er3ed_438 {
1205
1205
  table-layout: fixed;
1206
1206
  border-spacing: var(--spacing-2);
1207
1207
  }
1208
1208
 
1209
- ._propertyEditorTable_f3hmk_438 th {
1209
+ ._propertyEditorTable_er3ed_438 th {
1210
1210
  text-align: left;
1211
1211
  font-size: var(--text-sm);
1212
1212
  padding: var(--spacing-2) var(--spacing-3);
1213
1213
  }
1214
1214
 
1215
- ._propertyEditorTable_f3hmk_438 col:nth-child(1) {
1215
+ ._propertyEditorTable_er3ed_438 col:nth-child(1) {
1216
1216
  width: 30%;
1217
1217
  }
1218
1218
 
1219
- ._propertyEditorTable_f3hmk_438 col:nth-child(2) {
1219
+ ._propertyEditorTable_er3ed_438 col:nth-child(2) {
1220
1220
  width: 70%;
1221
1221
  }
1222
1222
 
1223
- ._propertyEditorTable_f3hmk_438 td:last-child ._iconButton_f3hmk_456 {
1223
+ ._propertyEditorTable_er3ed_438 td:last-child ._iconButton_er3ed_456 {
1224
1224
  margin-left: var(--spacing-4);
1225
1225
  margin-right: var(--spacing-4);
1226
1226
  }
1227
1227
 
1228
- ._propertyEditorTable_f3hmk_438 ._readOnlyColumnCell_f3hmk_461 {
1228
+ ._propertyEditorTable_er3ed_438 ._readOnlyColumnCell_er3ed_461 {
1229
1229
  padding-left: 0;
1230
1230
  }
1231
1231
 
1232
- ._propertyEditorLabelCell_f3hmk_466 {
1232
+ ._propertyEditorLabelCell_er3ed_466 {
1233
1233
  font-weight: 400;
1234
1234
  }
1235
1235
 
1236
- ._readOnlyColumnCell_f3hmk_461 {
1236
+ ._readOnlyColumnCell_er3ed_461 {
1237
1237
  padding-left: 0;
1238
1238
  }
1239
1239
 
1240
- ._buttonsFooter_f3hmk_474 {
1240
+ ._buttonsFooter_er3ed_474 {
1241
1241
  display: flex;
1242
1242
  justify-content: flex-end;
1243
1243
  gap: var(--spacing-2);
1244
1244
  }
1245
1245
 
1246
- ._propertyEditorInput_f3hmk_480 {
1246
+ ._propertyEditorInput_er3ed_480 {
1247
1247
  border: 0;
1248
1248
  background-color: transparent;
1249
1249
  font-size: inherit;
@@ -1261,7 +1261,7 @@
1261
1261
  font-size: var(--text-sm);
1262
1262
  }
1263
1263
 
1264
- ._iconButton_f3hmk_456 {
1264
+ ._iconButton_er3ed_456 {
1265
1265
  border: 0;
1266
1266
  background-color: transparent;
1267
1267
  font-size: inherit;
@@ -1275,18 +1275,18 @@
1275
1275
  }
1276
1276
 
1277
1277
  @media (hover: hover) {
1278
- ._iconButton_f3hmk_456:hover {
1278
+ ._iconButton_er3ed_456:hover {
1279
1279
  color: var(--baseTextContrast);
1280
1280
  }
1281
1281
  }
1282
1282
 
1283
- ._iconButton_f3hmk_456:disabled,
1284
- ._iconButton_f3hmk_456:disabled:hover {
1283
+ ._iconButton_er3ed_456:disabled,
1284
+ ._iconButton_er3ed_456:disabled:hover {
1285
1285
  color: var(--baseLine);
1286
1286
  }
1287
1287
 
1288
- ._primaryButton_f3hmk_506,
1289
- ._secondaryButton_f3hmk_507 {
1288
+ ._primaryButton_er3ed_506,
1289
+ ._secondaryButton_er3ed_507 {
1290
1290
  border: 0;
1291
1291
  background-color: transparent;
1292
1292
  font-size: inherit;
@@ -1304,30 +1304,30 @@
1304
1304
  border-radius: var(--radius-medium);
1305
1305
  }
1306
1306
 
1307
- ._primaryButton_f3hmk_506:disabled, ._secondaryButton_f3hmk_507:disabled {
1307
+ ._primaryButton_er3ed_506:disabled, ._secondaryButton_er3ed_507:disabled {
1308
1308
  background: var(--accentLine);
1309
1309
  border-color: var(--accentBg);
1310
1310
  }
1311
1311
 
1312
- ._smallButton_f3hmk_522 {
1312
+ ._smallButton_er3ed_522 {
1313
1313
  font-size: var(--text-xs);
1314
1314
  padding: var(--spacing-1) var(--spacing-2);
1315
1315
  border-radius: var(--radius-base);
1316
1316
  }
1317
1317
 
1318
- ._secondaryButton_f3hmk_507 {
1318
+ ._secondaryButton_er3ed_507 {
1319
1319
  border: 1px solid var(--baseBorder);
1320
1320
  background-color: var(--baseSolidHover);
1321
1321
  color: var(--baseBase);
1322
1322
  }
1323
1323
 
1324
- ._dialogForm_f3hmk_534 {
1324
+ ._dialogForm_er3ed_534 {
1325
1325
  display: flex;
1326
1326
  flex-direction: row;
1327
1327
  gap: var(--spacing-2);
1328
1328
  }
1329
1329
 
1330
- ._linkDialogEditForm_f3hmk_540 {
1330
+ ._linkDialogEditForm_er3ed_540 {
1331
1331
  display: flex;
1332
1332
  flex-direction: column;
1333
1333
  align-items: stretch;
@@ -1335,13 +1335,13 @@
1335
1335
  padding: 0;
1336
1336
  }
1337
1337
 
1338
- ._linkDialogInputContainer_f3hmk_548 {
1338
+ ._linkDialogInputContainer_er3ed_548 {
1339
1339
  display: flex;
1340
1340
  flex-direction: column;
1341
1341
  align-items: stretch;
1342
1342
  }
1343
1343
 
1344
- ._linkDialogInputWrapper_f3hmk_554 {
1344
+ ._linkDialogInputWrapper_er3ed_554 {
1345
1345
  display: flex;
1346
1346
  align-items: center;
1347
1347
  background-color: var(--baseBase);
@@ -1350,13 +1350,13 @@
1350
1350
  border: 1px solid var(--baseBorder);
1351
1351
  }
1352
1352
 
1353
- ._linkDialogInputWrapper_f3hmk_554[data-visible-dropdown='true'] {
1353
+ ._linkDialogInputWrapper_er3ed_554[data-visible-dropdown='true'] {
1354
1354
  border-bottom-left-radius: var(--radius-none);
1355
1355
  border-bottom-right-radius: var(--radius-none);
1356
1356
  border-bottom-width: 0;
1357
1357
  }
1358
1358
 
1359
- ._linkDialogInputWrapper_f3hmk_554 > button {
1359
+ ._linkDialogInputWrapper_er3ed_554 > button {
1360
1360
  border: 0;
1361
1361
  background-color: transparent;
1362
1362
  font-size: inherit;
@@ -1369,8 +1369,8 @@
1369
1369
  padding-right: var(--spacing-2);
1370
1370
  }
1371
1371
 
1372
- ._linkDialogInput_f3hmk_548,
1373
- ._dialogInput_f3hmk_575 {
1372
+ ._linkDialogInput_er3ed_548,
1373
+ ._dialogInput_er3ed_575 {
1374
1374
  border: 0;
1375
1375
  background-color: transparent;
1376
1376
  font-size: inherit;
@@ -1385,31 +1385,31 @@
1385
1385
  font-size: var(--text-sm);
1386
1386
  }
1387
1387
 
1388
- ._linkDialogInput_f3hmk_548::-moz-placeholder, ._dialogInput_f3hmk_575::-moz-placeholder {
1388
+ ._linkDialogInput_er3ed_548::-moz-placeholder, ._dialogInput_er3ed_575::-moz-placeholder {
1389
1389
  color: var(--baseBorder);
1390
1390
  }
1391
1391
 
1392
- ._linkDialogInput_f3hmk_548::placeholder, ._dialogInput_f3hmk_575::placeholder {
1392
+ ._linkDialogInput_er3ed_548::placeholder, ._dialogInput_er3ed_575::placeholder {
1393
1393
  color: var(--baseBorder);
1394
1394
  }
1395
1395
 
1396
- ._linkDialogAnchor_f3hmk_586 {
1396
+ ._linkDialogAnchor_er3ed_586 {
1397
1397
  position: fixed;
1398
1398
  background-color: highlight;
1399
1399
  z-index: -1;
1400
1400
  }
1401
1401
 
1402
- ._linkDialogAnchor_f3hmk_586[data-visible='true'] {
1402
+ ._linkDialogAnchor_er3ed_586[data-visible='true'] {
1403
1403
  visibility: visible;
1404
1404
  }
1405
1405
 
1406
- ._linkDialogAnchor_f3hmk_586[data-visible='false'] {
1406
+ ._linkDialogAnchor_er3ed_586[data-visible='false'] {
1407
1407
  visibility: hidden;
1408
1408
  }
1409
1409
 
1410
- ._linkDialogPopoverContent_f3hmk_600,
1411
- ._tableColumnEditorPopoverContent_f3hmk_601,
1412
- ._dialogContent_f3hmk_602 {
1410
+ ._linkDialogPopoverContent_er3ed_600,
1411
+ ._tableColumnEditorPopoverContent_er3ed_601,
1412
+ ._dialogContent_er3ed_602 {
1413
1413
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1414
1414
  display: flex;
1415
1415
  align-items: center;
@@ -1421,7 +1421,7 @@
1421
1421
  font-size: var(--text-sm);
1422
1422
  }
1423
1423
 
1424
- ._largeDialogContent_f3hmk_614 {
1424
+ ._largeDialogContent_er3ed_614 {
1425
1425
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1426
1426
  gap: var(--spacing-0_5);
1427
1427
  border-radius: var(--radius-medium);
@@ -1431,13 +1431,13 @@
1431
1431
  font-size: var(--text-sm);
1432
1432
  }
1433
1433
 
1434
- ._dialogTitle_f3hmk_624 {
1434
+ ._dialogTitle_er3ed_624 {
1435
1435
  font-size: var(--text-base);
1436
1436
  font-weight: 600;
1437
1437
  padding-left: var(--spacing-2);
1438
1438
  }
1439
1439
 
1440
- ._dialogCloseButton_f3hmk_630 {
1440
+ ._dialogCloseButton_er3ed_630 {
1441
1441
  border: 0;
1442
1442
  background-color: transparent;
1443
1443
  font-size: inherit;
@@ -1452,7 +1452,7 @@
1452
1452
  right: 10px;
1453
1453
  }
1454
1454
 
1455
- ._popoverContent_f3hmk_637 {
1455
+ ._popoverContent_er3ed_637 {
1456
1456
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1457
1457
  display: flex;
1458
1458
  align-items: center;
@@ -1464,11 +1464,11 @@
1464
1464
  z-index: 1;
1465
1465
  }
1466
1466
 
1467
- ._popoverArrow_f3hmk_649 {
1467
+ ._popoverArrow_er3ed_649 {
1468
1468
  fill: var(--basePageBg);
1469
1469
  }
1470
1470
 
1471
- ._linkDialogPreviewAnchor_f3hmk_653 {
1471
+ ._linkDialogPreviewAnchor_er3ed_653 {
1472
1472
  margin-right: var(--spacing-1);
1473
1473
  display: flex;
1474
1474
  align-items: center;
@@ -1479,23 +1479,23 @@
1479
1479
  }
1480
1480
 
1481
1481
  @media (hover: hover) {
1482
- ._linkDialogPreviewAnchor_f3hmk_653:hover {
1482
+ ._linkDialogPreviewAnchor_er3ed_653:hover {
1483
1483
  color: var(--accentSolidHover);
1484
1484
  }
1485
1485
  }
1486
1486
 
1487
- ._linkDialogPreviewAnchor_f3hmk_653 span {
1487
+ ._linkDialogPreviewAnchor_er3ed_653 span {
1488
1488
  max-width: 14rem;
1489
1489
  overflow-x: hidden;
1490
1490
  text-overflow: ellipsis;
1491
1491
  white-space: nowrap;
1492
1492
  }
1493
1493
 
1494
- ._tooltipTrigger_f3hmk_676 {
1494
+ ._tooltipTrigger_er3ed_676 {
1495
1495
  align-self: center;
1496
1496
  }
1497
1497
 
1498
- ._tooltipContent_f3hmk_680 {
1498
+ ._tooltipContent_er3ed_680 {
1499
1499
  z-index: 2;
1500
1500
  position: relative;
1501
1501
  border-radius: var(--radius-medium);
@@ -1505,11 +1505,11 @@
1505
1505
  color: var(--baseBase);
1506
1506
  }
1507
1507
 
1508
- ._tooltipContent_f3hmk_680 svg {
1508
+ ._tooltipContent_er3ed_680 svg {
1509
1509
  fill: var(--baseText);
1510
1510
  }
1511
1511
 
1512
- ._actionButton_f3hmk_694 {
1512
+ ._actionButton_er3ed_694 {
1513
1513
  border: 0;
1514
1514
  background-color: transparent;
1515
1515
  font-size: inherit;
@@ -1526,39 +1526,39 @@
1526
1526
  color: var(--baseTextContrast);
1527
1527
  }
1528
1528
 
1529
- ._actionButton_f3hmk_694 svg {
1529
+ ._actionButton_er3ed_694 svg {
1530
1530
  display: block;
1531
1531
  }
1532
1532
 
1533
1533
  @media (hover: hover) {
1534
- ._actionButton_f3hmk_694:hover {
1534
+ ._actionButton_er3ed_694:hover {
1535
1535
  background-color: var(--baseBg);
1536
1536
  }
1537
1537
  }
1538
1538
 
1539
- ._actionButton_f3hmk_694:active svg {
1539
+ ._actionButton_er3ed_694:active svg {
1540
1540
  transform: translate(1px, 1px);
1541
1541
  }
1542
1542
 
1543
- ._actionButton_f3hmk_694[data-state='on'],
1544
- ._actionButton_f3hmk_694:active {
1543
+ ._actionButton_er3ed_694[data-state='on'],
1544
+ ._actionButton_er3ed_694:active {
1545
1545
  background-color: var(--baseBg);
1546
1546
  color: var(--baseTextContrast);
1547
1547
  }
1548
1548
 
1549
- ._primaryActionButton_f3hmk_701 {
1549
+ ._primaryActionButton_er3ed_701 {
1550
1550
  background-color: var(--accentSolid);
1551
1551
  color: var(--baseBase);
1552
1552
  }
1553
1553
 
1554
1554
  @media (hover: hover) {
1555
- ._primaryActionButton_f3hmk_701:hover {
1555
+ ._primaryActionButton_er3ed_701:hover {
1556
1556
  background-color: var(--accentSolidHover);
1557
1557
  color: var(--baseBase);
1558
1558
  }
1559
1559
  }
1560
1560
 
1561
- ._tableEditor_f3hmk_713 {
1561
+ ._tableEditor_er3ed_713 {
1562
1562
  table-layout: fixed;
1563
1563
  width: 100%;
1564
1564
  height: 100%;
@@ -1566,61 +1566,61 @@
1566
1566
  border-collapse: collapse;
1567
1567
  }
1568
1568
 
1569
- ._tableEditor_f3hmk_713 thead > tr > th {
1569
+ ._tableEditor_er3ed_713 thead > tr > th {
1570
1570
  text-align: right;
1571
1571
  }
1572
1572
 
1573
- ._tableEditor_f3hmk_713 > tbody > tr > td:not(._toolCell_f3hmk_724),
1574
- ._tableEditor_f3hmk_713 > tbody > tr > th:not(._toolCell_f3hmk_724):not([data-tool-cell='true']) {
1573
+ ._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724),
1574
+ ._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell='true']) {
1575
1575
  border: 1px solid var(--baseBgActive);
1576
1576
  padding: var(--spacing-1) var(--spacing-2);
1577
1577
  white-space: normal;
1578
1578
  }
1579
1579
 
1580
- :is(._tableEditor_f3hmk_713 > tbody > tr > td:not(._toolCell_f3hmk_724),._tableEditor_f3hmk_713 > tbody > tr > th:not(._toolCell_f3hmk_724):not([data-tool-cell='true'])) > div {
1580
+ :is(._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724),._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell='true'])) > div {
1581
1581
  outline: none;
1582
1582
  }
1583
1583
 
1584
- :is(._tableEditor_f3hmk_713 > tbody > tr > td:not(._toolCell_f3hmk_724),._tableEditor_f3hmk_713 > tbody > tr > th:not(._toolCell_f3hmk_724):not([data-tool-cell='true'])) > div > p {
1584
+ :is(._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724),._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell='true'])) > div > p {
1585
1585
  margin: 0;
1586
1586
  }
1587
1587
 
1588
- [data-active='true']:is(._tableEditor_f3hmk_713 > tbody > tr > td:not(._toolCell_f3hmk_724),._tableEditor_f3hmk_713 > tbody > tr > th:not(._toolCell_f3hmk_724):not([data-tool-cell='true'])) {
1588
+ [data-active='true']:is(._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724),._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell='true'])) {
1589
1589
  outline: solid 1px var(--baseSolid);
1590
1590
  }
1591
1591
 
1592
- ._tableEditor_f3hmk_713 ._tableColumnEditorTrigger_f3hmk_743,
1593
- ._tableEditor_f3hmk_713 ._tableRowEditorTrigger_f3hmk_744,
1594
- ._tableEditor_f3hmk_713 ._addRowButton_f3hmk_745,
1595
- ._tableEditor_f3hmk_713 ._addColumnButton_f3hmk_746,
1596
- ._tableEditor_f3hmk_713 ._iconButton_f3hmk_456 {
1592
+ ._tableEditor_er3ed_713 ._tableColumnEditorTrigger_er3ed_743,
1593
+ ._tableEditor_er3ed_713 ._tableRowEditorTrigger_er3ed_744,
1594
+ ._tableEditor_er3ed_713 ._addRowButton_er3ed_745,
1595
+ ._tableEditor_er3ed_713 ._addColumnButton_er3ed_746,
1596
+ ._tableEditor_er3ed_713 ._iconButton_er3ed_456 {
1597
1597
  opacity: 0.15;
1598
1598
  }
1599
1599
 
1600
1600
  @media (hover: hover) {
1601
- ._tableEditor_f3hmk_713:hover ._tableColumnEditorTrigger_f3hmk_743,
1602
- ._tableEditor_f3hmk_713:hover ._tableRowEditorTrigger_f3hmk_744,
1603
- ._tableEditor_f3hmk_713:hover ._addRowButton_f3hmk_745,
1604
- ._tableEditor_f3hmk_713:hover ._addColumnButton_f3hmk_746,
1605
- ._tableEditor_f3hmk_713:hover ._iconButton_f3hmk_456 {
1601
+ ._tableEditor_er3ed_713:hover ._tableColumnEditorTrigger_er3ed_743,
1602
+ ._tableEditor_er3ed_713:hover ._tableRowEditorTrigger_er3ed_744,
1603
+ ._tableEditor_er3ed_713:hover ._addRowButton_er3ed_745,
1604
+ ._tableEditor_er3ed_713:hover ._addColumnButton_er3ed_746,
1605
+ ._tableEditor_er3ed_713:hover ._iconButton_er3ed_456 {
1606
1606
  opacity: 0.3;
1607
1607
  }
1608
1608
 
1609
- ._tableEditor_f3hmk_713:hover ._tableColumnEditorTrigger_f3hmk_743:hover, ._tableEditor_f3hmk_713:hover ._tableRowEditorTrigger_f3hmk_744:hover, ._tableEditor_f3hmk_713:hover ._addRowButton_f3hmk_745:hover, ._tableEditor_f3hmk_713:hover ._addColumnButton_f3hmk_746:hover, ._tableEditor_f3hmk_713:hover ._iconButton_f3hmk_456:hover {
1609
+ ._tableEditor_er3ed_713:hover ._tableColumnEditorTrigger_er3ed_743:hover, ._tableEditor_er3ed_713:hover ._tableRowEditorTrigger_er3ed_744:hover, ._tableEditor_er3ed_713:hover ._addRowButton_er3ed_745:hover, ._tableEditor_er3ed_713:hover ._addColumnButton_er3ed_746:hover, ._tableEditor_er3ed_713:hover ._iconButton_er3ed_456:hover {
1610
1610
  opacity: 1;
1611
1611
  }
1612
1612
  }
1613
1613
 
1614
- ._toolCell_f3hmk_724 {
1614
+ ._toolCell_er3ed_724 {
1615
1615
  text-align: right;
1616
1616
  }
1617
1617
 
1618
- ._toolCell_f3hmk_724 button {
1618
+ ._toolCell_er3ed_724 button {
1619
1619
  margin: auto;
1620
1620
  display: block;
1621
1621
  }
1622
1622
 
1623
- ._tableColumnEditorTrigger_f3hmk_743 {
1623
+ ._tableColumnEditorTrigger_er3ed_743 {
1624
1624
  border: 0;
1625
1625
  background-color: transparent;
1626
1626
  font-size: inherit;
@@ -1637,35 +1637,35 @@
1637
1637
  opacity: 0.2;
1638
1638
  }
1639
1639
 
1640
- ._tableColumnEditorTrigger_f3hmk_743 svg {
1640
+ ._tableColumnEditorTrigger_er3ed_743 svg {
1641
1641
  display: block;
1642
1642
  }
1643
1643
 
1644
1644
  @media (hover: hover) {
1645
- ._tableColumnEditorTrigger_f3hmk_743:hover {
1645
+ ._tableColumnEditorTrigger_er3ed_743:hover {
1646
1646
  background-color: var(--baseBg);
1647
1647
  }
1648
1648
  }
1649
1649
 
1650
- ._tableColumnEditorTrigger_f3hmk_743:active svg {
1650
+ ._tableColumnEditorTrigger_er3ed_743:active svg {
1651
1651
  transform: translate(1px, 1px);
1652
1652
  }
1653
1653
 
1654
- ._tableColumnEditorTrigger_f3hmk_743[data-state='on'],
1655
- ._tableColumnEditorTrigger_f3hmk_743:active {
1654
+ ._tableColumnEditorTrigger_er3ed_743[data-state='on'],
1655
+ ._tableColumnEditorTrigger_er3ed_743:active {
1656
1656
  background-color: var(--baseBg);
1657
1657
  color: var(--baseTextContrast);
1658
1658
  }
1659
1659
 
1660
- ._tableColumnEditorTrigger_f3hmk_743[data-active='true'] {
1660
+ ._tableColumnEditorTrigger_er3ed_743[data-active='true'] {
1661
1661
  opacity: 1 !important;
1662
1662
  }
1663
1663
 
1664
- ._tableColumnEditorToolbar_f3hmk_788 {
1664
+ ._tableColumnEditorToolbar_er3ed_788 {
1665
1665
  display: flex;
1666
1666
  }
1667
1667
 
1668
- ._tableColumnEditorToolbar_f3hmk_788 > button {
1668
+ ._tableColumnEditorToolbar_er3ed_788 > button {
1669
1669
  border: 0;
1670
1670
  background-color: transparent;
1671
1671
  font-size: inherit;
@@ -1679,36 +1679,36 @@
1679
1679
  color: var(--baseTextContrast);
1680
1680
  }
1681
1681
 
1682
- ._tableColumnEditorToolbar_f3hmk_788 > button svg {
1682
+ ._tableColumnEditorToolbar_er3ed_788 > button svg {
1683
1683
  display: block;
1684
1684
  }
1685
1685
 
1686
1686
  @media (hover: hover) {
1687
- ._tableColumnEditorToolbar_f3hmk_788 > button:hover {
1687
+ ._tableColumnEditorToolbar_er3ed_788 > button:hover {
1688
1688
  background-color: var(--baseBg);
1689
1689
  }
1690
1690
  }
1691
1691
 
1692
- ._tableColumnEditorToolbar_f3hmk_788 > button:active svg {
1692
+ ._tableColumnEditorToolbar_er3ed_788 > button:active svg {
1693
1693
  transform: translate(1px, 1px);
1694
1694
  }
1695
1695
 
1696
- ._tableColumnEditorToolbar_f3hmk_788 > button[data-state='on'],
1697
- ._tableColumnEditorToolbar_f3hmk_788 > button:active {
1696
+ ._tableColumnEditorToolbar_er3ed_788 > button[data-state='on'],
1697
+ ._tableColumnEditorToolbar_er3ed_788 > button:active {
1698
1698
  background-color: var(--baseBg);
1699
1699
  color: var(--baseTextContrast);
1700
1700
  }
1701
1701
 
1702
- ._tableColumnEditorToolbar_f3hmk_788 [role='separator'] {
1702
+ ._tableColumnEditorToolbar_er3ed_788 [role='separator'] {
1703
1703
  margin-left: var(--spacing-1);
1704
1704
  margin-right: var(--spacing-1);
1705
1705
  }
1706
1706
 
1707
- ._toggleGroupRoot_f3hmk_801 {
1707
+ ._toggleGroupRoot_er3ed_801 {
1708
1708
  display: inline-flex;
1709
1709
  }
1710
1710
 
1711
- ._toggleGroupRoot_f3hmk_801 button {
1711
+ ._toggleGroupRoot_er3ed_801 button {
1712
1712
  border: 0;
1713
1713
  background-color: transparent;
1714
1714
  font-size: inherit;
@@ -1722,59 +1722,59 @@
1722
1722
  color: var(--baseTextContrast);
1723
1723
  }
1724
1724
 
1725
- ._toggleGroupRoot_f3hmk_801 button svg {
1725
+ ._toggleGroupRoot_er3ed_801 button svg {
1726
1726
  display: block;
1727
1727
  }
1728
1728
 
1729
1729
  @media (hover: hover) {
1730
- ._toggleGroupRoot_f3hmk_801 button:hover {
1730
+ ._toggleGroupRoot_er3ed_801 button:hover {
1731
1731
  background-color: var(--baseBg);
1732
1732
  }
1733
1733
  }
1734
1734
 
1735
- ._toggleGroupRoot_f3hmk_801 button:active svg {
1735
+ ._toggleGroupRoot_er3ed_801 button:active svg {
1736
1736
  transform: translate(1px, 1px);
1737
1737
  }
1738
1738
 
1739
- ._toggleGroupRoot_f3hmk_801 button[data-state='on'],
1740
- ._toggleGroupRoot_f3hmk_801 button:active {
1739
+ ._toggleGroupRoot_er3ed_801 button[data-state='on'],
1740
+ ._toggleGroupRoot_er3ed_801 button:active {
1741
1741
  background-color: var(--baseBg);
1742
1742
  color: var(--baseTextContrast);
1743
1743
  }
1744
1744
 
1745
- ._toggleGroupRoot_f3hmk_801 button:first-child {
1745
+ ._toggleGroupRoot_er3ed_801 button:first-child {
1746
1746
  border-top-left-radius: var(--radius-base);
1747
1747
  border-bottom-left-radius: var(--radius-base);
1748
1748
  }
1749
1749
 
1750
- ._toggleGroupRoot_f3hmk_801 button:last-child {
1750
+ ._toggleGroupRoot_er3ed_801 button:last-child {
1751
1751
  border-top-right-radius: var(--radius-base);
1752
1752
  border-bottom-right-radius: var(--radius-base);
1753
1753
  }
1754
1754
 
1755
- ._tableToolsColumn_f3hmk_819 {
1755
+ ._tableToolsColumn_er3ed_819 {
1756
1756
  width: 2rem;
1757
1757
  }
1758
1758
 
1759
- ._tableToolsColumn_f3hmk_819 button {
1759
+ ._tableToolsColumn_er3ed_819 button {
1760
1760
  margin: auto;
1761
1761
  display: block;
1762
1762
  }
1763
1763
 
1764
- ._leftAlignedCell_f3hmk_828 {
1764
+ ._leftAlignedCell_er3ed_828 {
1765
1765
  text-align: left;
1766
1766
  }
1767
1767
 
1768
- ._rightAlignedCell_f3hmk_832 {
1768
+ ._rightAlignedCell_er3ed_832 {
1769
1769
  text-align: right;
1770
1770
  }
1771
1771
 
1772
- ._centeredCell_f3hmk_836 {
1772
+ ._centeredCell_er3ed_836 {
1773
1773
  text-align: center;
1774
1774
  }
1775
1775
 
1776
- ._addColumnButton_f3hmk_746,
1777
- ._addRowButton_f3hmk_745 {
1776
+ ._addColumnButton_er3ed_746,
1777
+ ._addRowButton_er3ed_745 {
1778
1778
  border: 0;
1779
1779
  background-color: transparent;
1780
1780
  font-size: inherit;
@@ -1792,33 +1792,33 @@
1792
1792
  align-items: center;
1793
1793
  }
1794
1794
 
1795
- ._addColumnButton_f3hmk_746 svg, ._addRowButton_f3hmk_745 svg {
1795
+ ._addColumnButton_er3ed_746 svg, ._addRowButton_er3ed_745 svg {
1796
1796
  display: block;
1797
1797
  }
1798
1798
 
1799
1799
  @media (hover: hover) {
1800
- ._addColumnButton_f3hmk_746:hover, ._addRowButton_f3hmk_745:hover {
1800
+ ._addColumnButton_er3ed_746:hover, ._addRowButton_er3ed_745:hover {
1801
1801
  background-color: var(--baseBg);
1802
1802
  }
1803
1803
  }
1804
1804
 
1805
- ._addColumnButton_f3hmk_746:active svg, ._addRowButton_f3hmk_745:active svg {
1805
+ ._addColumnButton_er3ed_746:active svg, ._addRowButton_er3ed_745:active svg {
1806
1806
  transform: translate(1px, 1px);
1807
1807
  }
1808
1808
 
1809
- ._addColumnButton_f3hmk_746[data-state='on'],
1810
- ._addRowButton_f3hmk_745[data-state='on'],
1811
- ._addColumnButton_f3hmk_746:active,
1812
- ._addRowButton_f3hmk_745:active {
1809
+ ._addColumnButton_er3ed_746[data-state='on'],
1810
+ ._addRowButton_er3ed_745[data-state='on'],
1811
+ ._addColumnButton_er3ed_746:active,
1812
+ ._addRowButton_er3ed_745:active {
1813
1813
  background-color: var(--baseBg);
1814
1814
  color: var(--baseTextContrast);
1815
1815
  }
1816
1816
 
1817
- ._addColumnButton_f3hmk_746 svg, ._addRowButton_f3hmk_745 svg {
1817
+ ._addColumnButton_er3ed_746 svg, ._addRowButton_er3ed_745 svg {
1818
1818
  margin: auto;
1819
1819
  }
1820
1820
 
1821
- ._addRowButton_f3hmk_745 {
1821
+ ._addRowButton_er3ed_745 {
1822
1822
  width: 100%;
1823
1823
  margin-top: var(--spacing-px);
1824
1824
  box-sizing: border-box;
@@ -1826,7 +1826,7 @@
1826
1826
  border-bottom-left-radius: var(--radius-medium);
1827
1827
  }
1828
1828
 
1829
- ._addColumnButton_f3hmk_746 {
1829
+ ._addColumnButton_er3ed_746 {
1830
1830
  margin-left: var(--spacing-px);
1831
1831
  height: 100%;
1832
1832
  border-top-right-radius: var(--radius-medium);
@@ -1834,31 +1834,31 @@
1834
1834
  }
1835
1835
 
1836
1836
  /** Dialog */
1837
- ._dialogOverlay_f3hmk_869 {
1837
+ ._dialogOverlay_er3ed_869 {
1838
1838
  position: fixed;
1839
1839
  inset: 0;
1840
- animation: _overlayShow_f3hmk_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1840
+ animation: _overlayShow_er3ed_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1841
1841
  background-color: var(--baseBase);
1842
1842
  z-index: 51;
1843
1843
  opacity: 0.5;
1844
1844
  }
1845
1845
 
1846
- ._dialogContent_f3hmk_602,
1847
- ._largeDialogContent_f3hmk_614 {
1846
+ ._dialogContent_er3ed_602,
1847
+ ._largeDialogContent_er3ed_614 {
1848
1848
  position: fixed;
1849
1849
  top: 50%;
1850
1850
  left: 50%;
1851
1851
  transform: translate(-50%, -50%);
1852
- animation: _contentShow_f3hmk_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1852
+ animation: _contentShow_er3ed_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1853
1853
  z-index: 52;
1854
1854
  }
1855
1855
 
1856
- ._dialogContent_f3hmk_602:focus,
1857
- ._largeDialogContent_f3hmk_614:focus {
1856
+ ._dialogContent_er3ed_602:focus,
1857
+ ._largeDialogContent_er3ed_614:focus {
1858
1858
  outline: none;
1859
1859
  }
1860
1860
 
1861
- @keyframes _overlayShow_f3hmk_1 {
1861
+ @keyframes _overlayShow_er3ed_1 {
1862
1862
  from {
1863
1863
  opacity: 0;
1864
1864
  }
@@ -1868,7 +1868,7 @@
1868
1868
  }
1869
1869
  }
1870
1870
 
1871
- @keyframes _contentShow_f3hmk_1 {
1871
+ @keyframes _contentShow_er3ed_1 {
1872
1872
  from {
1873
1873
  opacity: 0;
1874
1874
  transform: translate(-50%, -48%) scale(0.96);
@@ -1880,23 +1880,23 @@
1880
1880
  }
1881
1881
  }
1882
1882
 
1883
- ._focusedImage_f3hmk_915 {
1883
+ ._focusedImage_er3ed_915 {
1884
1884
  outline: highlight solid 2px;
1885
1885
  }
1886
1886
 
1887
- ._imageWrapper_f3hmk_919 {
1887
+ ._imageWrapper_er3ed_919 {
1888
1888
  display: inline-block;
1889
1889
  position: relative;
1890
1890
  }
1891
1891
 
1892
- ._imageWrapper_f3hmk_919[draggable='true'] {
1892
+ ._imageWrapper_er3ed_919[draggable='true'] {
1893
1893
  cursor: move;
1894
1894
  /* fallback if grab cursor is unsupported */
1895
1895
  cursor: grab;
1896
1896
  cursor: -webkit-grab;
1897
1897
  }
1898
1898
 
1899
- ._editImageToolbar_f3hmk_932 {
1899
+ ._editImageToolbar_er3ed_932 {
1900
1900
  position: absolute;
1901
1901
  right: 0;
1902
1902
  top: 0;
@@ -1908,11 +1908,11 @@
1908
1908
  border-bottom-left-radius: var(--radius-base);
1909
1909
  }
1910
1910
 
1911
- ._editImageButton_f3hmk_936 svg {
1911
+ ._editImageButton_er3ed_936 svg {
1912
1912
  display: block;
1913
1913
  }
1914
1914
 
1915
- ._inlineEditor_f3hmk_942 {
1915
+ ._inlineEditor_er3ed_942 {
1916
1916
  display: inline-flex;
1917
1917
  border-radius: var(--radius-medium);
1918
1918
  padding: var(--spacing-1);
@@ -1921,7 +1921,7 @@
1921
1921
  background: var(--baseBg);
1922
1922
  }
1923
1923
 
1924
- ._blockEditor_f3hmk_951 {
1924
+ ._blockEditor_er3ed_951 {
1925
1925
  display: flex;
1926
1926
  justify-content: stretch;
1927
1927
  border-radius: var(--radius-medium);
@@ -1931,31 +1931,31 @@
1931
1931
  background: var(--baseBg);
1932
1932
  }
1933
1933
 
1934
- ._blockEditor_f3hmk_951 ._nestedEditor_f3hmk_960 {
1934
+ ._blockEditor_er3ed_951 ._nestedEditor_er3ed_960 {
1935
1935
  flex-grow: 1;
1936
1936
  }
1937
1937
 
1938
- ._nestedEditor_f3hmk_960 {
1938
+ ._nestedEditor_er3ed_960 {
1939
1939
  background: var(--basePageBg);
1940
1940
  padding: var(--spacing-1) var(--spacing-2);
1941
1941
  border-radius: var(--radius-medium);
1942
1942
  }
1943
1943
 
1944
- ._nestedEditor_f3hmk_960 > p {
1944
+ ._nestedEditor_er3ed_960 > p {
1945
1945
  margin: 0;
1946
1946
  }
1947
1947
 
1948
- ._nestedEditor_f3hmk_960:focus {
1948
+ ._nestedEditor_er3ed_960:focus {
1949
1949
  outline: none;
1950
1950
  }
1951
1951
 
1952
- ._genericComponentName_f3hmk_979 {
1952
+ ._genericComponentName_er3ed_979 {
1953
1953
  font-size: var(--text-sm);
1954
1954
  color: var(--baseText);
1955
1955
  padding-right: var(--spacing-2);
1956
1956
  }
1957
1957
 
1958
- ._diffSourceToggleWrapper_f3hmk_985 {
1958
+ ._diffSourceToggleWrapper_er3ed_985 {
1959
1959
  margin-left: auto;
1960
1960
  pointer-events: auto;
1961
1961
  opacity: 1;
@@ -1963,49 +1963,49 @@
1963
1963
  right: 0;
1964
1964
  }
1965
1965
 
1966
- ._ggDiffSourceToggle_f3hmk_993 {
1966
+ ._ggDiffSourceToggle_er3ed_993 {
1967
1967
  }
1968
1968
 
1969
- ._diffSourceToggle_f3hmk_985 {
1969
+ ._diffSourceToggle_er3ed_985 {
1970
1970
  border-radius: var(--radius-medium);
1971
1971
  background-color: var(--baseBase);
1972
1972
  display: flex;
1973
1973
  }
1974
1974
 
1975
- ._diffSourceToggle_f3hmk_985 ._toolbarToggleItem_f3hmk_208 {
1975
+ ._diffSourceToggle_er3ed_985 ._toolbarToggleItem_er3ed_208 {
1976
1976
  padding: 0;
1977
1977
  }
1978
1978
 
1979
- ._diffSourceToggle_f3hmk_985 ._toolbarToggleItem_f3hmk_208 > span {
1979
+ ._diffSourceToggle_er3ed_985 ._toolbarToggleItem_er3ed_208 > span {
1980
1980
  display: block;
1981
1981
  padding: var(--spacing-1) var(--spacing-1);
1982
1982
  }
1983
1983
 
1984
- ._selectWithLabel_f3hmk_1011 {
1984
+ ._selectWithLabel_er3ed_1011 {
1985
1985
  display: flex;
1986
1986
  align-items: center;
1987
1987
  gap: var(--spacing-2);
1988
1988
  margin-left: var(--spacing-2);
1989
1989
  }
1990
1990
 
1991
- ._selectWithLabel_f3hmk_1011 > label {
1991
+ ._selectWithLabel_er3ed_1011 > label {
1992
1992
  font-size: var(--text-sm);
1993
1993
  }
1994
1994
 
1995
- ._selectWithLabel_f3hmk_1011 ._selectTrigger_f3hmk_308 {
1995
+ ._selectWithLabel_er3ed_1011 ._selectTrigger_er3ed_308 {
1996
1996
  border: 1px solid var(--baseBorder);
1997
1997
  }
1998
1998
 
1999
- ._toolbarTitleMode_f3hmk_1026 {
1999
+ ._toolbarTitleMode_er3ed_1026 {
2000
2000
  font-size: var(--text-sm);
2001
2001
  margin-left: var(--spacing-2);
2002
2002
  }
2003
2003
 
2004
- ._imageControlWrapperResizing_f3hmk_1031 {
2004
+ ._imageControlWrapperResizing_er3ed_1031 {
2005
2005
  touch-action: none;
2006
2006
  }
2007
2007
 
2008
- ._imageResizer_f3hmk_1035 {
2008
+ ._imageResizer_er3ed_1035 {
2009
2009
  display: block;
2010
2010
  width: 7px;
2011
2011
  height: 7px;
@@ -2014,55 +2014,55 @@
2014
2014
  border: 1px solid var(--baseBg);
2015
2015
  }
2016
2016
 
2017
- ._imageResizer_f3hmk_1035._imageResizerN_f3hmk_1044 {
2017
+ ._imageResizer_er3ed_1035._imageResizerN_er3ed_1044 {
2018
2018
  top: -6px;
2019
2019
  left: 48%;
2020
2020
  cursor: n-resize;
2021
2021
  }
2022
2022
 
2023
- ._imageResizer_f3hmk_1035._imageResizerNe_f3hmk_1050 {
2023
+ ._imageResizer_er3ed_1035._imageResizerNe_er3ed_1050 {
2024
2024
  top: -6px;
2025
2025
  right: -6px;
2026
2026
  cursor: ne-resize;
2027
2027
  }
2028
2028
 
2029
- ._imageResizer_f3hmk_1035._imageResizerE_f3hmk_1056 {
2029
+ ._imageResizer_er3ed_1035._imageResizerE_er3ed_1056 {
2030
2030
  bottom: 48%;
2031
2031
  right: -6px;
2032
2032
  cursor: e-resize;
2033
2033
  }
2034
2034
 
2035
- ._imageResizer_f3hmk_1035._imageResizerSe_f3hmk_1062 {
2035
+ ._imageResizer_er3ed_1035._imageResizerSe_er3ed_1062 {
2036
2036
  bottom: -2px;
2037
2037
  right: -6px;
2038
2038
  cursor: nwse-resize;
2039
2039
  }
2040
2040
 
2041
- ._imageResizer_f3hmk_1035._imageResizerS_f3hmk_1062 {
2041
+ ._imageResizer_er3ed_1035._imageResizerS_er3ed_1062 {
2042
2042
  bottom: -2px;
2043
2043
  left: 48%;
2044
2044
  cursor: s-resize;
2045
2045
  }
2046
2046
 
2047
- ._imageResizer_f3hmk_1035._imageResizerSw_f3hmk_1074 {
2047
+ ._imageResizer_er3ed_1035._imageResizerSw_er3ed_1074 {
2048
2048
  bottom: -2px;
2049
2049
  left: -6px;
2050
2050
  cursor: sw-resize;
2051
2051
  }
2052
2052
 
2053
- ._imageResizer_f3hmk_1035._imageResizerW_f3hmk_1080 {
2053
+ ._imageResizer_er3ed_1035._imageResizerW_er3ed_1080 {
2054
2054
  bottom: 48%;
2055
2055
  left: -6px;
2056
2056
  cursor: w-resize;
2057
2057
  }
2058
2058
 
2059
- ._imageResizer_f3hmk_1035._imageResizerNw_f3hmk_1086 {
2059
+ ._imageResizer_er3ed_1035._imageResizerNw_er3ed_1086 {
2060
2060
  top: -6px;
2061
2061
  left: -6px;
2062
2062
  cursor: nw-resize;
2063
2063
  }
2064
2064
 
2065
- ._imagePlaceholder_f3hmk_1092 {
2065
+ ._imagePlaceholder_er3ed_1092 {
2066
2066
  border: 2px dashed;
2067
2067
  padding: 48px;
2068
2068
  margin: 12px;
@@ -2072,12 +2072,12 @@
2072
2072
  height: fit-content;
2073
2073
  }
2074
2074
 
2075
- ._imageDimensionsContainer_f3hmk_1100 {
2075
+ ._imageDimensionsContainer_er3ed_1100 {
2076
2076
  display: flex;
2077
2077
  gap: var(--spacing-4);
2078
2078
  }
2079
2079
 
2080
- ._placeholder_f3hmk_1105 {
2080
+ ._placeholder_er3ed_1105 {
2081
2081
  color: var(--baseSolid);
2082
2082
  overflow: hidden;
2083
2083
  position: absolute;
@@ -2092,17 +2092,17 @@
2092
2092
  pointer-events: none;
2093
2093
  }
2094
2094
 
2095
- ._rootContentEditableWrapper_f3hmk_1118 {
2095
+ ._rootContentEditableWrapper_er3ed_1118 {
2096
2096
  position: relative;
2097
2097
  }
2098
2098
 
2099
- ._downshiftContainer_f3hmk_1122 {
2099
+ ._downshiftContainer_er3ed_1122 {
2100
2100
  display: flex;
2101
2101
  flex-direction: column;
2102
2102
  align-items: stretch;
2103
2103
  }
2104
2104
 
2105
- ._downshiftInputWrapper_f3hmk_1128 {
2105
+ ._downshiftInputWrapper_er3ed_1128 {
2106
2106
  display: flex;
2107
2107
  align-items: center;
2108
2108
  background-color: var(--baseBase);
@@ -2111,13 +2111,13 @@
2111
2111
  border: 1px solid var(--baseBorder);
2112
2112
  }
2113
2113
 
2114
- ._downshiftInputWrapper_f3hmk_1128[data-visible-dropdown='true'] {
2114
+ ._downshiftInputWrapper_er3ed_1128[data-visible-dropdown='true'] {
2115
2115
  border-bottom-left-radius: var(--radius-none);
2116
2116
  border-bottom-right-radius: var(--radius-none);
2117
2117
  border-bottom-width: 0;
2118
2118
  }
2119
2119
 
2120
- ._downshiftInputWrapper_f3hmk_1128 > button {
2120
+ ._downshiftInputWrapper_er3ed_1128 > button {
2121
2121
  border: 0;
2122
2122
  background-color: transparent;
2123
2123
  font-size: inherit;
@@ -2130,7 +2130,7 @@
2130
2130
  padding-right: var(--spacing-2);
2131
2131
  }
2132
2132
 
2133
- ._downshiftInput_f3hmk_1128 {
2133
+ ._downshiftInput_er3ed_1128 {
2134
2134
  border: 0;
2135
2135
  background-color: transparent;
2136
2136
  font-size: inherit;
@@ -2145,19 +2145,19 @@
2145
2145
  font-size: var(--text-sm);
2146
2146
  }
2147
2147
 
2148
- ._downshiftInput_f3hmk_1128::-moz-placeholder {
2148
+ ._downshiftInput_er3ed_1128::-moz-placeholder {
2149
2149
  color: var(--baseBorder);
2150
2150
  }
2151
2151
 
2152
- ._downshiftInput_f3hmk_1128::placeholder {
2152
+ ._downshiftInput_er3ed_1128::placeholder {
2153
2153
  color: var(--baseBorder);
2154
2154
  }
2155
2155
 
2156
- ._downshiftAutocompleteContainer_f3hmk_1159 {
2156
+ ._downshiftAutocompleteContainer_er3ed_1159 {
2157
2157
  position: relative;
2158
2158
  }
2159
2159
 
2160
- ._downshiftAutocompleteContainer_f3hmk_1159 ul {
2160
+ ._downshiftAutocompleteContainer_er3ed_1159 ul {
2161
2161
  all: unset;
2162
2162
  box-sizing: border-box;
2163
2163
  position: absolute;
@@ -2174,11 +2174,11 @@
2174
2174
  background-color: var(--baseBase);
2175
2175
  }
2176
2176
 
2177
- ._downshiftAutocompleteContainer_f3hmk_1159 ul[data-visible='true'] {
2177
+ ._downshiftAutocompleteContainer_er3ed_1159 ul[data-visible='true'] {
2178
2178
  display: block;
2179
2179
  }
2180
2180
 
2181
- ._downshiftAutocompleteContainer_f3hmk_1159 ul li {
2181
+ ._downshiftAutocompleteContainer_er3ed_1159 ul li {
2182
2182
  padding: var(--spacing-2) var(--spacing-3);
2183
2183
  white-space: nowrap;
2184
2184
  margin-bottom: var(--spacing-1);
@@ -2186,20 +2186,20 @@
2186
2186
  text-overflow: ellipsis;
2187
2187
  }
2188
2188
 
2189
- ._downshiftAutocompleteContainer_f3hmk_1159 ul li[data-selected='true'] {
2189
+ ._downshiftAutocompleteContainer_er3ed_1159 ul li[data-selected='true'] {
2190
2190
  background-color: var(--baseBgSubtle);
2191
2191
  }
2192
2192
 
2193
- ._downshiftAutocompleteContainer_f3hmk_1159 ul li[data-highlighted='true'] {
2193
+ ._downshiftAutocompleteContainer_er3ed_1159 ul li[data-highlighted='true'] {
2194
2194
  background-color: var(--baseBgHover);
2195
2195
  }
2196
2196
 
2197
- ._downshiftAutocompleteContainer_f3hmk_1159 ul li:last-of-type {
2197
+ ._downshiftAutocompleteContainer_er3ed_1159 ul li:last-of-type {
2198
2198
  border-bottom-left-radius: var(--radius-medium);
2199
2199
  border-bottom-right-radius: var(--radius-medium);
2200
2200
  }
2201
2201
 
2202
- ._textInput_f3hmk_1205 {
2202
+ ._textInput_er3ed_1205 {
2203
2203
  all: unset;
2204
2204
  border-radius: var(--radius-base);
2205
2205
  border: 1px solid var(--baseBorder);
@@ -2207,24 +2207,24 @@
2207
2207
  padding: var(--spacing-2) var(--spacing-3);
2208
2208
  }
2209
2209
 
2210
- form._multiFieldForm_f3hmk_1213 {
2210
+ form._multiFieldForm_er3ed_1213 {
2211
2211
  display: flex;
2212
2212
  flex-direction: column;
2213
2213
  padding: var(--spacing-2);
2214
2214
  gap: var(--spacing-2);
2215
2215
  }
2216
2216
 
2217
- form._multiFieldForm_f3hmk_1213 ._formField_f3hmk_1219 {
2217
+ form._multiFieldForm_er3ed_1213 ._formField_er3ed_1219 {
2218
2218
  display: flex;
2219
2219
  flex-direction: column;
2220
2220
  gap: var(--spacing-2);
2221
2221
  }
2222
2222
 
2223
- form._multiFieldForm_f3hmk_1213 ._formField_f3hmk_1219 label {
2223
+ form._multiFieldForm_er3ed_1213 ._formField_er3ed_1219 label {
2224
2224
  font-size: var(--text-xs);
2225
2225
  }
2226
2226
 
2227
- ._markdownParseError_f3hmk_1230 {
2227
+ ._markdownParseError_er3ed_1230 {
2228
2228
  border-radius: var(--radius-base);
2229
2229
  border: 1px solid var(--error-color);
2230
2230
  padding: var(--spacing-2);
@@ -2233,20 +2233,20 @@ form._multiFieldForm_f3hmk_1213 ._formField_f3hmk_1219 label {
2233
2233
  font-size: var(--text-xs);
2234
2234
  }
2235
2235
 
2236
- ._popupContainer_f3hmk_1239 {
2236
+ ._popupContainer_er3ed_1239 {
2237
2237
  position: relative;
2238
2238
  z-index: 2;
2239
2239
  }
2240
2240
 
2241
- ._inputSizer_f3hmk_1244 {
2241
+ ._inputSizer_er3ed_1244 {
2242
2242
  display: inline-grid;
2243
2243
  vertical-align: baseline;
2244
2244
  align-items: center;
2245
2245
  position: relative;
2246
2246
  }
2247
2247
 
2248
- ._inputSizer_f3hmk_1244::after,
2249
- ._inputSizer_f3hmk_1244 input {
2248
+ ._inputSizer_er3ed_1244::after,
2249
+ ._inputSizer_er3ed_1244 input {
2250
2250
  width: auto;
2251
2251
  min-width: 1rem;
2252
2252
  grid-area: 1 / 2;
@@ -2262,11 +2262,80 @@ form._multiFieldForm_f3hmk_1213 ._formField_f3hmk_1219 label {
2262
2262
  color: inherit;
2263
2263
  }
2264
2264
 
2265
- ._inputSizer_f3hmk_1244 span {
2265
+ ._inputSizer_er3ed_1244 span {
2266
2266
  padding: 0.25em;
2267
2267
  }
2268
2268
 
2269
- ._inputSizer_f3hmk_1244::after {
2269
+ ._inputSizer_er3ed_1244::after {
2270
2270
  content: attr(data-value);
2271
2271
  white-space: pre-wrap;
2272
2272
  }
2273
+
2274
+ /*
2275
+ Opt-in support for stretching the editor to fill a sized parent.
2276
+ Add "mdxeditor-full-height" to the className prop; every element between
2277
+ the editor root and the contenteditable joins a flex column chain, so the
2278
+ entire editor area is clickable and focusable. The diff-source wrapper
2279
+ elements participate as well; its rich-text pane keeps the inline display
2280
+ toggle and passes height down via percentage instead of flex.
2281
+ */
2282
+ .mdxeditor.mdxeditor-full-height {
2283
+ display: flex;
2284
+ flex-direction: column;
2285
+ }
2286
+
2287
+ .mdxeditor-full-height .mdxeditor-toolbar {
2288
+ flex-shrink: 0;
2289
+ }
2290
+
2291
+ .mdxeditor-full-height .mdxeditor-root-contenteditable {
2292
+ flex-grow: 1;
2293
+ display: flex;
2294
+ flex-direction: column;
2295
+ min-height: 0;
2296
+ overflow: auto;
2297
+ }
2298
+
2299
+ .mdxeditor-full-height .mdxeditor-contenteditable-wrapper {
2300
+ flex-grow: 1;
2301
+ display: flex;
2302
+ flex-direction: column;
2303
+ }
2304
+
2305
+ .mdxeditor-full-height .mdxeditor-contenteditable-wrapper ._contentEditable_er3ed_379 {
2306
+ flex-grow: 1;
2307
+ }
2308
+
2309
+ .mdxeditor-full-height .mdxeditor-diff-source-wrapper {
2310
+ flex-grow: 1;
2311
+ display: flex;
2312
+ flex-direction: column;
2313
+ min-height: 0;
2314
+ }
2315
+
2316
+ .mdxeditor-full-height .mdxeditor-rich-text-editor {
2317
+ flex-grow: 1;
2318
+ min-height: 0;
2319
+ }
2320
+
2321
+ .mdxeditor-full-height .mdxeditor-rich-text-editor .mdxeditor-root-contenteditable {
2322
+ height: 100%;
2323
+ box-sizing: border-box;
2324
+ }
2325
+
2326
+ .mdxeditor-full-height .mdxeditor-source-editor,
2327
+ .mdxeditor-full-height .mdxeditor-diff-editor {
2328
+ flex-grow: 1;
2329
+ min-height: 0;
2330
+ overflow: auto;
2331
+ }
2332
+
2333
+ .mdxeditor-full-height .mdxeditor-source-editor .cm-editor {
2334
+ height: 100%;
2335
+ }
2336
+
2337
+ /*
2338
+ The diff panes are intentionally not stretched: @codemirror/merge enforces
2339
+ height: auto !important on them so that its scroll sync keeps both sides
2340
+ aligned; the diff editor wrapper above scrolls the whole merge view instead.
2341
+ */