@mdxeditor/editor 4.2.4 → 4.3.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
@@ -921,7 +921,7 @@
921
921
  ._mdxExpression_6j9u9_195 input:focus-visible {
922
922
  outline: none;
923
923
  }
924
- ._editorRoot_er3ed_53 {
924
+ ._editorRoot_eoiyl_53 {
925
925
  --accentBase: var(--blue-1);
926
926
  --accentBgSubtle: var(--blue-2);
927
927
  --accentBg: var(--blue-3);
@@ -1023,14 +1023,14 @@
1023
1023
  color: var(--baseText);
1024
1024
  }
1025
1025
 
1026
- ._editorWrapper_er3ed_155 {
1026
+ ._editorWrapper_eoiyl_155 {
1027
1027
  }
1028
1028
 
1029
- ._nestedListItem_er3ed_158 {
1029
+ ._nestedListItem_eoiyl_158 {
1030
1030
  list-style: none;
1031
1031
  }
1032
1032
 
1033
- ._toolbarRoot_er3ed_162 {
1033
+ ._toolbarRoot_eoiyl_162 {
1034
1034
  z-index: 2;
1035
1035
  display: flex;
1036
1036
  flex-direction: row;
@@ -1045,28 +1045,28 @@
1045
1045
  width: inherit;
1046
1046
  }
1047
1047
 
1048
- ._toolbarRoot_er3ed_162 div[role='separator'] {
1048
+ ._toolbarRoot_eoiyl_162 div[role='separator'] {
1049
1049
  margin: var(--spacing-2) var(--spacing-1);
1050
1050
  border-left: 1px solid var(--baseBorder);
1051
1051
  border-right: 1px solid var(--baseBase);
1052
1052
  height: var(--spacing-4);
1053
1053
  }
1054
1054
 
1055
- ._toolbarRoot_er3ed_162 svg {
1055
+ ._toolbarRoot_eoiyl_162 svg {
1056
1056
  color: var(--baseTextContrast);
1057
1057
  display: block;
1058
1058
  }
1059
1059
 
1060
- ._readOnlyToolbarRoot_er3ed_189 {
1060
+ ._readOnlyToolbarRoot_eoiyl_189 {
1061
1061
  pointer-events: none;
1062
1062
  background: var(--baseBase);
1063
1063
  }
1064
1064
 
1065
- ._readOnlyToolbarRoot_er3ed_189 > div {
1065
+ ._readOnlyToolbarRoot_eoiyl_189 > div {
1066
1066
  opacity: 0.5;
1067
1067
  }
1068
1068
 
1069
- ._toolbarModeSwitch_er3ed_198 {
1069
+ ._toolbarModeSwitch_eoiyl_198 {
1070
1070
  opacity: 1 !important;
1071
1071
  margin-left: auto;
1072
1072
  align-self: stretch;
@@ -1077,37 +1077,37 @@
1077
1077
  font-size: var(--text-xs);
1078
1078
  }
1079
1079
 
1080
- ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208 {
1080
+ ._toolbarModeSwitch_eoiyl_198 ._toolbarToggleItem_eoiyl_208 {
1081
1081
  padding-inline-end: var(--spacing-4);
1082
1082
  padding-inline-start: var(--spacing-4);
1083
1083
  }
1084
1084
 
1085
- ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:active,
1086
- ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208[data-state='on'] {
1085
+ ._toolbarModeSwitch_eoiyl_198 ._toolbarToggleItem_eoiyl_208:active,
1086
+ ._toolbarModeSwitch_eoiyl_198 ._toolbarToggleItem_eoiyl_208[data-state='on'] {
1087
1087
  background-color: var(--baseBorder);
1088
1088
  }
1089
1089
 
1090
- ._toolbarGroupOfGroups_er3ed_219 {
1090
+ ._toolbarGroupOfGroups_eoiyl_219 {
1091
1091
  display: flex;
1092
1092
  margin: 0 var(--spacing-1);
1093
1093
  }
1094
1094
 
1095
- ._toolbarToggleSingleGroup_er3ed_224:first-of-type ._toolbarToggleItem_er3ed_208:only-child,
1096
- ._toolbarToggleSingleGroup_er3ed_224:only-child ._toolbarToggleItem_er3ed_208:first-child,
1097
- ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:first-child {
1095
+ ._toolbarToggleSingleGroup_eoiyl_224:first-of-type ._toolbarToggleItem_eoiyl_208:only-child,
1096
+ ._toolbarToggleSingleGroup_eoiyl_224:only-child ._toolbarToggleItem_eoiyl_208:first-child,
1097
+ ._toolbarModeSwitch_eoiyl_198 ._toolbarToggleItem_eoiyl_208:first-child {
1098
1098
  border-top-left-radius: var(--radius-base);
1099
1099
  border-bottom-left-radius: var(--radius-base);
1100
1100
  }
1101
1101
 
1102
- ._toolbarToggleSingleGroup_er3ed_224:last-of-type ._toolbarToggleItem_er3ed_208:only-child,
1103
- ._toolbarToggleSingleGroup_er3ed_224:only-child ._toolbarToggleItem_er3ed_208:last-child,
1104
- ._toolbarModeSwitch_er3ed_198 ._toolbarToggleItem_er3ed_208:last-child {
1102
+ ._toolbarToggleSingleGroup_eoiyl_224:last-of-type ._toolbarToggleItem_eoiyl_208:only-child,
1103
+ ._toolbarToggleSingleGroup_eoiyl_224:only-child ._toolbarToggleItem_eoiyl_208:last-child,
1104
+ ._toolbarModeSwitch_eoiyl_198 ._toolbarToggleItem_eoiyl_208:last-child {
1105
1105
  border-top-right-radius: var(--radius-base);
1106
1106
  border-bottom-right-radius: var(--radius-base);
1107
1107
  }
1108
1108
 
1109
- ._toolbarToggleItem_er3ed_208,
1110
- ._toolbarButton_er3ed_239 {
1109
+ ._toolbarToggleItem_eoiyl_208,
1110
+ ._toolbarButton_eoiyl_239 {
1111
1111
  border: 0;
1112
1112
  background-color: transparent;
1113
1113
  font-size: inherit;
@@ -1121,53 +1121,53 @@
1121
1121
  }
1122
1122
 
1123
1123
  @media (hover: hover) {
1124
- ._toolbarToggleItem_er3ed_208:hover, ._toolbarButton_er3ed_239:hover {
1124
+ ._toolbarToggleItem_eoiyl_208:hover, ._toolbarButton_eoiyl_239:hover {
1125
1125
  background-color: var(--baseBgActive);
1126
1126
  }
1127
1127
  }
1128
1128
 
1129
- ._toolbarToggleItem_er3ed_208:active svg, ._toolbarButton_er3ed_239:active svg {
1129
+ ._toolbarToggleItem_eoiyl_208:active svg, ._toolbarButton_eoiyl_239:active svg {
1130
1130
  transform: translate(1px, 1px);
1131
1131
  }
1132
1132
 
1133
- ._toolbarToggleItem_er3ed_208[data-state='on'],
1134
- ._toolbarButton_er3ed_239[data-state='on'],
1135
- ._toolbarToggleItem_er3ed_208:active,
1136
- ._toolbarButton_er3ed_239:active {
1133
+ ._toolbarToggleItem_eoiyl_208[data-state='on'],
1134
+ ._toolbarButton_eoiyl_239[data-state='on'],
1135
+ ._toolbarToggleItem_eoiyl_208:active,
1136
+ ._toolbarButton_eoiyl_239:active {
1137
1137
  color: var(--baseTextContrast);
1138
1138
  background-color: var(--baseBgActive);
1139
1139
  }
1140
1140
 
1141
- ._toolbarToggleItem_er3ed_208[data-disabled], ._toolbarButton_er3ed_239[data-disabled] {
1141
+ ._toolbarToggleItem_eoiyl_208[data-disabled], ._toolbarButton_eoiyl_239[data-disabled] {
1142
1142
  pointer-events: none;
1143
1143
  }
1144
1144
 
1145
- ._toolbarToggleItem_er3ed_208[data-disabled] svg, ._toolbarButton_er3ed_239[data-disabled] svg {
1145
+ ._toolbarToggleItem_eoiyl_208[data-disabled] svg, ._toolbarButton_eoiyl_239[data-disabled] svg {
1146
1146
  color: var(--baseBorderHover);
1147
1147
  }
1148
1148
 
1149
- ._toolbarButton_er3ed_239 {
1149
+ ._toolbarButton_eoiyl_239 {
1150
1150
  border-radius: var(--radius-base);
1151
1151
  }
1152
1152
 
1153
- ._toolbarButton_er3ed_239 + ._toolbarButton_er3ed_239 {
1153
+ ._toolbarButton_eoiyl_239 + ._toolbarButton_eoiyl_239 {
1154
1154
  margin-left: var(--spacing-1);
1155
1155
  }
1156
1156
 
1157
- ._activeToolbarButton_er3ed_275 {
1157
+ ._activeToolbarButton_eoiyl_275 {
1158
1158
  color: var(--accentText);
1159
1159
  }
1160
1160
 
1161
- ._toolbarToggleSingleGroup_er3ed_224 {
1161
+ ._toolbarToggleSingleGroup_eoiyl_224 {
1162
1162
  display: flex;
1163
1163
  align-items: center;
1164
1164
  white-space: nowrap;
1165
1165
  }
1166
1166
 
1167
- ._toolbarNodeKindSelectContainer_er3ed_285,
1168
- ._toolbarButtonDropdownContainer_er3ed_286,
1169
- ._toolbarCodeBlockLanguageSelectContent_er3ed_287,
1170
- ._selectContainer_er3ed_288 {
1167
+ ._toolbarNodeKindSelectContainer_eoiyl_285,
1168
+ ._toolbarButtonDropdownContainer_eoiyl_286,
1169
+ ._toolbarCodeBlockLanguageSelectContent_eoiyl_287,
1170
+ ._selectContainer_eoiyl_288 {
1171
1171
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1172
1172
  z-index: 3;
1173
1173
  width: var(--spacing-36);
@@ -1177,17 +1177,17 @@
1177
1177
  font-size: var(--text-sm);
1178
1178
  }
1179
1179
 
1180
- ._toolbarButtonDropdownContainer_er3ed_286 {
1180
+ ._toolbarButtonDropdownContainer_eoiyl_286 {
1181
1181
  border-top-right-radius: var(--radius-base);
1182
1182
  }
1183
1183
 
1184
- ._toolbarButtonDropdownContainer_er3ed_286 ._selectItem_er3ed_301:first-child {
1184
+ ._toolbarButtonDropdownContainer_eoiyl_286 ._selectItem_eoiyl_301:first-child {
1185
1185
  border-top-right-radius: var(--radius-base);
1186
1186
  }
1187
1187
 
1188
- ._toolbarNodeKindSelectTrigger_er3ed_306,
1189
- ._toolbarButtonSelectTrigger_er3ed_307,
1190
- ._selectTrigger_er3ed_308 {
1188
+ ._toolbarNodeKindSelectTrigger_eoiyl_306,
1189
+ ._toolbarButtonSelectTrigger_eoiyl_307,
1190
+ ._selectTrigger_eoiyl_308 {
1191
1191
  border: 0;
1192
1192
  background-color: transparent;
1193
1193
  display: flex;
@@ -1204,61 +1204,61 @@
1204
1204
  margin: 0 var(--spacing-1);
1205
1205
  }
1206
1206
 
1207
- ._toolbarNodeKindSelectTrigger_er3ed_306[data-state='open'], ._toolbarButtonSelectTrigger_er3ed_307[data-state='open'], ._selectTrigger_er3ed_308[data-state='open'] {
1207
+ ._toolbarNodeKindSelectTrigger_eoiyl_306[data-state='open'], ._toolbarButtonSelectTrigger_eoiyl_307[data-state='open'], ._selectTrigger_eoiyl_308[data-state='open'] {
1208
1208
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1209
1209
  border-bottom-right-radius: var(--radius-none);
1210
1210
  border-bottom-left-radius: var(--radius-none);
1211
1211
  }
1212
1212
 
1213
- ._selectTrigger_er3ed_308[data-placeholder] > span:first-child {
1213
+ ._selectTrigger_eoiyl_308[data-placeholder] > span:first-child {
1214
1214
  color: var(--baseBorderHover);
1215
1215
  }
1216
1216
 
1217
- ._toolbarButtonSelectTrigger_er3ed_307 {
1217
+ ._toolbarButtonSelectTrigger_eoiyl_307 {
1218
1218
  width: auto;
1219
1219
  padding-inline-start: var(--spacing-2);
1220
1220
  padding-inline-end: var(--spacing-1);
1221
1221
  padding-block: var(--spacing-0_5);
1222
1222
  }
1223
1223
 
1224
- ._toolbarCodeBlockLanguageSelectTrigger_er3ed_342,
1225
- ._toolbarCodeBlockLanguageSelectContent_er3ed_287 {
1224
+ ._toolbarCodeBlockLanguageSelectTrigger_eoiyl_342,
1225
+ ._toolbarCodeBlockLanguageSelectContent_eoiyl_287 {
1226
1226
  width: var(--spacing-48);
1227
1227
  }
1228
1228
 
1229
- ._toolbarNodeKindSelectItem_er3ed_347,
1230
- ._selectItem_er3ed_301 {
1229
+ ._toolbarNodeKindSelectItem_eoiyl_347,
1230
+ ._selectItem_eoiyl_301 {
1231
1231
  cursor: default;
1232
1232
  display: flex;
1233
1233
  padding: var(--spacing-2);
1234
1234
  }
1235
1235
 
1236
- ._toolbarNodeKindSelectItem_er3ed_347[data-highlighted], ._selectItem_er3ed_301[data-highlighted] {
1236
+ ._toolbarNodeKindSelectItem_eoiyl_347[data-highlighted], ._selectItem_eoiyl_301[data-highlighted] {
1237
1237
  background-color: var(--baseBg);
1238
1238
  }
1239
1239
 
1240
- ._toolbarNodeKindSelectItem_er3ed_347[data-state='checked'], ._selectItem_er3ed_301[data-state='checked'] {
1240
+ ._toolbarNodeKindSelectItem_eoiyl_347[data-state='checked'], ._selectItem_eoiyl_301[data-state='checked'] {
1241
1241
  color: var(--baseTextContrast);
1242
1242
  background-color: var(--baseBg);
1243
1243
  }
1244
1244
 
1245
- ._toolbarNodeKindSelectItem_er3ed_347[data-highlighted], ._selectItem_er3ed_301[data-highlighted] {
1245
+ ._toolbarNodeKindSelectItem_eoiyl_347[data-highlighted], ._selectItem_eoiyl_301[data-highlighted] {
1246
1246
  outline: none;
1247
1247
  }
1248
1248
 
1249
- ._toolbarNodeKindSelectItem_er3ed_347:last-child, ._selectItem_er3ed_301:last-child {
1249
+ ._toolbarNodeKindSelectItem_eoiyl_347:last-child, ._selectItem_eoiyl_301:last-child {
1250
1250
  border-bottom-left-radius: var(--radius-base);
1251
1251
  border-bottom-right-radius: var(--radius-base);
1252
1252
  }
1253
1253
 
1254
- ._toolbarNodeKindSelectDropdownArrow_er3ed_372,
1255
- ._selectDropdownArrow_er3ed_373 {
1254
+ ._toolbarNodeKindSelectDropdownArrow_eoiyl_372,
1255
+ ._selectDropdownArrow_eoiyl_373 {
1256
1256
  margin-left: auto;
1257
1257
  display: flex;
1258
1258
  align-items: center;
1259
1259
  }
1260
1260
 
1261
- ._contentEditable_er3ed_379 {
1261
+ ._contentEditable_eoiyl_379 {
1262
1262
  box-sizing: border-box;
1263
1263
  width: 100%;
1264
1264
  color: var(--baseTextContrast);
@@ -1266,11 +1266,11 @@
1266
1266
  padding: var(--spacing-3);
1267
1267
  }
1268
1268
 
1269
- ._contentEditable_er3ed_379:focus {
1269
+ ._contentEditable_eoiyl_379:focus {
1270
1270
  outline: none;
1271
1271
  }
1272
1272
 
1273
- ._codeMirrorWrapper_er3ed_391 {
1273
+ ._codeMirrorWrapper_eoiyl_391 {
1274
1274
  margin-bottom: var(--spacing-5);
1275
1275
  border: 1px solid var(--baseLine);
1276
1276
  border-radius: var(--radius-medium);
@@ -1279,7 +1279,7 @@
1279
1279
  position: relative;
1280
1280
  }
1281
1281
 
1282
- ._sandPackWrapper_er3ed_400 {
1282
+ ._sandPackWrapper_eoiyl_400 {
1283
1283
  margin-bottom: var(--spacing-5);
1284
1284
  border: 1px solid var(--baseLine);
1285
1285
  border-radius: var(--radius-medium);
@@ -1287,7 +1287,7 @@
1287
1287
  position: relative;
1288
1288
  }
1289
1289
 
1290
- ._codeMirrorToolbar_er3ed_408 {
1290
+ ._codeMirrorToolbar_eoiyl_408 {
1291
1291
  position: absolute;
1292
1292
  right: 0;
1293
1293
  top: 0;
@@ -1299,17 +1299,17 @@
1299
1299
  border-bottom-left-radius: var(--radius-base);
1300
1300
  }
1301
1301
 
1302
- ._frontmatterWrapper_er3ed_412 {
1302
+ ._frontmatterWrapper_eoiyl_412 {
1303
1303
  border-radius: var(--radius-medium);
1304
1304
  padding: var(--spacing-3);
1305
1305
  background-color: var(--baseBgSubtle);
1306
1306
  }
1307
1307
 
1308
- ._frontmatterWrapper_er3ed_412[data-expanded='true'] {
1308
+ ._frontmatterWrapper_eoiyl_412[data-expanded='true'] {
1309
1309
  margin-bottom: var(--spacing-10);
1310
1310
  }
1311
1311
 
1312
- ._frontmatterToggleButton_er3ed_422 {
1312
+ ._frontmatterToggleButton_eoiyl_422 {
1313
1313
  border: 0;
1314
1314
  background-color: transparent;
1315
1315
  font-size: inherit;
@@ -1325,7 +1325,7 @@
1325
1325
  font-size: var(--text-sm);
1326
1326
  }
1327
1327
 
1328
- ._propertyPanelTitle_er3ed_430 {
1328
+ ._propertyPanelTitle_eoiyl_430 {
1329
1329
  font-size: var(--text-xs);
1330
1330
  font-weight: 400;
1331
1331
  margin: 0;
@@ -1333,49 +1333,49 @@
1333
1333
  padding-left: var(--spacing-2);
1334
1334
  }
1335
1335
 
1336
- ._propertyEditorTable_er3ed_438 {
1336
+ ._propertyEditorTable_eoiyl_438 {
1337
1337
  table-layout: fixed;
1338
1338
  border-spacing: var(--spacing-2);
1339
1339
  }
1340
1340
 
1341
- ._propertyEditorTable_er3ed_438 th {
1341
+ ._propertyEditorTable_eoiyl_438 th {
1342
1342
  text-align: left;
1343
1343
  font-size: var(--text-sm);
1344
1344
  padding: var(--spacing-2) var(--spacing-3);
1345
1345
  }
1346
1346
 
1347
- ._propertyEditorTable_er3ed_438 col:nth-child(1) {
1347
+ ._propertyEditorTable_eoiyl_438 col:nth-child(1) {
1348
1348
  width: 30%;
1349
1349
  }
1350
1350
 
1351
- ._propertyEditorTable_er3ed_438 col:nth-child(2) {
1351
+ ._propertyEditorTable_eoiyl_438 col:nth-child(2) {
1352
1352
  width: 70%;
1353
1353
  }
1354
1354
 
1355
- ._propertyEditorTable_er3ed_438 td:last-child ._iconButton_er3ed_456 {
1355
+ ._propertyEditorTable_eoiyl_438 td:last-child ._iconButton_eoiyl_456 {
1356
1356
  margin-left: var(--spacing-4);
1357
1357
  margin-right: var(--spacing-4);
1358
1358
  }
1359
1359
 
1360
- ._propertyEditorTable_er3ed_438 ._readOnlyColumnCell_er3ed_461 {
1360
+ ._propertyEditorTable_eoiyl_438 ._readOnlyColumnCell_eoiyl_461 {
1361
1361
  padding-left: 0;
1362
1362
  }
1363
1363
 
1364
- ._propertyEditorLabelCell_er3ed_466 {
1364
+ ._propertyEditorLabelCell_eoiyl_466 {
1365
1365
  font-weight: 400;
1366
1366
  }
1367
1367
 
1368
- ._readOnlyColumnCell_er3ed_461 {
1368
+ ._readOnlyColumnCell_eoiyl_461 {
1369
1369
  padding-left: 0;
1370
1370
  }
1371
1371
 
1372
- ._buttonsFooter_er3ed_474 {
1372
+ ._buttonsFooter_eoiyl_474 {
1373
1373
  display: flex;
1374
1374
  justify-content: flex-end;
1375
1375
  gap: var(--spacing-2);
1376
1376
  }
1377
1377
 
1378
- ._propertyEditorInput_er3ed_480 {
1378
+ ._propertyEditorInput_eoiyl_480 {
1379
1379
  border: 0;
1380
1380
  background-color: transparent;
1381
1381
  font-size: inherit;
@@ -1393,7 +1393,7 @@
1393
1393
  font-size: var(--text-sm);
1394
1394
  }
1395
1395
 
1396
- ._iconButton_er3ed_456 {
1396
+ ._iconButton_eoiyl_456 {
1397
1397
  border: 0;
1398
1398
  background-color: transparent;
1399
1399
  font-size: inherit;
@@ -1407,18 +1407,18 @@
1407
1407
  }
1408
1408
 
1409
1409
  @media (hover: hover) {
1410
- ._iconButton_er3ed_456:hover {
1410
+ ._iconButton_eoiyl_456:hover {
1411
1411
  color: var(--baseTextContrast);
1412
1412
  }
1413
1413
  }
1414
1414
 
1415
- ._iconButton_er3ed_456:disabled,
1416
- ._iconButton_er3ed_456:disabled:hover {
1415
+ ._iconButton_eoiyl_456:disabled,
1416
+ ._iconButton_eoiyl_456:disabled:hover {
1417
1417
  color: var(--baseLine);
1418
1418
  }
1419
1419
 
1420
- ._primaryButton_er3ed_506,
1421
- ._secondaryButton_er3ed_507 {
1420
+ ._primaryButton_eoiyl_506,
1421
+ ._secondaryButton_eoiyl_507 {
1422
1422
  border: 0;
1423
1423
  background-color: transparent;
1424
1424
  font-size: inherit;
@@ -1436,30 +1436,30 @@
1436
1436
  border-radius: var(--radius-medium);
1437
1437
  }
1438
1438
 
1439
- ._primaryButton_er3ed_506:disabled, ._secondaryButton_er3ed_507:disabled {
1439
+ ._primaryButton_eoiyl_506:disabled, ._secondaryButton_eoiyl_507:disabled {
1440
1440
  background: var(--accentLine);
1441
1441
  border-color: var(--accentBg);
1442
1442
  }
1443
1443
 
1444
- ._smallButton_er3ed_522 {
1444
+ ._smallButton_eoiyl_522 {
1445
1445
  font-size: var(--text-xs);
1446
1446
  padding: var(--spacing-1) var(--spacing-2);
1447
1447
  border-radius: var(--radius-base);
1448
1448
  }
1449
1449
 
1450
- ._secondaryButton_er3ed_507 {
1450
+ ._secondaryButton_eoiyl_507 {
1451
1451
  border: 1px solid var(--baseBorder);
1452
1452
  background-color: var(--baseSolidHover);
1453
1453
  color: var(--baseBase);
1454
1454
  }
1455
1455
 
1456
- ._dialogForm_er3ed_534 {
1456
+ ._dialogForm_eoiyl_534 {
1457
1457
  display: flex;
1458
1458
  flex-direction: row;
1459
1459
  gap: var(--spacing-2);
1460
1460
  }
1461
1461
 
1462
- ._linkDialogEditForm_er3ed_540 {
1462
+ ._linkDialogEditForm_eoiyl_540 {
1463
1463
  display: flex;
1464
1464
  flex-direction: column;
1465
1465
  align-items: stretch;
@@ -1467,13 +1467,13 @@
1467
1467
  padding: 0;
1468
1468
  }
1469
1469
 
1470
- ._linkDialogInputContainer_er3ed_548 {
1470
+ ._linkDialogInputContainer_eoiyl_548 {
1471
1471
  display: flex;
1472
1472
  flex-direction: column;
1473
1473
  align-items: stretch;
1474
1474
  }
1475
1475
 
1476
- ._linkDialogInputWrapper_er3ed_554 {
1476
+ ._linkDialogInputWrapper_eoiyl_554 {
1477
1477
  display: flex;
1478
1478
  align-items: center;
1479
1479
  background-color: var(--baseBase);
@@ -1482,13 +1482,13 @@
1482
1482
  border: 1px solid var(--baseBorder);
1483
1483
  }
1484
1484
 
1485
- ._linkDialogInputWrapper_er3ed_554[data-visible-dropdown='true'] {
1485
+ ._linkDialogInputWrapper_eoiyl_554[data-visible-dropdown='true'] {
1486
1486
  border-bottom-left-radius: var(--radius-none);
1487
1487
  border-bottom-right-radius: var(--radius-none);
1488
1488
  border-bottom-width: 0;
1489
1489
  }
1490
1490
 
1491
- ._linkDialogInputWrapper_er3ed_554 > button {
1491
+ ._linkDialogInputWrapper_eoiyl_554 > button {
1492
1492
  border: 0;
1493
1493
  background-color: transparent;
1494
1494
  font-size: inherit;
@@ -1501,8 +1501,8 @@
1501
1501
  padding-right: var(--spacing-2);
1502
1502
  }
1503
1503
 
1504
- ._linkDialogInput_er3ed_548,
1505
- ._dialogInput_er3ed_575 {
1504
+ ._linkDialogInput_eoiyl_548,
1505
+ ._dialogInput_eoiyl_575 {
1506
1506
  border: 0;
1507
1507
  background-color: transparent;
1508
1508
  font-size: inherit;
@@ -1517,31 +1517,31 @@
1517
1517
  font-size: var(--text-sm);
1518
1518
  }
1519
1519
 
1520
- ._linkDialogInput_er3ed_548::-moz-placeholder, ._dialogInput_er3ed_575::-moz-placeholder {
1520
+ ._linkDialogInput_eoiyl_548::-moz-placeholder, ._dialogInput_eoiyl_575::-moz-placeholder {
1521
1521
  color: var(--baseBorder);
1522
1522
  }
1523
1523
 
1524
- ._linkDialogInput_er3ed_548::placeholder, ._dialogInput_er3ed_575::placeholder {
1524
+ ._linkDialogInput_eoiyl_548::placeholder, ._dialogInput_eoiyl_575::placeholder {
1525
1525
  color: var(--baseBorder);
1526
1526
  }
1527
1527
 
1528
- ._linkDialogAnchor_er3ed_586 {
1528
+ ._linkDialogAnchor_eoiyl_586 {
1529
1529
  position: fixed;
1530
1530
  background-color: highlight;
1531
1531
  z-index: -1;
1532
1532
  }
1533
1533
 
1534
- ._linkDialogAnchor_er3ed_586[data-visible='true'] {
1534
+ ._linkDialogAnchor_eoiyl_586[data-visible='true'] {
1535
1535
  visibility: visible;
1536
1536
  }
1537
1537
 
1538
- ._linkDialogAnchor_er3ed_586[data-visible='false'] {
1538
+ ._linkDialogAnchor_eoiyl_586[data-visible='false'] {
1539
1539
  visibility: hidden;
1540
1540
  }
1541
1541
 
1542
- ._linkDialogPopoverContent_er3ed_600,
1543
- ._tableColumnEditorPopoverContent_er3ed_601,
1544
- ._dialogContent_er3ed_602 {
1542
+ ._linkDialogPopoverContent_eoiyl_600,
1543
+ ._tableColumnEditorPopoverContent_eoiyl_601,
1544
+ ._dialogContent_eoiyl_602 {
1545
1545
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1546
1546
  display: flex;
1547
1547
  align-items: center;
@@ -1553,7 +1553,7 @@
1553
1553
  font-size: var(--text-sm);
1554
1554
  }
1555
1555
 
1556
- ._largeDialogContent_er3ed_614 {
1556
+ ._largeDialogContent_eoiyl_614 {
1557
1557
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1558
1558
  gap: var(--spacing-0_5);
1559
1559
  border-radius: var(--radius-medium);
@@ -1563,13 +1563,27 @@
1563
1563
  font-size: var(--text-sm);
1564
1564
  }
1565
1565
 
1566
- ._dialogTitle_er3ed_624 {
1566
+ ._dialogTitle_eoiyl_624 {
1567
1567
  font-size: var(--text-base);
1568
1568
  font-weight: 600;
1569
1569
  padding-left: var(--spacing-2);
1570
1570
  }
1571
1571
 
1572
- ._dialogCloseButton_er3ed_630 {
1572
+ /* Keeps text available to assistive technology without rendering it on screen. */
1573
+ ._visuallyHidden_eoiyl_631 {
1574
+ position: absolute;
1575
+ width: 1px;
1576
+ height: 1px;
1577
+ margin: -1px;
1578
+ padding: 0;
1579
+ overflow: hidden;
1580
+ clip: rect(0, 0, 0, 0);
1581
+ clip-path: inset(50%);
1582
+ white-space: nowrap;
1583
+ border-width: 0;
1584
+ }
1585
+
1586
+ ._dialogCloseButton_eoiyl_644 {
1573
1587
  border: 0;
1574
1588
  background-color: transparent;
1575
1589
  font-size: inherit;
@@ -1584,7 +1598,7 @@
1584
1598
  right: 10px;
1585
1599
  }
1586
1600
 
1587
- ._popoverContent_er3ed_637 {
1601
+ ._popoverContent_eoiyl_651 {
1588
1602
  filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2));
1589
1603
  display: flex;
1590
1604
  align-items: center;
@@ -1596,11 +1610,11 @@
1596
1610
  z-index: 1;
1597
1611
  }
1598
1612
 
1599
- ._popoverArrow_er3ed_649 {
1613
+ ._popoverArrow_eoiyl_663 {
1600
1614
  fill: var(--basePageBg);
1601
1615
  }
1602
1616
 
1603
- ._linkDialogPreviewAnchor_er3ed_653 {
1617
+ ._linkDialogPreviewAnchor_eoiyl_667 {
1604
1618
  margin-right: var(--spacing-1);
1605
1619
  display: flex;
1606
1620
  align-items: center;
@@ -1611,23 +1625,23 @@
1611
1625
  }
1612
1626
 
1613
1627
  @media (hover: hover) {
1614
- ._linkDialogPreviewAnchor_er3ed_653:hover {
1628
+ ._linkDialogPreviewAnchor_eoiyl_667:hover {
1615
1629
  color: var(--accentSolidHover);
1616
1630
  }
1617
1631
  }
1618
1632
 
1619
- ._linkDialogPreviewAnchor_er3ed_653 span {
1633
+ ._linkDialogPreviewAnchor_eoiyl_667 span {
1620
1634
  max-width: 14rem;
1621
1635
  overflow-x: hidden;
1622
1636
  text-overflow: ellipsis;
1623
1637
  white-space: nowrap;
1624
1638
  }
1625
1639
 
1626
- ._tooltipTrigger_er3ed_676 {
1640
+ ._tooltipTrigger_eoiyl_690 {
1627
1641
  align-self: center;
1628
1642
  }
1629
1643
 
1630
- ._tooltipContent_er3ed_680 {
1644
+ ._tooltipContent_eoiyl_694 {
1631
1645
  z-index: 2;
1632
1646
  position: relative;
1633
1647
  border-radius: var(--radius-medium);
@@ -1637,11 +1651,11 @@
1637
1651
  color: var(--baseBase);
1638
1652
  }
1639
1653
 
1640
- ._tooltipContent_er3ed_680 svg {
1654
+ ._tooltipContent_eoiyl_694 svg {
1641
1655
  fill: var(--baseText);
1642
1656
  }
1643
1657
 
1644
- ._actionButton_er3ed_694 {
1658
+ ._actionButton_eoiyl_708 {
1645
1659
  border: 0;
1646
1660
  background-color: transparent;
1647
1661
  font-size: inherit;
@@ -1658,39 +1672,39 @@
1658
1672
  color: var(--baseTextContrast);
1659
1673
  }
1660
1674
 
1661
- ._actionButton_er3ed_694 svg {
1675
+ ._actionButton_eoiyl_708 svg {
1662
1676
  display: block;
1663
1677
  }
1664
1678
 
1665
1679
  @media (hover: hover) {
1666
- ._actionButton_er3ed_694:hover {
1680
+ ._actionButton_eoiyl_708:hover {
1667
1681
  background-color: var(--baseBg);
1668
1682
  }
1669
1683
  }
1670
1684
 
1671
- ._actionButton_er3ed_694:active svg {
1685
+ ._actionButton_eoiyl_708:active svg {
1672
1686
  transform: translate(1px, 1px);
1673
1687
  }
1674
1688
 
1675
- ._actionButton_er3ed_694[data-state='on'],
1676
- ._actionButton_er3ed_694:active {
1689
+ ._actionButton_eoiyl_708[data-state='on'],
1690
+ ._actionButton_eoiyl_708:active {
1677
1691
  background-color: var(--baseBg);
1678
1692
  color: var(--baseTextContrast);
1679
1693
  }
1680
1694
 
1681
- ._primaryActionButton_er3ed_701 {
1695
+ ._primaryActionButton_eoiyl_715 {
1682
1696
  background-color: var(--accentSolid);
1683
1697
  color: var(--baseBase);
1684
1698
  }
1685
1699
 
1686
1700
  @media (hover: hover) {
1687
- ._primaryActionButton_er3ed_701:hover {
1701
+ ._primaryActionButton_eoiyl_715:hover {
1688
1702
  background-color: var(--accentSolidHover);
1689
1703
  color: var(--baseBase);
1690
1704
  }
1691
1705
  }
1692
1706
 
1693
- ._tableEditor_er3ed_713 {
1707
+ ._tableEditor_eoiyl_727 {
1694
1708
  table-layout: fixed;
1695
1709
  width: 100%;
1696
1710
  height: 100%;
@@ -1698,61 +1712,61 @@
1698
1712
  border-collapse: collapse;
1699
1713
  }
1700
1714
 
1701
- ._tableEditor_er3ed_713 thead > tr > th {
1715
+ ._tableEditor_eoiyl_727 thead > tr > th {
1702
1716
  text-align: right;
1703
1717
  }
1704
1718
 
1705
- ._tableEditor_er3ed_713 > tbody > tr > td:not(._toolCell_er3ed_724),
1706
- ._tableEditor_er3ed_713 > tbody > tr > th:not(._toolCell_er3ed_724):not([data-tool-cell='true']) {
1719
+ ._tableEditor_eoiyl_727 > tbody > tr > td:not(._toolCell_eoiyl_738),
1720
+ ._tableEditor_eoiyl_727 > tbody > tr > th:not(._toolCell_eoiyl_738):not([data-tool-cell='true']) {
1707
1721
  border: 1px solid var(--baseBgActive);
1708
1722
  padding: var(--spacing-1) var(--spacing-2);
1709
1723
  white-space: normal;
1710
1724
  }
1711
1725
 
1712
- :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 {
1726
+ :is(._tableEditor_eoiyl_727 > tbody > tr > td:not(._toolCell_eoiyl_738),._tableEditor_eoiyl_727 > tbody > tr > th:not(._toolCell_eoiyl_738):not([data-tool-cell='true'])) > div {
1713
1727
  outline: none;
1714
1728
  }
1715
1729
 
1716
- :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 {
1730
+ :is(._tableEditor_eoiyl_727 > tbody > tr > td:not(._toolCell_eoiyl_738),._tableEditor_eoiyl_727 > tbody > tr > th:not(._toolCell_eoiyl_738):not([data-tool-cell='true'])) > div > p {
1717
1731
  margin: 0;
1718
1732
  }
1719
1733
 
1720
- [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'])) {
1734
+ [data-active='true']:is(._tableEditor_eoiyl_727 > tbody > tr > td:not(._toolCell_eoiyl_738),._tableEditor_eoiyl_727 > tbody > tr > th:not(._toolCell_eoiyl_738):not([data-tool-cell='true'])) {
1721
1735
  outline: solid 1px var(--baseSolid);
1722
1736
  }
1723
1737
 
1724
- ._tableEditor_er3ed_713 ._tableColumnEditorTrigger_er3ed_743,
1725
- ._tableEditor_er3ed_713 ._tableRowEditorTrigger_er3ed_744,
1726
- ._tableEditor_er3ed_713 ._addRowButton_er3ed_745,
1727
- ._tableEditor_er3ed_713 ._addColumnButton_er3ed_746,
1728
- ._tableEditor_er3ed_713 ._iconButton_er3ed_456 {
1738
+ ._tableEditor_eoiyl_727 ._tableColumnEditorTrigger_eoiyl_757,
1739
+ ._tableEditor_eoiyl_727 ._tableRowEditorTrigger_eoiyl_758,
1740
+ ._tableEditor_eoiyl_727 ._addRowButton_eoiyl_759,
1741
+ ._tableEditor_eoiyl_727 ._addColumnButton_eoiyl_760,
1742
+ ._tableEditor_eoiyl_727 ._iconButton_eoiyl_456 {
1729
1743
  opacity: 0.15;
1730
1744
  }
1731
1745
 
1732
1746
  @media (hover: hover) {
1733
- ._tableEditor_er3ed_713:hover ._tableColumnEditorTrigger_er3ed_743,
1734
- ._tableEditor_er3ed_713:hover ._tableRowEditorTrigger_er3ed_744,
1735
- ._tableEditor_er3ed_713:hover ._addRowButton_er3ed_745,
1736
- ._tableEditor_er3ed_713:hover ._addColumnButton_er3ed_746,
1737
- ._tableEditor_er3ed_713:hover ._iconButton_er3ed_456 {
1747
+ ._tableEditor_eoiyl_727:hover ._tableColumnEditorTrigger_eoiyl_757,
1748
+ ._tableEditor_eoiyl_727:hover ._tableRowEditorTrigger_eoiyl_758,
1749
+ ._tableEditor_eoiyl_727:hover ._addRowButton_eoiyl_759,
1750
+ ._tableEditor_eoiyl_727:hover ._addColumnButton_eoiyl_760,
1751
+ ._tableEditor_eoiyl_727:hover ._iconButton_eoiyl_456 {
1738
1752
  opacity: 0.3;
1739
1753
  }
1740
1754
 
1741
- ._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 {
1755
+ ._tableEditor_eoiyl_727:hover ._tableColumnEditorTrigger_eoiyl_757:hover, ._tableEditor_eoiyl_727:hover ._tableRowEditorTrigger_eoiyl_758:hover, ._tableEditor_eoiyl_727:hover ._addRowButton_eoiyl_759:hover, ._tableEditor_eoiyl_727:hover ._addColumnButton_eoiyl_760:hover, ._tableEditor_eoiyl_727:hover ._iconButton_eoiyl_456:hover {
1742
1756
  opacity: 1;
1743
1757
  }
1744
1758
  }
1745
1759
 
1746
- ._toolCell_er3ed_724 {
1760
+ ._toolCell_eoiyl_738 {
1747
1761
  text-align: right;
1748
1762
  }
1749
1763
 
1750
- ._toolCell_er3ed_724 button {
1764
+ ._toolCell_eoiyl_738 button {
1751
1765
  margin: auto;
1752
1766
  display: block;
1753
1767
  }
1754
1768
 
1755
- ._tableColumnEditorTrigger_er3ed_743 {
1769
+ ._tableColumnEditorTrigger_eoiyl_757 {
1756
1770
  border: 0;
1757
1771
  background-color: transparent;
1758
1772
  font-size: inherit;
@@ -1769,35 +1783,35 @@
1769
1783
  opacity: 0.2;
1770
1784
  }
1771
1785
 
1772
- ._tableColumnEditorTrigger_er3ed_743 svg {
1786
+ ._tableColumnEditorTrigger_eoiyl_757 svg {
1773
1787
  display: block;
1774
1788
  }
1775
1789
 
1776
1790
  @media (hover: hover) {
1777
- ._tableColumnEditorTrigger_er3ed_743:hover {
1791
+ ._tableColumnEditorTrigger_eoiyl_757:hover {
1778
1792
  background-color: var(--baseBg);
1779
1793
  }
1780
1794
  }
1781
1795
 
1782
- ._tableColumnEditorTrigger_er3ed_743:active svg {
1796
+ ._tableColumnEditorTrigger_eoiyl_757:active svg {
1783
1797
  transform: translate(1px, 1px);
1784
1798
  }
1785
1799
 
1786
- ._tableColumnEditorTrigger_er3ed_743[data-state='on'],
1787
- ._tableColumnEditorTrigger_er3ed_743:active {
1800
+ ._tableColumnEditorTrigger_eoiyl_757[data-state='on'],
1801
+ ._tableColumnEditorTrigger_eoiyl_757:active {
1788
1802
  background-color: var(--baseBg);
1789
1803
  color: var(--baseTextContrast);
1790
1804
  }
1791
1805
 
1792
- ._tableColumnEditorTrigger_er3ed_743[data-active='true'] {
1806
+ ._tableColumnEditorTrigger_eoiyl_757[data-active='true'] {
1793
1807
  opacity: 1 !important;
1794
1808
  }
1795
1809
 
1796
- ._tableColumnEditorToolbar_er3ed_788 {
1810
+ ._tableColumnEditorToolbar_eoiyl_802 {
1797
1811
  display: flex;
1798
1812
  }
1799
1813
 
1800
- ._tableColumnEditorToolbar_er3ed_788 > button {
1814
+ ._tableColumnEditorToolbar_eoiyl_802 > button {
1801
1815
  border: 0;
1802
1816
  background-color: transparent;
1803
1817
  font-size: inherit;
@@ -1811,36 +1825,36 @@
1811
1825
  color: var(--baseTextContrast);
1812
1826
  }
1813
1827
 
1814
- ._tableColumnEditorToolbar_er3ed_788 > button svg {
1828
+ ._tableColumnEditorToolbar_eoiyl_802 > button svg {
1815
1829
  display: block;
1816
1830
  }
1817
1831
 
1818
1832
  @media (hover: hover) {
1819
- ._tableColumnEditorToolbar_er3ed_788 > button:hover {
1833
+ ._tableColumnEditorToolbar_eoiyl_802 > button:hover {
1820
1834
  background-color: var(--baseBg);
1821
1835
  }
1822
1836
  }
1823
1837
 
1824
- ._tableColumnEditorToolbar_er3ed_788 > button:active svg {
1838
+ ._tableColumnEditorToolbar_eoiyl_802 > button:active svg {
1825
1839
  transform: translate(1px, 1px);
1826
1840
  }
1827
1841
 
1828
- ._tableColumnEditorToolbar_er3ed_788 > button[data-state='on'],
1829
- ._tableColumnEditorToolbar_er3ed_788 > button:active {
1842
+ ._tableColumnEditorToolbar_eoiyl_802 > button[data-state='on'],
1843
+ ._tableColumnEditorToolbar_eoiyl_802 > button:active {
1830
1844
  background-color: var(--baseBg);
1831
1845
  color: var(--baseTextContrast);
1832
1846
  }
1833
1847
 
1834
- ._tableColumnEditorToolbar_er3ed_788 [role='separator'] {
1848
+ ._tableColumnEditorToolbar_eoiyl_802 [role='separator'] {
1835
1849
  margin-left: var(--spacing-1);
1836
1850
  margin-right: var(--spacing-1);
1837
1851
  }
1838
1852
 
1839
- ._toggleGroupRoot_er3ed_801 {
1853
+ ._toggleGroupRoot_eoiyl_815 {
1840
1854
  display: inline-flex;
1841
1855
  }
1842
1856
 
1843
- ._toggleGroupRoot_er3ed_801 button {
1857
+ ._toggleGroupRoot_eoiyl_815 button {
1844
1858
  border: 0;
1845
1859
  background-color: transparent;
1846
1860
  font-size: inherit;
@@ -1854,59 +1868,59 @@
1854
1868
  color: var(--baseTextContrast);
1855
1869
  }
1856
1870
 
1857
- ._toggleGroupRoot_er3ed_801 button svg {
1871
+ ._toggleGroupRoot_eoiyl_815 button svg {
1858
1872
  display: block;
1859
1873
  }
1860
1874
 
1861
1875
  @media (hover: hover) {
1862
- ._toggleGroupRoot_er3ed_801 button:hover {
1876
+ ._toggleGroupRoot_eoiyl_815 button:hover {
1863
1877
  background-color: var(--baseBg);
1864
1878
  }
1865
1879
  }
1866
1880
 
1867
- ._toggleGroupRoot_er3ed_801 button:active svg {
1881
+ ._toggleGroupRoot_eoiyl_815 button:active svg {
1868
1882
  transform: translate(1px, 1px);
1869
1883
  }
1870
1884
 
1871
- ._toggleGroupRoot_er3ed_801 button[data-state='on'],
1872
- ._toggleGroupRoot_er3ed_801 button:active {
1885
+ ._toggleGroupRoot_eoiyl_815 button[data-state='on'],
1886
+ ._toggleGroupRoot_eoiyl_815 button:active {
1873
1887
  background-color: var(--baseBg);
1874
1888
  color: var(--baseTextContrast);
1875
1889
  }
1876
1890
 
1877
- ._toggleGroupRoot_er3ed_801 button:first-child {
1891
+ ._toggleGroupRoot_eoiyl_815 button:first-child {
1878
1892
  border-top-left-radius: var(--radius-base);
1879
1893
  border-bottom-left-radius: var(--radius-base);
1880
1894
  }
1881
1895
 
1882
- ._toggleGroupRoot_er3ed_801 button:last-child {
1896
+ ._toggleGroupRoot_eoiyl_815 button:last-child {
1883
1897
  border-top-right-radius: var(--radius-base);
1884
1898
  border-bottom-right-radius: var(--radius-base);
1885
1899
  }
1886
1900
 
1887
- ._tableToolsColumn_er3ed_819 {
1901
+ ._tableToolsColumn_eoiyl_833 {
1888
1902
  width: 2rem;
1889
1903
  }
1890
1904
 
1891
- ._tableToolsColumn_er3ed_819 button {
1905
+ ._tableToolsColumn_eoiyl_833 button {
1892
1906
  margin: auto;
1893
1907
  display: block;
1894
1908
  }
1895
1909
 
1896
- ._leftAlignedCell_er3ed_828 {
1910
+ ._leftAlignedCell_eoiyl_842 {
1897
1911
  text-align: left;
1898
1912
  }
1899
1913
 
1900
- ._rightAlignedCell_er3ed_832 {
1914
+ ._rightAlignedCell_eoiyl_846 {
1901
1915
  text-align: right;
1902
1916
  }
1903
1917
 
1904
- ._centeredCell_er3ed_836 {
1918
+ ._centeredCell_eoiyl_850 {
1905
1919
  text-align: center;
1906
1920
  }
1907
1921
 
1908
- ._addColumnButton_er3ed_746,
1909
- ._addRowButton_er3ed_745 {
1922
+ ._addColumnButton_eoiyl_760,
1923
+ ._addRowButton_eoiyl_759 {
1910
1924
  border: 0;
1911
1925
  background-color: transparent;
1912
1926
  font-size: inherit;
@@ -1924,33 +1938,33 @@
1924
1938
  align-items: center;
1925
1939
  }
1926
1940
 
1927
- ._addColumnButton_er3ed_746 svg, ._addRowButton_er3ed_745 svg {
1941
+ ._addColumnButton_eoiyl_760 svg, ._addRowButton_eoiyl_759 svg {
1928
1942
  display: block;
1929
1943
  }
1930
1944
 
1931
1945
  @media (hover: hover) {
1932
- ._addColumnButton_er3ed_746:hover, ._addRowButton_er3ed_745:hover {
1946
+ ._addColumnButton_eoiyl_760:hover, ._addRowButton_eoiyl_759:hover {
1933
1947
  background-color: var(--baseBg);
1934
1948
  }
1935
1949
  }
1936
1950
 
1937
- ._addColumnButton_er3ed_746:active svg, ._addRowButton_er3ed_745:active svg {
1951
+ ._addColumnButton_eoiyl_760:active svg, ._addRowButton_eoiyl_759:active svg {
1938
1952
  transform: translate(1px, 1px);
1939
1953
  }
1940
1954
 
1941
- ._addColumnButton_er3ed_746[data-state='on'],
1942
- ._addRowButton_er3ed_745[data-state='on'],
1943
- ._addColumnButton_er3ed_746:active,
1944
- ._addRowButton_er3ed_745:active {
1955
+ ._addColumnButton_eoiyl_760[data-state='on'],
1956
+ ._addRowButton_eoiyl_759[data-state='on'],
1957
+ ._addColumnButton_eoiyl_760:active,
1958
+ ._addRowButton_eoiyl_759:active {
1945
1959
  background-color: var(--baseBg);
1946
1960
  color: var(--baseTextContrast);
1947
1961
  }
1948
1962
 
1949
- ._addColumnButton_er3ed_746 svg, ._addRowButton_er3ed_745 svg {
1963
+ ._addColumnButton_eoiyl_760 svg, ._addRowButton_eoiyl_759 svg {
1950
1964
  margin: auto;
1951
1965
  }
1952
1966
 
1953
- ._addRowButton_er3ed_745 {
1967
+ ._addRowButton_eoiyl_759 {
1954
1968
  width: 100%;
1955
1969
  margin-top: var(--spacing-px);
1956
1970
  box-sizing: border-box;
@@ -1958,7 +1972,7 @@
1958
1972
  border-bottom-left-radius: var(--radius-medium);
1959
1973
  }
1960
1974
 
1961
- ._addColumnButton_er3ed_746 {
1975
+ ._addColumnButton_eoiyl_760 {
1962
1976
  margin-left: var(--spacing-px);
1963
1977
  height: 100%;
1964
1978
  border-top-right-radius: var(--radius-medium);
@@ -1966,31 +1980,31 @@
1966
1980
  }
1967
1981
 
1968
1982
  /** Dialog */
1969
- ._dialogOverlay_er3ed_869 {
1983
+ ._dialogOverlay_eoiyl_883 {
1970
1984
  position: fixed;
1971
1985
  inset: 0;
1972
- animation: _overlayShow_er3ed_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1986
+ animation: _overlayShow_eoiyl_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1973
1987
  background-color: var(--baseBase);
1974
1988
  z-index: 51;
1975
1989
  opacity: 0.5;
1976
1990
  }
1977
1991
 
1978
- ._dialogContent_er3ed_602,
1979
- ._largeDialogContent_er3ed_614 {
1992
+ ._dialogContent_eoiyl_602,
1993
+ ._largeDialogContent_eoiyl_614 {
1980
1994
  position: fixed;
1981
1995
  top: 50%;
1982
1996
  left: 50%;
1983
1997
  transform: translate(-50%, -50%);
1984
- animation: _contentShow_er3ed_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1998
+ animation: _contentShow_eoiyl_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
1985
1999
  z-index: 52;
1986
2000
  }
1987
2001
 
1988
- ._dialogContent_er3ed_602:focus,
1989
- ._largeDialogContent_er3ed_614:focus {
2002
+ ._dialogContent_eoiyl_602:focus,
2003
+ ._largeDialogContent_eoiyl_614:focus {
1990
2004
  outline: none;
1991
2005
  }
1992
2006
 
1993
- @keyframes _overlayShow_er3ed_1 {
2007
+ @keyframes _overlayShow_eoiyl_1 {
1994
2008
  from {
1995
2009
  opacity: 0;
1996
2010
  }
@@ -2000,7 +2014,7 @@
2000
2014
  }
2001
2015
  }
2002
2016
 
2003
- @keyframes _contentShow_er3ed_1 {
2017
+ @keyframes _contentShow_eoiyl_1 {
2004
2018
  from {
2005
2019
  opacity: 0;
2006
2020
  transform: translate(-50%, -48%) scale(0.96);
@@ -2012,23 +2026,23 @@
2012
2026
  }
2013
2027
  }
2014
2028
 
2015
- ._focusedImage_er3ed_915 {
2029
+ ._focusedImage_eoiyl_929 {
2016
2030
  outline: highlight solid 2px;
2017
2031
  }
2018
2032
 
2019
- ._imageWrapper_er3ed_919 {
2033
+ ._imageWrapper_eoiyl_933 {
2020
2034
  display: inline-block;
2021
2035
  position: relative;
2022
2036
  }
2023
2037
 
2024
- ._imageWrapper_er3ed_919[draggable='true'] {
2038
+ ._imageWrapper_eoiyl_933[draggable='true'] {
2025
2039
  cursor: move;
2026
2040
  /* fallback if grab cursor is unsupported */
2027
2041
  cursor: grab;
2028
2042
  cursor: -webkit-grab;
2029
2043
  }
2030
2044
 
2031
- ._editImageToolbar_er3ed_932 {
2045
+ ._editImageToolbar_eoiyl_946 {
2032
2046
  position: absolute;
2033
2047
  right: 0;
2034
2048
  top: 0;
@@ -2040,11 +2054,11 @@
2040
2054
  border-bottom-left-radius: var(--radius-base);
2041
2055
  }
2042
2056
 
2043
- ._editImageButton_er3ed_936 svg {
2057
+ ._editImageButton_eoiyl_950 svg {
2044
2058
  display: block;
2045
2059
  }
2046
2060
 
2047
- ._inlineEditor_er3ed_942 {
2061
+ ._inlineEditor_eoiyl_956 {
2048
2062
  display: inline-flex;
2049
2063
  border-radius: var(--radius-medium);
2050
2064
  padding: var(--spacing-1);
@@ -2053,7 +2067,7 @@
2053
2067
  background: var(--baseBg);
2054
2068
  }
2055
2069
 
2056
- ._blockEditor_er3ed_951 {
2070
+ ._blockEditor_eoiyl_965 {
2057
2071
  display: flex;
2058
2072
  justify-content: stretch;
2059
2073
  border-radius: var(--radius-medium);
@@ -2063,31 +2077,31 @@
2063
2077
  background: var(--baseBg);
2064
2078
  }
2065
2079
 
2066
- ._blockEditor_er3ed_951 ._nestedEditor_er3ed_960 {
2080
+ ._blockEditor_eoiyl_965 ._nestedEditor_eoiyl_974 {
2067
2081
  flex-grow: 1;
2068
2082
  }
2069
2083
 
2070
- ._nestedEditor_er3ed_960 {
2084
+ ._nestedEditor_eoiyl_974 {
2071
2085
  background: var(--basePageBg);
2072
2086
  padding: var(--spacing-1) var(--spacing-2);
2073
2087
  border-radius: var(--radius-medium);
2074
2088
  }
2075
2089
 
2076
- ._nestedEditor_er3ed_960 > p {
2090
+ ._nestedEditor_eoiyl_974 > p {
2077
2091
  margin: 0;
2078
2092
  }
2079
2093
 
2080
- ._nestedEditor_er3ed_960:focus {
2094
+ ._nestedEditor_eoiyl_974:focus {
2081
2095
  outline: none;
2082
2096
  }
2083
2097
 
2084
- ._genericComponentName_er3ed_979 {
2098
+ ._genericComponentName_eoiyl_993 {
2085
2099
  font-size: var(--text-sm);
2086
2100
  color: var(--baseText);
2087
2101
  padding-right: var(--spacing-2);
2088
2102
  }
2089
2103
 
2090
- ._diffSourceToggleWrapper_er3ed_985 {
2104
+ ._diffSourceToggleWrapper_eoiyl_999 {
2091
2105
  margin-left: auto;
2092
2106
  pointer-events: auto;
2093
2107
  opacity: 1;
@@ -2095,49 +2109,49 @@
2095
2109
  right: 0;
2096
2110
  }
2097
2111
 
2098
- ._ggDiffSourceToggle_er3ed_993 {
2112
+ ._ggDiffSourceToggle_eoiyl_1007 {
2099
2113
  }
2100
2114
 
2101
- ._diffSourceToggle_er3ed_985 {
2115
+ ._diffSourceToggle_eoiyl_999 {
2102
2116
  border-radius: var(--radius-medium);
2103
2117
  background-color: var(--baseBase);
2104
2118
  display: flex;
2105
2119
  }
2106
2120
 
2107
- ._diffSourceToggle_er3ed_985 ._toolbarToggleItem_er3ed_208 {
2121
+ ._diffSourceToggle_eoiyl_999 ._toolbarToggleItem_eoiyl_208 {
2108
2122
  padding: 0;
2109
2123
  }
2110
2124
 
2111
- ._diffSourceToggle_er3ed_985 ._toolbarToggleItem_er3ed_208 > span {
2125
+ ._diffSourceToggle_eoiyl_999 ._toolbarToggleItem_eoiyl_208 > span {
2112
2126
  display: block;
2113
2127
  padding: var(--spacing-1) var(--spacing-1);
2114
2128
  }
2115
2129
 
2116
- ._selectWithLabel_er3ed_1011 {
2130
+ ._selectWithLabel_eoiyl_1025 {
2117
2131
  display: flex;
2118
2132
  align-items: center;
2119
2133
  gap: var(--spacing-2);
2120
2134
  margin-left: var(--spacing-2);
2121
2135
  }
2122
2136
 
2123
- ._selectWithLabel_er3ed_1011 > label {
2137
+ ._selectWithLabel_eoiyl_1025 > label {
2124
2138
  font-size: var(--text-sm);
2125
2139
  }
2126
2140
 
2127
- ._selectWithLabel_er3ed_1011 ._selectTrigger_er3ed_308 {
2141
+ ._selectWithLabel_eoiyl_1025 ._selectTrigger_eoiyl_308 {
2128
2142
  border: 1px solid var(--baseBorder);
2129
2143
  }
2130
2144
 
2131
- ._toolbarTitleMode_er3ed_1026 {
2145
+ ._toolbarTitleMode_eoiyl_1040 {
2132
2146
  font-size: var(--text-sm);
2133
2147
  margin-left: var(--spacing-2);
2134
2148
  }
2135
2149
 
2136
- ._imageControlWrapperResizing_er3ed_1031 {
2150
+ ._imageControlWrapperResizing_eoiyl_1045 {
2137
2151
  touch-action: none;
2138
2152
  }
2139
2153
 
2140
- ._imageResizer_er3ed_1035 {
2154
+ ._imageResizer_eoiyl_1049 {
2141
2155
  display: block;
2142
2156
  width: 7px;
2143
2157
  height: 7px;
@@ -2146,55 +2160,55 @@
2146
2160
  border: 1px solid var(--baseBg);
2147
2161
  }
2148
2162
 
2149
- ._imageResizer_er3ed_1035._imageResizerN_er3ed_1044 {
2163
+ ._imageResizer_eoiyl_1049._imageResizerN_eoiyl_1058 {
2150
2164
  top: -6px;
2151
2165
  left: 48%;
2152
2166
  cursor: n-resize;
2153
2167
  }
2154
2168
 
2155
- ._imageResizer_er3ed_1035._imageResizerNe_er3ed_1050 {
2169
+ ._imageResizer_eoiyl_1049._imageResizerNe_eoiyl_1064 {
2156
2170
  top: -6px;
2157
2171
  right: -6px;
2158
2172
  cursor: ne-resize;
2159
2173
  }
2160
2174
 
2161
- ._imageResizer_er3ed_1035._imageResizerE_er3ed_1056 {
2175
+ ._imageResizer_eoiyl_1049._imageResizerE_eoiyl_1070 {
2162
2176
  bottom: 48%;
2163
2177
  right: -6px;
2164
2178
  cursor: e-resize;
2165
2179
  }
2166
2180
 
2167
- ._imageResizer_er3ed_1035._imageResizerSe_er3ed_1062 {
2181
+ ._imageResizer_eoiyl_1049._imageResizerSe_eoiyl_1076 {
2168
2182
  bottom: -2px;
2169
2183
  right: -6px;
2170
2184
  cursor: nwse-resize;
2171
2185
  }
2172
2186
 
2173
- ._imageResizer_er3ed_1035._imageResizerS_er3ed_1062 {
2187
+ ._imageResizer_eoiyl_1049._imageResizerS_eoiyl_1076 {
2174
2188
  bottom: -2px;
2175
2189
  left: 48%;
2176
2190
  cursor: s-resize;
2177
2191
  }
2178
2192
 
2179
- ._imageResizer_er3ed_1035._imageResizerSw_er3ed_1074 {
2193
+ ._imageResizer_eoiyl_1049._imageResizerSw_eoiyl_1088 {
2180
2194
  bottom: -2px;
2181
2195
  left: -6px;
2182
2196
  cursor: sw-resize;
2183
2197
  }
2184
2198
 
2185
- ._imageResizer_er3ed_1035._imageResizerW_er3ed_1080 {
2199
+ ._imageResizer_eoiyl_1049._imageResizerW_eoiyl_1094 {
2186
2200
  bottom: 48%;
2187
2201
  left: -6px;
2188
2202
  cursor: w-resize;
2189
2203
  }
2190
2204
 
2191
- ._imageResizer_er3ed_1035._imageResizerNw_er3ed_1086 {
2205
+ ._imageResizer_eoiyl_1049._imageResizerNw_eoiyl_1100 {
2192
2206
  top: -6px;
2193
2207
  left: -6px;
2194
2208
  cursor: nw-resize;
2195
2209
  }
2196
2210
 
2197
- ._imagePlaceholder_er3ed_1092 {
2211
+ ._imagePlaceholder_eoiyl_1106 {
2198
2212
  border: 2px dashed;
2199
2213
  padding: 48px;
2200
2214
  margin: 12px;
@@ -2204,12 +2218,12 @@
2204
2218
  height: fit-content;
2205
2219
  }
2206
2220
 
2207
- ._imageDimensionsContainer_er3ed_1100 {
2221
+ ._imageDimensionsContainer_eoiyl_1114 {
2208
2222
  display: flex;
2209
2223
  gap: var(--spacing-4);
2210
2224
  }
2211
2225
 
2212
- ._placeholder_er3ed_1105 {
2226
+ ._placeholder_eoiyl_1119 {
2213
2227
  color: var(--baseSolid);
2214
2228
  overflow: hidden;
2215
2229
  position: absolute;
@@ -2224,17 +2238,17 @@
2224
2238
  pointer-events: none;
2225
2239
  }
2226
2240
 
2227
- ._rootContentEditableWrapper_er3ed_1118 {
2241
+ ._rootContentEditableWrapper_eoiyl_1132 {
2228
2242
  position: relative;
2229
2243
  }
2230
2244
 
2231
- ._downshiftContainer_er3ed_1122 {
2245
+ ._downshiftContainer_eoiyl_1136 {
2232
2246
  display: flex;
2233
2247
  flex-direction: column;
2234
2248
  align-items: stretch;
2235
2249
  }
2236
2250
 
2237
- ._downshiftInputWrapper_er3ed_1128 {
2251
+ ._downshiftInputWrapper_eoiyl_1142 {
2238
2252
  display: flex;
2239
2253
  align-items: center;
2240
2254
  background-color: var(--baseBase);
@@ -2243,13 +2257,13 @@
2243
2257
  border: 1px solid var(--baseBorder);
2244
2258
  }
2245
2259
 
2246
- ._downshiftInputWrapper_er3ed_1128[data-visible-dropdown='true'] {
2260
+ ._downshiftInputWrapper_eoiyl_1142[data-visible-dropdown='true'] {
2247
2261
  border-bottom-left-radius: var(--radius-none);
2248
2262
  border-bottom-right-radius: var(--radius-none);
2249
2263
  border-bottom-width: 0;
2250
2264
  }
2251
2265
 
2252
- ._downshiftInputWrapper_er3ed_1128 > button {
2266
+ ._downshiftInputWrapper_eoiyl_1142 > button {
2253
2267
  border: 0;
2254
2268
  background-color: transparent;
2255
2269
  font-size: inherit;
@@ -2262,7 +2276,7 @@
2262
2276
  padding-right: var(--spacing-2);
2263
2277
  }
2264
2278
 
2265
- ._downshiftInput_er3ed_1128 {
2279
+ ._downshiftInput_eoiyl_1142 {
2266
2280
  border: 0;
2267
2281
  background-color: transparent;
2268
2282
  font-size: inherit;
@@ -2277,19 +2291,19 @@
2277
2291
  font-size: var(--text-sm);
2278
2292
  }
2279
2293
 
2280
- ._downshiftInput_er3ed_1128::-moz-placeholder {
2294
+ ._downshiftInput_eoiyl_1142::-moz-placeholder {
2281
2295
  color: var(--baseBorder);
2282
2296
  }
2283
2297
 
2284
- ._downshiftInput_er3ed_1128::placeholder {
2298
+ ._downshiftInput_eoiyl_1142::placeholder {
2285
2299
  color: var(--baseBorder);
2286
2300
  }
2287
2301
 
2288
- ._downshiftAutocompleteContainer_er3ed_1159 {
2302
+ ._downshiftAutocompleteContainer_eoiyl_1173 {
2289
2303
  position: relative;
2290
2304
  }
2291
2305
 
2292
- ._downshiftAutocompleteContainer_er3ed_1159 ul {
2306
+ ._downshiftAutocompleteContainer_eoiyl_1173 ul {
2293
2307
  all: unset;
2294
2308
  box-sizing: border-box;
2295
2309
  position: absolute;
@@ -2306,11 +2320,11 @@
2306
2320
  background-color: var(--baseBase);
2307
2321
  }
2308
2322
 
2309
- ._downshiftAutocompleteContainer_er3ed_1159 ul[data-visible='true'] {
2323
+ ._downshiftAutocompleteContainer_eoiyl_1173 ul[data-visible='true'] {
2310
2324
  display: block;
2311
2325
  }
2312
2326
 
2313
- ._downshiftAutocompleteContainer_er3ed_1159 ul li {
2327
+ ._downshiftAutocompleteContainer_eoiyl_1173 ul li {
2314
2328
  padding: var(--spacing-2) var(--spacing-3);
2315
2329
  white-space: nowrap;
2316
2330
  margin-bottom: var(--spacing-1);
@@ -2318,20 +2332,20 @@
2318
2332
  text-overflow: ellipsis;
2319
2333
  }
2320
2334
 
2321
- ._downshiftAutocompleteContainer_er3ed_1159 ul li[data-selected='true'] {
2335
+ ._downshiftAutocompleteContainer_eoiyl_1173 ul li[data-selected='true'] {
2322
2336
  background-color: var(--baseBgSubtle);
2323
2337
  }
2324
2338
 
2325
- ._downshiftAutocompleteContainer_er3ed_1159 ul li[data-highlighted='true'] {
2339
+ ._downshiftAutocompleteContainer_eoiyl_1173 ul li[data-highlighted='true'] {
2326
2340
  background-color: var(--baseBgHover);
2327
2341
  }
2328
2342
 
2329
- ._downshiftAutocompleteContainer_er3ed_1159 ul li:last-of-type {
2343
+ ._downshiftAutocompleteContainer_eoiyl_1173 ul li:last-of-type {
2330
2344
  border-bottom-left-radius: var(--radius-medium);
2331
2345
  border-bottom-right-radius: var(--radius-medium);
2332
2346
  }
2333
2347
 
2334
- ._textInput_er3ed_1205 {
2348
+ ._textInput_eoiyl_1219 {
2335
2349
  all: unset;
2336
2350
  border-radius: var(--radius-base);
2337
2351
  border: 1px solid var(--baseBorder);
@@ -2339,24 +2353,24 @@
2339
2353
  padding: var(--spacing-2) var(--spacing-3);
2340
2354
  }
2341
2355
 
2342
- form._multiFieldForm_er3ed_1213 {
2356
+ form._multiFieldForm_eoiyl_1227 {
2343
2357
  display: flex;
2344
2358
  flex-direction: column;
2345
2359
  padding: var(--spacing-2);
2346
2360
  gap: var(--spacing-2);
2347
2361
  }
2348
2362
 
2349
- form._multiFieldForm_er3ed_1213 ._formField_er3ed_1219 {
2363
+ form._multiFieldForm_eoiyl_1227 ._formField_eoiyl_1233 {
2350
2364
  display: flex;
2351
2365
  flex-direction: column;
2352
2366
  gap: var(--spacing-2);
2353
2367
  }
2354
2368
 
2355
- form._multiFieldForm_er3ed_1213 ._formField_er3ed_1219 label {
2369
+ form._multiFieldForm_eoiyl_1227 ._formField_eoiyl_1233 label {
2356
2370
  font-size: var(--text-xs);
2357
2371
  }
2358
2372
 
2359
- ._markdownParseError_er3ed_1230 {
2373
+ ._markdownParseError_eoiyl_1244 {
2360
2374
  border-radius: var(--radius-base);
2361
2375
  border: 1px solid var(--error-color);
2362
2376
  padding: var(--spacing-2);
@@ -2365,20 +2379,20 @@ form._multiFieldForm_er3ed_1213 ._formField_er3ed_1219 label {
2365
2379
  font-size: var(--text-xs);
2366
2380
  }
2367
2381
 
2368
- ._popupContainer_er3ed_1239 {
2382
+ ._popupContainer_eoiyl_1253 {
2369
2383
  position: relative;
2370
2384
  z-index: 2;
2371
2385
  }
2372
2386
 
2373
- ._inputSizer_er3ed_1244 {
2387
+ ._inputSizer_eoiyl_1258 {
2374
2388
  display: inline-grid;
2375
2389
  vertical-align: baseline;
2376
2390
  align-items: center;
2377
2391
  position: relative;
2378
2392
  }
2379
2393
 
2380
- ._inputSizer_er3ed_1244::after,
2381
- ._inputSizer_er3ed_1244 input {
2394
+ ._inputSizer_eoiyl_1258::after,
2395
+ ._inputSizer_eoiyl_1258 input {
2382
2396
  width: auto;
2383
2397
  min-width: 1rem;
2384
2398
  grid-area: 1 / 2;
@@ -2394,11 +2408,11 @@ form._multiFieldForm_er3ed_1213 ._formField_er3ed_1219 label {
2394
2408
  color: inherit;
2395
2409
  }
2396
2410
 
2397
- ._inputSizer_er3ed_1244 span {
2411
+ ._inputSizer_eoiyl_1258 span {
2398
2412
  padding: 0.25em;
2399
2413
  }
2400
2414
 
2401
- ._inputSizer_er3ed_1244::after {
2415
+ ._inputSizer_eoiyl_1258::after {
2402
2416
  content: attr(data-value);
2403
2417
  white-space: pre-wrap;
2404
2418
  }
@@ -2434,7 +2448,7 @@ form._multiFieldForm_er3ed_1213 ._formField_er3ed_1219 label {
2434
2448
  flex-direction: column;
2435
2449
  }
2436
2450
 
2437
- .mdxeditor-full-height .mdxeditor-contenteditable-wrapper ._contentEditable_er3ed_379 {
2451
+ .mdxeditor-full-height .mdxeditor-contenteditable-wrapper ._contentEditable_eoiyl_379 {
2438
2452
  flex-grow: 1;
2439
2453
  }
2440
2454