@scalar/api-reference 0.1.6 → 0.1.7

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
@@ -460,10 +460,10 @@ to {
460
460
  }
461
461
  }
462
462
 
463
- .scalar-api-client__container .scalar-api-client[data-v-88d4f957] {
463
+ .scalar-api-client__container .scalar-api-client[data-v-7b73462e] {
464
464
  width: calc(100% - var(--scalar-api-reference-theme-sidebar-width));
465
465
  }
466
- .scalar-api-client__container[data-v-88d4f957] {
466
+ .scalar-api-client__container[data-v-7b73462e] {
467
467
  position: absolute;
468
468
  right: 0;
469
469
  left: 0;
@@ -484,11 +484,11 @@ to {
484
484
  flex-direction: column;
485
485
  }
486
486
  @media screen and (max-width: 1265px) {
487
- .scalar-api-client__container[data-v-88d4f957] {
487
+ .scalar-api-client__container[data-v-7b73462e] {
488
488
  width: 100vw !important;
489
489
  }
490
490
  }
491
- .scalar-api-client__navigation[data-v-88d4f957] {
491
+ .scalar-api-client__navigation[data-v-7b73462e] {
492
492
  width: 100%;
493
493
  display: flex;
494
494
  align-items: center;
@@ -500,7 +500,7 @@ to {
500
500
  border-bottom: var(--scalar-api-reference-border);
501
501
  top: 0;
502
502
  }
503
- .scalar-api-client__close[data-v-88d4f957] {
503
+ .scalar-api-client__close[data-v-7b73462e] {
504
504
  appearance: none;
505
505
  border: none;
506
506
  outline: none;
@@ -511,7 +511,7 @@ to {
511
511
  color: var(--scalar-api-reference-theme-color-1);
512
512
  font-weight: var(--scalar-api-reference-theme-semibold);
513
513
  }
514
- .scalar-api-client__close[data-v-88d4f957]:hover {
514
+ .scalar-api-client__close[data-v-7b73462e]:hover {
515
515
  cursor: pointer;
516
516
  }
517
517
  /*
@@ -534,7 +534,7 @@ TODO: Markup is missing
534
534
  height: 12px;
535
535
  transform: rotate(180deg);
536
536
  } */
537
- .api-client-drawer[data-v-88d4f957] {
537
+ .api-client-drawer[data-v-7b73462e] {
538
538
  background: var(--scalar-api-reference-theme-background-1);
539
539
  height: calc(100vh - 58px);
540
540
  width: calc(100vw - 8px);
@@ -546,9 +546,9 @@ TODO: Markup is missing
546
546
  left: 4px;
547
547
  z-index: 9999;
548
548
  opacity: 0;
549
- animation: apiclientfadein-88d4f957 0.35s forwards;
549
+ animation: apiclientfadein-7b73462e 0.35s forwards;
550
550
  }
551
- @keyframes apiclientfadein-88d4f957 {
551
+ @keyframes apiclientfadein-7b73462e {
552
552
  from {
553
553
  transform: translate3d(0, 20px, 0) scale(0.985);
554
554
  opacity: 0;
@@ -558,7 +558,7 @@ to {
558
558
  opacity: 1;
559
559
  }
560
560
  }
561
- .api-client-drawer-exit[data-v-88d4f957] {
561
+ .api-client-drawer-exit[data-v-7b73462e] {
562
562
  position: fixed;
563
563
  top: 0;
564
564
  left: 0;
@@ -568,9 +568,9 @@ to {
568
568
  transition: all 0.3s ease-in-out;
569
569
  z-index: 9998;
570
570
  cursor: pointer;
571
- animation: drawerexitfadein-88d4f957 0.35s forwards;
571
+ animation: drawerexitfadein-7b73462e 0.35s forwards;
572
572
  }
573
- @keyframes drawerexitfadein-88d4f957 {
573
+ @keyframes drawerexitfadein-7b73462e {
574
574
  from {
575
575
  opacity: 0;
576
576
  }
@@ -578,10 +578,10 @@ to {
578
578
  opacity: 1;
579
579
  }
580
580
  }
581
- .scalar-api-client-height[data-v-88d4f957] {
581
+ .scalar-api-client-height[data-v-7b73462e] {
582
582
  height: 100%;
583
583
  }
584
- .scalar-api-client-height .sidebar[data-v-88d4f957] {
584
+ .scalar-api-client-height .sidebar[data-v-7b73462e] {
585
585
  flex: 1 1 0%;
586
586
  flex-grow: 1;
587
587
  flex-shrink: 1;
@@ -643,19 +643,22 @@ to {
643
643
  position: relative;
644
644
  }
645
645
 
646
- .tab[data-v-9c502887] {
646
+ .tab[data-v-a90e6576] {
647
647
  background: none;
648
648
  border: none;
649
649
  font-size: var(--scalar-api-reference-theme-font-size-4);
650
650
  font-family: var(--scalar-api-reference-font-sans);
651
651
  color: var(--scalar-api-reference-theme-color-2);
652
652
  font-weight: var(--scalar-api-reference-theme-semibold);
653
+ line-height: calc(var(--scalar-api-reference-theme-font-size-4) + 2px);
653
654
  cursor: pointer;
654
655
  }
655
- .tab-selected[data-v-9c502887] {
656
+ .tab-selected[data-v-a90e6576] {
656
657
  color: var(--scalar-api-reference-theme-color-1);
657
658
  text-decoration: underline;
658
- text-underline-offset: 12px;
659
+ text-underline-offset: calc(
660
+ var(--scalar-api-reference-theme-font-size-4) - 1px
661
+ );
659
662
  }
660
663
 
661
664
  .markdown[data-v-b7dd07e1] * {
@@ -1071,22 +1074,22 @@ to {
1071
1074
  margin-top: 12px;
1072
1075
  }
1073
1076
 
1074
- .request-method--post[data-v-34bdfe15] {
1077
+ .request-method--post[data-v-fddb0abd] {
1075
1078
  color: var(--scalar-api-reference-theme-post-color);
1076
1079
  }
1077
- .request-method--patch[data-v-34bdfe15] {
1080
+ .request-method--patch[data-v-fddb0abd] {
1078
1081
  color: var(--scalar-api-reference-theme-patch-color);
1079
1082
  }
1080
- .request-method--get[data-v-34bdfe15] {
1083
+ .request-method--get[data-v-fddb0abd] {
1081
1084
  color: var(--scalar-api-reference-theme-get-color);
1082
1085
  }
1083
- .request-method--delete[data-v-34bdfe15] {
1086
+ .request-method--delete[data-v-fddb0abd] {
1084
1087
  color: var(--scalar-api-reference-theme-delete-color);
1085
1088
  }
1086
- .request-method--put[data-v-34bdfe15] {
1089
+ .request-method--put[data-v-fddb0abd] {
1087
1090
  color: var(--scalar-api-reference-theme-put-color);
1088
1091
  }
1089
- .request-path[data-v-34bdfe15] {
1092
+ .request-path[data-v-fddb0abd] {
1090
1093
  margin-left: 6px;
1091
1094
  color: var(--scalar-api-reference-theme-color-2);
1092
1095
  white-space: nowrap;
@@ -1095,12 +1098,12 @@ to {
1095
1098
  text-overflow: ellipsis;
1096
1099
  text-transform: none !important;
1097
1100
  }
1098
- .language-select[data-v-34bdfe15] {
1101
+ .language-select[data-v-fddb0abd] {
1099
1102
  position: relative;
1100
1103
  padding-right: 9px;
1101
1104
  border-right: 1px solid var(--scalar-api-reference-border-color);
1102
1105
  }
1103
- .language-select select[data-v-34bdfe15] {
1106
+ .language-select select[data-v-fddb0abd] {
1104
1107
  border: none;
1105
1108
  outline: none;
1106
1109
  cursor: pointer;
@@ -1115,7 +1118,7 @@ to {
1115
1118
  opacity: 0;
1116
1119
  appearance: none;
1117
1120
  }
1118
- .language-select span[data-v-34bdfe15] {
1121
+ .language-select span[data-v-fddb0abd] {
1119
1122
  font-size: 12px;
1120
1123
  color: var(--scalar-api-reference-theme-color-3);
1121
1124
  font-weight: var(--scalar-api-reference-theme-semibold);
@@ -1123,7 +1126,7 @@ to {
1123
1126
  align-items: center;
1124
1127
  justify-content: center;
1125
1128
  }
1126
- .language-select span[data-v-34bdfe15]:after {
1129
+ .language-select span[data-v-fddb0abd]:after {
1127
1130
  content: '';
1128
1131
  width: 7px;
1129
1132
  height: 7px;
@@ -1132,10 +1135,10 @@ to {
1132
1135
  margin-left: 6px;
1133
1136
  box-shadow: 1px 1px 0 currentColor;
1134
1137
  }
1135
- .language-select span[data-v-34bdfe15]:hover {
1138
+ .language-select span[data-v-fddb0abd]:hover {
1136
1139
  background: var(--scalar-api-reference-theme-background-2);
1137
1140
  }
1138
- .copy-button[data-v-34bdfe15] {
1141
+ .copy-button[data-v-fddb0abd] {
1139
1142
  appearance: none;
1140
1143
  -webkit-appearance: none;
1141
1144
  outline: none;
@@ -1147,14 +1150,14 @@ to {
1147
1150
  border: none;
1148
1151
  border-radius: 3px;
1149
1152
  }
1150
- .copy-button[data-v-34bdfe15]:hover {
1153
+ .copy-button[data-v-fddb0abd]:hover {
1151
1154
  color: var(--scalar-api-reference-theme-color-1);
1152
1155
  }
1153
- .copy-button svg[data-v-34bdfe15] {
1156
+ .copy-button svg[data-v-fddb0abd] {
1154
1157
  width: 13px;
1155
1158
  height: 13px;
1156
1159
  }
1157
- .show-api-client-button[data-v-34bdfe15] {
1160
+ .show-api-client-button[data-v-fddb0abd] {
1158
1161
  width: 100%;
1159
1162
  display: block;
1160
1163
  appearance: none;
@@ -1173,22 +1176,22 @@ to {
1173
1176
  background: var(--scalar-api-reference-theme-button-1);
1174
1177
  color: var(--scalar-api-reference-theme-button-1-color);
1175
1178
  }
1176
- .show-api-client-button[data-v-34bdfe15]:hover {
1179
+ .show-api-client-button[data-v-fddb0abd]:hover {
1177
1180
  background: var(--scalar-api-reference-theme-button-1-hover);
1178
1181
  }
1179
- .show-api-client-button svg[data-v-34bdfe15] {
1182
+ .show-api-client-button svg[data-v-fddb0abd] {
1180
1183
  height: 12px;
1181
1184
  width: auto;
1182
1185
  margin-right: 6px;
1183
1186
  }
1184
- .request-method[data-v-34bdfe15] {
1187
+ .request-method[data-v-fddb0abd] {
1185
1188
  font-family: var(--scalar-api-reference-font-mono);
1186
1189
  }
1187
- .request-path[data-v-34bdfe15] {
1190
+ .request-path[data-v-fddb0abd] {
1188
1191
  font-family: var(--scalar-api-reference-font-mono);
1189
1192
  }
1190
1193
 
1191
- .code-copy[data-v-e41bd4be] {
1194
+ .code-copy[data-v-c3be83db] {
1192
1195
  display: flex;
1193
1196
  appearance: none;
1194
1197
  -webkit-appearance: none;
@@ -1198,18 +1201,18 @@ to {
1198
1201
  color: var(--scalar-api-reference-theme-color-3);
1199
1202
  border: none;
1200
1203
  }
1201
- .code-copy[data-v-e41bd4be]:hover {
1204
+ .code-copy[data-v-c3be83db]:hover {
1202
1205
  color: var(--scalar-api-reference-theme-color-1);
1203
1206
  }
1204
- .code-copy svg[data-v-e41bd4be] {
1207
+ .code-copy svg[data-v-c3be83db] {
1205
1208
  width: 13px;
1206
1209
  height: 13px;
1207
1210
  }
1208
- .description[data-v-e41bd4be] {
1211
+ .description[data-v-c3be83db] {
1209
1212
  font-weight: var(--scalar-api-reference-theme-semibold);
1210
1213
  font-size: var(--scalar-api-reference-theme-mini);
1211
1214
  }
1212
- .scalar-api-reference__empty-state[data-v-e41bd4be] {
1215
+ .scalar-api-reference__empty-state[data-v-c3be83db] {
1213
1216
  border: 1px dashed var(--scalar-api-reference-border-color);
1214
1217
  width: 100%;
1215
1218
  text-align: center;
@@ -1315,696 +1318,13 @@ to {
1315
1318
  margin-bottom: 24px;
1316
1319
  }
1317
1320
  }
1318
-
1319
- .loader-wrapper[data-v-a0429592] {
1320
- position: relative;
1321
- height: var(--a8cfd54e);
1322
- width: var(--a8cfd54e);
1323
-
1324
- display: flex;
1325
- align-items: center;
1326
- justify-content: center;
1327
-
1328
- --loader-size: 50%;
1329
- }
1330
-
1331
- /*SVG Positioning for Loader Objects*/
1332
- .svg-loader[data-v-a0429592] {
1333
- width: var(--loader-size);
1334
- height: var(--loader-size);
1335
- top: 1rem;
1336
- right: 0.9rem;
1337
- overflow: visible;
1338
-
1339
- fill: none;
1340
- background-color: transparent;
1341
- stroke: currentColor;
1342
- }
1343
- .svg-path[data-v-a0429592] {
1344
- stroke-width: 14;
1345
- fill: none;
1346
- transition: 0.3s;
1347
- }
1348
- .svg-x-mark[data-v-a0429592] {
1349
- stroke-dasharray: 57;
1350
- stroke-dashoffset: 57;
1351
- transition-delay: 0s;
1352
- }
1353
- .svg-check-mark[data-v-a0429592] {
1354
- stroke-dasharray: 149;
1355
- stroke-dashoffset: 149;
1356
- transition-delay: 0s;
1357
- }
1358
- .icon-is-invalid .svg-x-mark[data-v-a0429592] {
1359
- stroke-dashoffset: 0;
1360
- transition-delay: 0.3s;
1361
- }
1362
- .icon-is-valid .svg-check-mark[data-v-a0429592] {
1363
- stroke-dashoffset: 0;
1364
- transition-delay: 0.3s;
1365
- }
1366
- .circular-loader[data-v-a0429592] {
1367
- animation: rotate-a0429592 0.7s linear infinite,fade-in-a0429592 0.4s;
1368
-
1369
- transform-origin: center center;
1370
- transform: scale(5);
1371
-
1372
- background: transparent;
1373
- }
1374
- .loader-path[data-v-a0429592] {
1375
- stroke-dasharray: 50, 200;
1376
- stroke-dashoffset: -100;
1377
- stroke-linecap: round;
1378
- }
1379
- .loader-path-off[data-v-a0429592] {
1380
- stroke-dasharray: 50, 200;
1381
- stroke-dashoffset: -100;
1382
- transition: opacity 0.3s;
1383
- opacity: 0;
1384
- }
1385
- @keyframes fade-in-a0429592 {
1386
- 0% {
1387
- opacity: 0;
1388
- }
1389
- 70% {
1390
- opacity: 0;
1391
- }
1392
- 100% {
1393
- opacity: 1;
1394
- }
1395
- }
1396
- @keyframes rotate-a0429592 {
1397
- from {
1398
- transform: scale(5) rotate(0deg);
1399
- }
1400
- to {
1401
- transform: scale(5) rotate(360deg);
1402
- }
1403
- }
1404
-
1405
- .flow-button[data-v-48a9b678] {
1406
- display: flex;
1407
- align-items: center;
1408
- justify-content: center;
1409
- z-index: 1;
1410
- position: relative;
1411
- appearance: none;
1412
- -webkit-appearance: none;
1413
- height: 40px;
1414
- padding: 0px 24px;
1415
- border-radius: var(--scalar-api-reference-theme-radius);
1416
- color: var(--scalar-api-reference-theme-button-1-color);
1417
- font-size: var(--scalar-api-reference-theme-font-size-4);
1418
- font-weight: 500;
1419
- cursor: pointer;
1420
- background: var(--scalar-api-reference-theme-button-1);
1421
- border: none;
1422
- width: 100%;
1423
- box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
1424
- }
1425
- .flow-button[data-v-48a9b678]:hover,
1426
- .flow-button[data-v-48a9b678]:focus-visible {
1427
- background: var(--scalar-api-reference-theme-button-1-hover);
1428
- }
1429
- .flow-button[data-v-48a9b678]:active {
1430
- box-shadow: none;
1431
- background: var(--scalar-api-reference-theme-button-1);
1432
- }
1433
- .flow-button[disabled][data-v-48a9b678] {
1434
- background: var(--scalar-api-reference-theme-background-2);
1435
- color: var(--scalar-api-reference-theme-color-3);
1436
- cursor: unset;
1437
- box-shadow: none;
1438
- }
1439
- .flow-button.flow-button-icon-only[data-v-48a9b678] {
1440
- width: 24px;
1441
- height: 24px;
1442
- padding: 0;
1443
- }
1444
-
1445
- /* ----------------------------------------------------- */
1446
- .flow-button-outlined[data-v-48a9b678] {
1447
- background: var(--scalar-api-reference-theme-background-1);
1448
- color: var(--scalar-api-reference-theme-color-1);
1449
- padding: 11px 23px;
1450
- border: var(--scalar-api-reference-border);
1451
- box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
1452
- }
1453
- .flow-button-outlined[data-v-48a9b678]:hover,
1454
- .flow-button-outlined[data-v-48a9b678]:focus-visible {
1455
- background: var(--scalar-api-reference-theme-background-2);
1456
- }
1457
- .flow-button-outlined[data-v-48a9b678]:active {
1458
- background: var(--scalar-api-reference-theme-background-2);
1459
- }
1460
- .flow-button-outlined[disabled][data-v-48a9b678] {
1461
- background: var(--scalar-api-reference-theme-background-2);
1462
- color: var(--scalar-api-reference-theme-color-3);
1463
- cursor: unset;
1464
- box-shadow: none;
1465
- }
1466
-
1467
- /* ----------------------------------------------------- */
1468
- .flow-button-clear[data-v-48a9b678] {
1469
- background: transparent;
1470
- box-shadow: none;
1471
- color: var(--scalar-api-reference-theme-color-3);
1472
- }
1473
- .flow-button-clear[data-v-48a9b678]:active {
1474
- background: transparent;
1475
- }
1476
- .flow-button-clear[data-v-48a9b678]:hover,
1477
- .flow-button-clear[data-v-48a9b678]:focus-visible {
1478
- background: var(--scalar-api-reference-theme-background-2);
1479
- box-shadow: none;
1480
- }
1481
- .flow-button-clear[disabled][data-v-48a9b678] {
1482
- background: var(--scalar-api-reference-theme-background-2);
1483
- color: var(--scalar-api-reference-theme-color-3);
1484
- cursor: unset;
1485
- box-shadow: none;
1486
- }
1487
-
1488
- /* ----------------------------------------------------- */
1489
- .flow-button-text[data-v-48a9b678] {
1490
- background: transparent;
1491
- box-shadow: none;
1492
- color: var(--scalar-api-reference-theme-color-3);
1493
- }
1494
- .flow-button-text[data-v-48a9b678]:active {
1495
- background: transparent;
1496
- }
1497
- .flow-button-text[data-v-48a9b678]:hover,
1498
- .flow-button-text[data-v-48a9b678]:focus-visible {
1499
- color: var(--scalar-api-reference-theme-color-2);
1500
- background: transparent;
1501
- box-shadow: none;
1502
- }
1503
- .flow-button-text[disabled][data-v-48a9b678] {
1504
- background: transparent;
1505
- color: var(--scalar-api-reference-theme-color-ghost);
1506
- cursor: unset;
1507
- box-shadow: none;
1508
- }
1509
-
1510
- /* ----------------------------------------------------- */
1511
- .flow-button--delete[data-v-48a9b678] {
1512
- background: var(--scalar-api-reference-theme-error-color);
1513
- color: white;
1514
- }
1515
- .flow-button--delete[data-v-48a9b678]:active {
1516
- background: var(--scalar-api-reference-theme-error-color);
1517
- }
1518
- .flow-button--delete[data-v-48a9b678]:hover {
1519
- background: var(--scalar-api-reference-theme-error-color);
1520
- opacity: 0.86;
1521
- }
1522
-
1523
- /* ----------------------------------------------------- */
1524
- .flow-button-loader[data-v-48a9b678] {
1525
- position: absolute;
1526
- right: 8px;
1527
- }
1528
- .flow-button-decorator[data-v-48a9b678] {
1529
- margin-right: 9px;
1530
- color: currentColor;
1531
- display: flex;
1532
- align-items: center;
1533
- height: 14px;
1534
- width: 14px;
1535
- }
1536
- .flow-button-icon-only .flow-button-decorator[data-v-48a9b678] {
1537
- margin-right: 0;
1538
- }
1539
-
1540
- .modal-layout[data-v-d081f944] {
1541
- position: fixed;
1542
- width: 100vw;
1543
- height: 100vh;
1544
- top: 0;
1545
- left: 0;
1546
- z-index: 1001;
1547
- background: rgba(0, 0, 0, 0.44);
1548
- padding: 20px;
1549
- opacity: 0;
1550
- animation: modal-fade-d081f944 0.2s forwards;
1551
- }
1552
- .modal-body[data-v-d081f944] {
1553
- padding: 12px 12px 18px 24px;
1554
- max-height: calc(100vh - 240px);
1555
- background: var(--scalar-api-reference-theme-background-1);
1556
- border-radius: var(--scalar-api-reference-theme-radius-xl);
1557
- }
1558
- .modal[data-v-d081f944] {
1559
- margin: 80px auto 0;
1560
- position: relative;
1561
- background: var(--scalar-api-reference-theme-background-2);
1562
- border-radius: var(--scalar-api-reference-theme-radius);
1563
- color: var(--scalar-api-reference-theme-color-1);
1564
- width: 100%;
1565
- text-align: left;
1566
- line-height: 1.4;
1567
- opacity: 0;
1568
- transform: scale(0.98);
1569
- animation: modal-pop-d081f944 0.15s 0.15s forwards;
1570
- display: flex;
1571
- flex-direction: column;
1572
- }
1573
- .modal-content-normal[data-v-d081f944] {
1574
- max-width: 640px;
1575
- }
1576
- .modal-content-small[data-v-d081f944] {
1577
- max-width: 480px;
1578
- }
1579
- @keyframes modal-fade-d081f944 {
1580
- from {
1581
- opacity: 0;
1582
- }
1583
- to {
1584
- opacity: 1;
1585
- }
1586
- }
1587
- @keyframes modal-pop-d081f944 {
1588
- 0% {
1589
- opacity: 0;
1590
- }
1591
- 100% {
1592
- opacity: 1;
1593
- transform: scale(1);
1594
- }
1595
- }
1596
- .modal-header[data-v-d081f944] {
1597
- padding: 12px 24px;
1598
- color: var(--scalar-api-reference-theme-color-1);
1599
- font-size: var(--scalar-api-reference-theme-font-size-4);
1600
- text-align: left;
1601
- font-weight: 600;
1602
- border-radius: var(--scalar-api-reference-theme-radius) var(--scalar-api-reference-theme-radius) 0 0;
1603
- }
1604
-
1605
- .flow-input-cont[data-v-422dab12] {
1606
- position: relative;
1607
- }
1608
- .flow-input-wrapper[data-v-422dab12] {
1609
- border-radius: var(--scalar-api-reference-theme-radius);
1610
- border: var(--scalar-api-reference-border);
1611
- position: relative;
1612
- display: flex;
1613
- align-items: center;
1614
- }
1615
- .flow-input-wrapper--focus[data-v-422dab12] {
1616
- border-color: var(--scalar-api-reference-theme-color-3);
1617
- }
1618
- .flow-input-wrapper--focus[data-v-422dab12]:has(button:active) {
1619
- border: var(--scalar-api-reference-border) !important;
1620
- }
1621
- .flow-input__multiline[data-v-422dab12] {
1622
- min-height: 77px;
1623
- }
1624
- .flow-label[data-v-422dab12] {
1625
- position: absolute;
1626
- top: 0;
1627
- left: 0;
1628
- pointer-events: none;
1629
- padding: 0px 3px;
1630
- margin: 12px 9px;
1631
- width: fit-content;
1632
- background: transparent;
1633
- font-size: var(--scalar-api-reference-theme-font-size-3);
1634
- background-color: var(--scalar-api-reference-theme-background-1);
1635
- border-radius: var(--scalar-api-reference-theme-radius);
1636
- color: var(--scalar-api-reference-theme-color-3);
1637
- box-shadow: 0 0 2px 2px var(--scalar-api-reference-theme-background-1);
1638
- transition: transform 0.2s ease-in-out;
1639
- transform-origin: top left;
1640
- z-index: 10;
1641
- line-height: initial;
1642
- }
1643
- .flow-input[data-v-422dab12] {
1644
- outline: none;
1645
- appearance: none;
1646
- -webkit-appearance: none;
1647
- font-size: var(--scalar-api-reference-theme-font-size-3);
1648
- border: none;
1649
- color: var(--scalar-api-reference-theme-color-1);
1650
- padding: 12px;
1651
- width: 100%;
1652
- background: transparent;
1653
- z-index: 10;
1654
- transition: opacity 0.15s ease-in-out;
1655
- resize: none;
1656
- }
1657
- .flow-input[data-v-422dab12]:has(+ .flow-label) {
1658
- opacity: 0;
1659
- }
1660
- .flow-input[data-v-422dab12]::placeholder {
1661
- color: var(--scalar-api-reference-theme-color-3);
1662
- }
1663
- .flow-input[data-v-422dab12]:not(:placeholder-shown),
1664
- .flow-input-wrapper--focus .flow-input[data-v-422dab12] {
1665
- opacity: 1;
1666
- transition: opacity 0.2s ease-in-out 0.15s;
1667
- }
1668
- .flow-input-wrapper--focus .flow-label[data-v-422dab12] {
1669
- color: var(--scalar-api-reference-theme-color-1);
1670
- }
1671
- .flow-input[data-v-422dab12]::selection {
1672
- color: var(--scalar-api-reference-theme-color-1);
1673
- background: rgba(255, 165, 88, 0.35);
1674
- }
1675
- .flow-input[data-v-422dab12]:-webkit-autofill,
1676
- .flow-input[data-v-422dab12]:-webkit-autofill:hover,
1677
- .flow-input[data-v-422dab12]:-webkit-autofill:focus,
1678
- .flow-input[data-v-422dab12]:-webkit-autofill:active,
1679
- .flow-input[data-v-422dab12]:focus-within:-webkit-autofill,
1680
- .flow-input[data-v-422dab12]:focus-within:-webkit-autofill:hover,
1681
- .flow-input[data-v-422dab12]:focus-within:-webkit-autofill:focus,
1682
- .flow-input[data-v-422dab12]:focus-within:-webkit-autofill:active {
1683
- -webkit-box-shadow: 0 0 0px 1000px var(--scalar-api-reference-theme-background-1) inset !important;
1684
- -webkit-text-fill-color: var(--scalar-api-reference-theme-color-1);
1685
- color: var(--scalar-api-reference-theme-color-1);
1686
- border-radius: var(--scalar-api-reference-theme-radius);
1687
- }
1688
- .helper-text[data-v-422dab12] {
1689
- margin-top: 6px;
1690
- font-size: 13px;
1691
- color: var(--scalar-api-reference-theme-error-color);
1692
- display: flex;
1693
- align-items: center;
1694
- }
1695
- .helper-text[data-v-422dab12]:before {
1696
- content: '!';
1697
- border-radius: 50%;
1698
- background: var(--scalar-api-reference-theme-error-color);
1699
- color: white;
1700
- font-weight: 900;
1701
- width: 15px;
1702
- height: 15px;
1703
- line-height: 15px;
1704
- display: block;
1705
- margin-right: 6px;
1706
- text-align: center;
1707
- font-size: 11px;
1708
- }
1709
- .helper-text[data-v-422dab12]:empty {
1710
- display: none;
1711
- }
1712
- .flow-input-wrapper--error[data-v-422dab12] {
1713
- border-color: var(--scalar-api-reference-theme-error-color);
1714
- }
1715
- .flow-input-wrapper--error .flow-label[data-v-422dab12] {
1716
- color: var(--scalar-api-reference-theme-error-color);
1717
- }
1718
- .flow-input-wrapper--warn[data-v-422dab12] {
1719
- border-color: var(--scalar-api-reference-theme-error-color);
1720
- }
1721
- .flow-input-wrapper--warn .flow-label[data-v-422dab12] {
1722
- color: var(--scalar-api-reference-theme-error-color);
1723
- }
1724
- .flow-input-wrapper--focus .flow-label[data-v-422dab12],
1725
- .flow-input:not(:placeholder-shown) + .flow-label[data-v-422dab12] {
1726
- transform: translate3d(0, -20px, 0) scale(0.8);
1727
- transform-origin: top left;
1728
- }
1729
- .flow-input-wrapper--focus:has(button:active) .flow-label[data-v-422dab12] {
1730
- color: var(--scalar-api-reference-theme-color-3) !important;
1731
- }
1732
- .icon-slot[data-v-422dab12]:not(:empty) {
1733
- display: flex;
1734
- align-items: center;
1735
- padding-right: 12px;
1736
- width: 28px;
1737
- cursor: pointer;
1738
- color: var(--scalar-api-reference-theme-color-ghost);
1739
- }
1740
- .icon-slot[data-v-422dab12]:hover {
1741
- color: var(--scalar-api-reference-theme-color-1);
1742
- }
1743
-
1744
- .code-editor-header {
1745
- padding: 12px !important;
1746
- display: flex;
1747
- align-items: center;
1748
- justify-content: space-between;
1749
- }
1750
- .code-editor-header span {
1751
- font-size: 13px;
1752
- color: var(--scalar-api-reference-theme-color-3);
1753
- font-weight: 600;
1754
- margin-right: 12px;
1755
- position: relative;
1756
- cursor: pointer;
1757
- }
1758
- .code-editor-header span.active-mode {
1759
- color: var(--scalar-api-reference-theme-color-1);
1760
- }
1761
- .code-editor-header span.active-mode:after {
1762
- content: '';
1763
- position: absolute;
1764
- bottom: -18px;
1765
- left: 0;
1766
- width: 100%;
1767
- height: 1px;
1768
- background: var(--scalar-api-reference-theme-color-1);
1769
- }
1770
- .code-editor-header button {
1771
- border-radius: 30px;
1772
- padding: 6px 9px;
1773
- background: transparent;
1774
- appearance: none;
1775
- border: var(--scalar-api-reference-border);
1776
- font-size: 12px;
1777
- color: var(--scalar-api-reference-theme-color-3);
1778
- margin-left: 9px;
1779
- font-weight: 500;
1780
- }
1781
- .code-editor-header button:hover {
1782
- cursor: pointer;
1783
- color: var(--scalar-api-reference-theme-color-1);
1784
- border-color: currentColor;
1785
- }
1786
- @media (max-width: 580px) {
1787
- .active-mode i,
1788
- .code-editor-header button i {
1789
- display: none;
1790
- }
1791
- .code-editor-header button {
1792
- padding: 4px 8px;
1793
- margin-left: 6px;
1794
- }
1795
- .code-editor-header span.active-mode:after {
1796
- bottom: -16px;
1797
- }
1798
- }
1799
-
1800
- .code-editor-input {
1801
- height: 100%;
1802
- overflow: hidden;
1803
- border-top: var(--scalar-api-reference-border);
1804
- background: var(--scalar-api-reference-theme-background-2);
1805
- }
1806
- .code-editor-input .cm-editor {
1807
- height: 100%;
1808
- }
1809
- .code-editor-input .cm-scroller {
1810
- padding-top: 6px;
1811
- }
1812
- .code-editor-input .cm-editor .cm-line {
1813
- padding-left: 0px !important;
1814
- }
1815
- .code-editor-input .cm-editor .cm-activeLine {
1816
- background-color: var(--scalar-api-reference-theme-background-3) !important;
1817
- }
1818
- .code-editor-input .cm-yLineSelection {
1819
- margin: 0;
1820
- }
1821
- .light-mode .cm-editor {
1822
- --cm-blue: #0082d0;
1823
- --cm-green: #00a67d;
1824
- --cm-yellow: #b29762;
1825
- }
1826
- .dark-mode .cm-editor {
1827
- --cm-blue: #79c0ff;
1828
- --cm-green: #7ee787;
1829
- --cm-yellow: #e9950c;
1830
- }
1831
- .cm-editor .cm-content *,
1832
- .cm-editor .cm-content {
1833
- font-size: var(--scalar-api-reference-theme-mini);
1834
- line-height: 1.44;
1835
- }
1836
- .cm-editor .cm-scroller {
1837
- background: var(--scalar-api-reference-theme-background-2);
1838
- }
1839
- .cm-editor .cm-activeLine, .cm-editor {
1840
- background-color: transparent !important;
1841
- }
1842
- .ͼr .cm-line ::selection,
1843
- .ͼr .cm-line::selection,
1844
- .ͼ8 .cm-line ::selection,
1845
- .ͼ8 .cm-line::selection,
1846
- .ͼ1b.cm-focused .cm-selectionBackground,
1847
- .ͼ1b .cm-selectionLayer .cm-selectionBackground,
1848
- .ͼ1b .cm-content ::selection {
1849
- background-color: inherit !important;
1850
- }
1851
- .cm-editor.cm-focused {
1852
- outline: none !important;
1853
- }
1854
- .cm-editor {
1855
- background-color: transparent !important;
1856
- }
1857
- .cm-editor .ͼ1e,
1858
- .cm-editor .ͼe,
1859
- .cm-editor .ͼz,
1860
- .cm-editor .ͼr,
1861
- .cm-editor .ͼ8,
1862
- .cm-editor .ͼt,
1863
- .cm-editor .ͼa {
1864
- color: var(--scalar-api-reference-theme-color-1);
1865
- }
1866
- .cm-editor .ͼ12,
1867
- .cm-editor .ͼj {
1868
- color: var(--scalar-api-reference-theme-color-2);
1869
- }
1870
- .cm-foldGutter span[title='Unfold line'],
1871
- .cm-foldGutter span[title='Fold line'] {
1872
- font-size: 0px;
1873
- }
1874
- .cm-foldGutter span:after {
1875
- width: 9px;
1876
- height: 9px;
1877
- display: block;
1878
- box-shadow: 1px 1px 0 currentColor;
1879
- transition: all 0.15s ease-in-out;
1880
- }
1881
- .cm-foldGutter span[title='Fold line']:after {
1882
- content: '';
1883
- transform: rotate(45deg) translate3d(-2px, -3px, 0);
1884
- opacity: 0;
1885
- }
1886
- .cm-foldGutter span[title='Fold line']:hover:after {
1887
- opacity: 1;
1888
- }
1889
- .cm-foldGutter span[title='Unfold line']:after {
1890
- content: '';
1891
- transform: rotate(-45deg) translate3d(-2px, -3px, 0);
1892
- opacity: 1;
1893
- }
1894
- .cm-foldGutter:hover span[title='Fold line']:after {
1895
- opacity: 1 !important;
1896
- }
1897
- .cm-editor .cm-lineNumbers .cm-gutterElement {
1898
- padding: 0 6px 0 12px !important;
1899
- }
1900
- .cm-editor .ͼ1g {
1901
- color: var(--scalar-api-reference-theme-color-2);
1902
- }
1903
- .cm-editor .ͼ1d,
1904
- .cm-editor .ͼc,
1905
- .cm-editor .ͼq,
1906
- .cm-editor .ͼ7 {
1907
- color: var(--cm-blue);
1908
- }
1909
- .cm-editor .ͼu,
1910
- .cm-editor .ͼb {
1911
- color: var(--cm-green);
1912
- }
1913
- .cm-editor .ͼ9,
1914
- .cm-editor .ͼ1h {
1915
- color: var(--cm-yellow);
1916
- }
1917
- .cm-editor .ͼi,
1918
- .cm-editor .ͼv,
1919
- .cm-editor .ͼx,
1920
- .cm-editor .ͼ11,
1921
- .cm-editor .ͼ14,
1922
- .cm-editor .ͼp,
1923
- .cm-editor .ͼ6 {
1924
- color: var(--scalar-api-reference-theme-color-3);
1925
- }
1926
- .cm-editor .cm-content {
1927
- padding: 6px 0;
1928
- }
1929
- .cm-editor .cm-line {
1930
- color: var(--scalar-api-reference-theme-color-1) !important;
1931
- caret-color: var(--scalar-api-reference-theme-color-1) !important;
1932
- }
1933
- .cm-cursor {
1934
- border-color: transparent !important;
1935
- }
1936
- .cm-matchingBracket {
1937
- background: var(--scalar-api-reference-theme-background-3) !important;
1938
- }
1939
- .cm-editor .cm-gutters {
1940
- font-size: var(--scalar-api-reference-theme-mini);
1941
- color: var(--scalar-api-reference-theme-color-3);
1942
- line-height: 1.44;
1943
- background: var(--scalar-api-reference-theme-background-2);
1944
- border-right: none;
1945
- }
1946
- .simplecode .cm-editor {
1947
- outline: none !important;
1948
- }
1949
- .simplecode .cm-editor .cm-scroller {
1950
- background: var(--scalar-api-reference-theme-background-2);
1951
- border-radius: var(--scalar-api-reference-theme-radius);
1952
- }
1953
- .simplecode .cm-editor .cm-gutters {
1954
- display: none;
1955
- }
1956
- .cm-editor .cm-gutterElement {
1957
- padding: 0 6px 0 12px !important;
1958
- display: flex;
1959
- align-items: center;
1960
- justify-content: flex-end;
1961
- background: var(--scalar-api-reference-theme-background-2);
1962
- }
1963
- .cm-gutter + .cm-gutter .cm-gutterElement {
1964
- padding-left: 0 !important;
1965
- }
1966
- .ͼ1 .cm-foldPlaceholder {
1967
- background-color: var(--scalar-api-reference-theme-background-3);
1968
- border: var(--scalar-api-reference-border);
1969
- color: var(--scalar-api-reference-theme-color-3);
1970
- }
1971
-
1972
- .code-editor-notification {
1973
- color: var(--scalar-api-reference-theme-color-3);
1974
- padding: 6px 8px;
1975
- font-size: var(--scalar-api-reference-theme-font-size-5);
1976
- border-top: var(--scalar-api-reference-border);
1977
- }
1978
- .code-editor-notification--error {
1979
- background: var(--scalar-api-reference-theme-error-color);
1980
- color: white;
1981
- }
1982
-
1983
- .code-editor-status-bar {
1984
- color: var(--scalar-api-reference-theme-color-3);
1985
- padding: 6px 8px;
1986
- font-size: var(--scalar-api-reference-theme-font-size-5);
1987
- border-top: var(--scalar-api-reference-border);
1988
- }
1989
-
1990
- .code-editor[data-v-1d835dbc] {
1991
- flex: 1 1 0%;
1992
- min-width: 0;
1993
- min-height: 0;
1994
- height: 100vh;
1995
-
1996
- display: flex;
1997
- flex-direction: column;
1998
- overflow: auto;
1999
- border-right: var(--scalar-api-reference-border);
2000
- }
2001
1321
  :root {
2002
1322
  /** Fonts */
2003
- --scalar-api-reference-font-sans: system-ui, "Segoe UI", Roboto, Helvetica,
2004
- Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2005
- --scalar-api-reference-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
2006
- "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
2007
- "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
1323
+ --scalar-api-reference-font-sans: system-ui, 'Segoe UI', Roboto, Helvetica,
1324
+ Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
1325
+ --scalar-api-reference-font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono',
1326
+ 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace',
1327
+ 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
2008
1328
 
2009
1329
  --scalar-api-reference-sidebar-border-color: #000;
2010
1330
  --scalar-api-reference-theme-background-1: #fff;
@@ -2020,7 +1340,7 @@ to {
2020
1340
  --scalar-api-reference-theme-color-3: #666;
2021
1341
  --scalar-api-reference-theme-color-ghost: #eee;
2022
1342
  --scalar-api-reference-theme-error-color: red;
2023
- --scalar-api-reference-theme-font-size-4: 16px;
1343
+ --scalar-api-reference-theme-font-size-4: 14px;
2024
1344
  --scalar-api-reference-theme-header-height: 0;
2025
1345
  --scalar-api-reference-rounded: 4px;
2026
1346
  --scalar-api-reference-theme-semibold: 600;
@@ -2082,7 +1402,7 @@ to {
2082
1402
  padding: 0;
2083
1403
  margin: -1px;
2084
1404
  overflow: hidden;
2085
- clip: rect(0,0,0,0);
1405
+ clip: rect(0, 0, 0, 0);
2086
1406
  border: 0;
2087
1407
  }
2088
1408
 
@@ -2091,7 +1411,8 @@ to {
2091
1411
  background: var(--scalar-api-reference-theme-background-2);
2092
1412
  border-bottom: 1px solid var(--scalar-api-reference-border-color);
2093
1413
  padding: 0 7px 0 12px;
2094
- border-radius: var(--scalar-api-reference-theme-radius) var(--scalar-api-reference-theme-radius) 0 0;
1414
+ border-radius: var(--scalar-api-reference-theme-radius)
1415
+ var(--scalar-api-reference-theme-radius) 0 0;
2095
1416
  }
2096
1417
  .codemenu {
2097
1418
  display: flex;
@@ -2531,11 +1852,11 @@ to {
2531
1852
  }
2532
1853
  :root {
2533
1854
  /** Fonts */
2534
- --scalar-api-reference-font-sans: system-ui, "Segoe UI", Roboto, Helvetica,
2535
- Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2536
- --scalar-api-reference-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
2537
- "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
2538
- "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
1855
+ --scalar-api-reference-font-sans: system-ui, 'Segoe UI', Roboto, Helvetica,
1856
+ Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
1857
+ --scalar-api-reference-font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono',
1858
+ 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace',
1859
+ 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
2539
1860
 
2540
1861
  --scalar-api-reference-sidebar-border-color: #000;
2541
1862
  --scalar-api-reference-theme-background-1: #fff;
@@ -2551,7 +1872,7 @@ to {
2551
1872
  --scalar-api-reference-theme-color-3: #666;
2552
1873
  --scalar-api-reference-theme-color-ghost: #eee;
2553
1874
  --scalar-api-reference-theme-error-color: red;
2554
- --scalar-api-reference-theme-font-size-4: 16px;
1875
+ --scalar-api-reference-theme-font-size-4: 14px;
2555
1876
  --scalar-api-reference-theme-header-height: 0;
2556
1877
  --scalar-api-reference-rounded: 4px;
2557
1878
  --scalar-api-reference-theme-semibold: 600;