@scalar/api-reference 0.1.2 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/components/ApiReference.vue.d.ts +8 -5
  3. package/dist/components/ApiReference.vue.d.ts.map +1 -1
  4. package/dist/components/Content/MarkdownRenderer.vue.d.ts.map +1 -1
  5. package/dist/components/Content/ReferenceEndpoint/ExampleRequest.vue.d.ts.map +1 -1
  6. package/dist/{index-4b7dc641.js → index-ad012ba6.js} +2230 -191
  7. package/dist/index.js +33 -34
  8. package/dist/style.css +290 -256
  9. package/dist/types.d.ts +2 -2
  10. package/dist/types.d.ts.map +1 -1
  11. package/dist/variables.css +132 -0
  12. package/package.json +4 -4
  13. package/src/assets/css/variables.css +77 -9
  14. package/src/components/ApiClientModal.vue +4 -4
  15. package/src/components/ApiReference.vue +25 -61
  16. package/src/components/Card/Card.vue +2 -2
  17. package/src/components/Card/CardContent.vue +1 -1
  18. package/src/components/Card/CardFooter.vue +1 -1
  19. package/src/components/Content/Content.vue +2 -2
  20. package/src/components/Content/Introduction/BaseUrl.vue +1 -1
  21. package/src/components/Content/Introduction/Introduction.vue +4 -3
  22. package/src/components/Content/Introduction/LanguageSelector.vue +1 -1
  23. package/src/components/Content/MarkdownRenderer.vue +15 -7
  24. package/src/components/Content/ReferenceEndpoint/ExampleRequest.vue +11 -9
  25. package/src/components/Content/ReferenceEndpoint/ExampleResponses.vue +1 -1
  26. package/src/components/Content/ReferenceEndpoint/RequestBody.vue +4 -4
  27. package/src/components/FindAnythingButton.vue +2 -4
  28. package/src/components/FlowButton.vue +2 -2
  29. package/src/components/Sidebar.vue +1 -1
  30. package/src/types.ts +2 -2
  31. package/vite.config.ts +11 -1
package/dist/style.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- .sidebar-search[data-v-f96d535d] {
2
+ .sidebar-search[data-v-2819d5f9] {
3
3
  display: flex;
4
4
  align-items: center;
5
5
  position: relative;
@@ -10,17 +10,15 @@
10
10
  padding: 0 12px;
11
11
 
12
12
  color: var(--scalar-api-reference-theme-color-3);
13
- border: none;
14
13
  outline: none;
15
- border-radius: var(--scalar-api-reference-theme-radius);
16
- /* prettier-ignore */
17
- box-shadow: 0 0 0 1px var(--scalar-api-reference-sidebar-border-color, var(--scalar-api-reference-theme-border-color));
14
+ border-radius: var(--scalar-api-reference-rounded);
15
+ border: var(--scalar-api-reference-border);
18
16
  /* prettier-ignore */
19
17
  background: var(--scalar-api-reference-sidebar-search-background, var(--scalar-api-reference-theme-background-1));
20
18
  cursor: pointer;
21
19
  appearance: none;
22
20
  }
23
- .sidebar-search-input[data-v-f96d535d] {
21
+ .sidebar-search-input[data-v-2819d5f9] {
24
22
  font-size: var(--scalar-api-reference-theme-small);
25
23
  font-weight: var(--scalar-api-reference-theme-semibold);
26
24
  line-height: 31px;
@@ -30,7 +28,7 @@
30
28
  position: relative;
31
29
  display: block;
32
30
  }
33
- .search-icon[data-v-f96d535d] {
31
+ .search-icon[data-v-2819d5f9] {
34
32
  padding: 0;
35
33
  margin-right: 9px;
36
34
  width: 12px;
@@ -122,7 +120,7 @@ to {
122
120
  }
123
121
  }
124
122
 
125
- .flow-button[data-v-a16ecce0] {
123
+ .flow-button[data-v-6c87717a] {
126
124
  display: flex;
127
125
  align-items: center;
128
126
  justify-content: center;
@@ -132,7 +130,7 @@ to {
132
130
  -webkit-appearance: none;
133
131
  height: 40px;
134
132
  padding: 0px 24px;
135
- border-radius: var(--scalar-api-reference-theme-radius);
133
+ border-radius: var(--scalar-api-reference-rounded);
136
134
  color: var(--scalar-api-reference-theme-button-1-color);
137
135
  font-size: var(--scalar-api-reference-theme-font-size-4);
138
136
  font-weight: 500;
@@ -142,42 +140,42 @@ to {
142
140
  width: 100%;
143
141
  box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
144
142
  }
145
- .flow-button[data-v-a16ecce0]:hover,
146
- .flow-button[data-v-a16ecce0]:focus-visible {
143
+ .flow-button[data-v-6c87717a]:hover,
144
+ .flow-button[data-v-6c87717a]:focus-visible {
147
145
  background: var(--scalar-api-reference-theme-button-1-hover);
148
146
  }
149
- .flow-button[data-v-a16ecce0]:active {
147
+ .flow-button[data-v-6c87717a]:active {
150
148
  box-shadow: none;
151
149
  background: var(--scalar-api-reference-theme-button-1);
152
150
  }
153
- .flow-button[disabled][data-v-a16ecce0] {
151
+ .flow-button[disabled][data-v-6c87717a] {
154
152
  background: var(--scalar-api-reference-theme-background-2);
155
153
  color: var(--scalar-api-reference-theme-color-3);
156
154
  cursor: unset;
157
155
  box-shadow: none;
158
156
  }
159
- .flow-button.flow-button-icon-only[data-v-a16ecce0] {
157
+ .flow-button.flow-button-icon-only[data-v-6c87717a] {
160
158
  width: 24px;
161
159
  height: 24px;
162
160
  padding: 0;
163
161
  }
164
162
 
165
163
  /* ----------------------------------------------------- */
166
- .flow-button-outlined[data-v-a16ecce0] {
164
+ .flow-button-outlined[data-v-6c87717a] {
167
165
  background: var(--scalar-api-reference-theme-background-1);
168
166
  color: var(--scalar-api-reference-theme-color-1);
169
167
  padding: 11px 23px;
170
- border: var(--scalar-api-reference-theme-border);
168
+ border: var(--scalar-api-reference-border);
171
169
  box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 4px;
172
170
  }
173
- .flow-button-outlined[data-v-a16ecce0]:hover,
174
- .flow-button-outlined[data-v-a16ecce0]:focus-visible {
171
+ .flow-button-outlined[data-v-6c87717a]:hover,
172
+ .flow-button-outlined[data-v-6c87717a]:focus-visible {
175
173
  background: var(--scalar-api-reference-theme-background-2);
176
174
  }
177
- .flow-button-outlined[data-v-a16ecce0]:active {
175
+ .flow-button-outlined[data-v-6c87717a]:active {
178
176
  background: var(--scalar-api-reference-theme-background-2);
179
177
  }
180
- .flow-button-outlined[disabled][data-v-a16ecce0] {
178
+ .flow-button-outlined[disabled][data-v-6c87717a] {
181
179
  background: var(--scalar-api-reference-theme-background-2);
182
180
  color: var(--scalar-api-reference-theme-color-3);
183
181
  cursor: unset;
@@ -185,20 +183,20 @@ to {
185
183
  }
186
184
 
187
185
  /* ----------------------------------------------------- */
188
- .flow-button-clear[data-v-a16ecce0] {
186
+ .flow-button-clear[data-v-6c87717a] {
189
187
  background: transparent;
190
188
  box-shadow: none;
191
189
  color: var(--scalar-api-reference-theme-color-3);
192
190
  }
193
- .flow-button-clear[data-v-a16ecce0]:active {
191
+ .flow-button-clear[data-v-6c87717a]:active {
194
192
  background: transparent;
195
193
  }
196
- .flow-button-clear[data-v-a16ecce0]:hover,
197
- .flow-button-clear[data-v-a16ecce0]:focus-visible {
194
+ .flow-button-clear[data-v-6c87717a]:hover,
195
+ .flow-button-clear[data-v-6c87717a]:focus-visible {
198
196
  background: var(--scalar-api-reference-theme-background-2);
199
197
  box-shadow: none;
200
198
  }
201
- .flow-button-clear[disabled][data-v-a16ecce0] {
199
+ .flow-button-clear[disabled][data-v-6c87717a] {
202
200
  background: var(--scalar-api-reference-theme-background-2);
203
201
  color: var(--scalar-api-reference-theme-color-3);
204
202
  cursor: unset;
@@ -206,21 +204,21 @@ to {
206
204
  }
207
205
 
208
206
  /* ----------------------------------------------------- */
209
- .flow-button-text[data-v-a16ecce0] {
207
+ .flow-button-text[data-v-6c87717a] {
210
208
  background: transparent;
211
209
  box-shadow: none;
212
210
  color: var(--scalar-api-reference-theme-color-3);
213
211
  }
214
- .flow-button-text[data-v-a16ecce0]:active {
212
+ .flow-button-text[data-v-6c87717a]:active {
215
213
  background: transparent;
216
214
  }
217
- .flow-button-text[data-v-a16ecce0]:hover,
218
- .flow-button-text[data-v-a16ecce0]:focus-visible {
215
+ .flow-button-text[data-v-6c87717a]:hover,
216
+ .flow-button-text[data-v-6c87717a]:focus-visible {
219
217
  color: var(--scalar-api-reference-theme-color-2);
220
218
  background: transparent;
221
219
  box-shadow: none;
222
220
  }
223
- .flow-button-text[disabled][data-v-a16ecce0] {
221
+ .flow-button-text[disabled][data-v-6c87717a] {
224
222
  background: transparent;
225
223
  color: var(--scalar-api-reference-theme-color-ghost);
226
224
  cursor: unset;
@@ -228,24 +226,24 @@ to {
228
226
  }
229
227
 
230
228
  /* ----------------------------------------------------- */
231
- .flow-button--delete[data-v-a16ecce0] {
229
+ .flow-button--delete[data-v-6c87717a] {
232
230
  background: var(--scalar-api-reference-theme-error-color);
233
231
  color: white;
234
232
  }
235
- .flow-button--delete[data-v-a16ecce0]:active {
233
+ .flow-button--delete[data-v-6c87717a]:active {
236
234
  background: var(--scalar-api-reference-theme-error-color);
237
235
  }
238
- .flow-button--delete[data-v-a16ecce0]:hover {
236
+ .flow-button--delete[data-v-6c87717a]:hover {
239
237
  background: var(--scalar-api-reference-theme-error-color);
240
238
  opacity: 0.86;
241
239
  }
242
240
 
243
241
  /* ----------------------------------------------------- */
244
- .flow-button-loader[data-v-a16ecce0] {
242
+ .flow-button-loader[data-v-6c87717a] {
245
243
  position: absolute;
246
244
  right: 8px;
247
245
  }
248
- .flow-button-decorator[data-v-a16ecce0] {
246
+ .flow-button-decorator[data-v-6c87717a] {
249
247
  margin-right: 9px;
250
248
  color: currentColor;
251
249
  display: flex;
@@ -253,7 +251,7 @@ to {
253
251
  height: 14px;
254
252
  width: 14px;
255
253
  }
256
- .flow-button-icon-only .flow-button-decorator[data-v-a16ecce0] {
254
+ .flow-button-icon-only .flow-button-decorator[data-v-6c87717a] {
257
255
  margin-right: 0;
258
256
  }
259
257
 
@@ -329,7 +327,7 @@ to {
329
327
  position: relative;
330
328
  cursor: pointer;
331
329
  /* prettier-ignore */
332
- border-radius: 0 var(--scalar-api-reference-theme-radius) var(--scalar-api-reference-theme-radius) 0;
330
+ border-radius: 0 var(--scalar-api-reference-rounded) var(--scalar-api-reference-rounded) 0;
333
331
  flex: 1;
334
332
  padding-right: 12px;
335
333
  user-select: none;
@@ -462,10 +460,10 @@ to {
462
460
  }
463
461
  }
464
462
 
465
- .scalar-api-client__container .scalar-api-client[data-v-6a66e463] {
463
+ .scalar-api-client__container .scalar-api-client[data-v-1ad962df] {
466
464
  width: calc(100% - var(--scalar-api-reference-theme-sidebar-width));
467
465
  }
468
- .scalar-api-client__container[data-v-6a66e463] {
466
+ .scalar-api-client__container[data-v-1ad962df] {
469
467
  position: absolute;
470
468
  right: 0;
471
469
  left: 0;
@@ -478,7 +476,7 @@ to {
478
476
  overflow: hidden;
479
477
  pointer-events: all;
480
478
  background: var(--scalar-api-reference-theme-background-1) !important;
481
- border-radius: var(--scalar-api-reference-theme-radius);
479
+ border-radius: var(--scalar-api-reference-rounded);
482
480
  box-shadow: var(--scalar-api-reference-theme-shadow-1);
483
481
  height: 100%;
484
482
  overflow: hidden;
@@ -486,11 +484,11 @@ to {
486
484
  flex-direction: column;
487
485
  }
488
486
  @media screen and (max-width: 1265px) {
489
- .scalar-api-client__container[data-v-6a66e463] {
487
+ .scalar-api-client__container[data-v-1ad962df] {
490
488
  width: 100vw !important;
491
489
  }
492
490
  }
493
- .scalar-api-client__navigation[data-v-6a66e463] {
491
+ .scalar-api-client__navigation[data-v-1ad962df] {
494
492
  width: 100%;
495
493
  display: flex;
496
494
  align-items: center;
@@ -499,10 +497,10 @@ to {
499
497
  background-color: var(--scalar-api-reference-theme-background-1);
500
498
  z-index: 10;
501
499
  position: sticky;
502
- border-bottom: var(--scalar-api-reference-theme-border);
500
+ border-bottom: var(--scalar-api-reference-border);
503
501
  top: 0;
504
502
  }
505
- .scalar-api-client__close[data-v-6a66e463] {
503
+ .scalar-api-client__close[data-v-1ad962df] {
506
504
  appearance: none;
507
505
  border: none;
508
506
  outline: none;
@@ -513,7 +511,7 @@ to {
513
511
  color: var(--scalar-api-reference-theme-color-1);
514
512
  font-weight: var(--scalar-api-reference-theme-semibold);
515
513
  }
516
- .scalar-api-client__close[data-v-6a66e463]:hover {
514
+ .scalar-api-client__close[data-v-1ad962df]:hover {
517
515
  cursor: pointer;
518
516
  }
519
517
  /*
@@ -521,7 +519,7 @@ TODO: Markup is missing
521
519
  .scalar-api-client__close__icon {
522
520
  width: 28px;
523
521
  height: 28px;
524
- border-radius: var(--scalar-api-reference-theme-radius);
522
+ border-radius: var(--scalar-api-reference-rounded);
525
523
  margin-right: 12px;
526
524
  display: flex;
527
525
  justify-content: center;
@@ -536,7 +534,7 @@ TODO: Markup is missing
536
534
  height: 12px;
537
535
  transform: rotate(180deg);
538
536
  } */
539
- .api-client-drawer[data-v-6a66e463] {
537
+ .api-client-drawer[data-v-1ad962df] {
540
538
  background: var(--scalar-api-reference-theme-background-1);
541
539
  height: calc(100vh - 58px);
542
540
  width: calc(100vw - 8px);
@@ -548,9 +546,9 @@ TODO: Markup is missing
548
546
  left: 4px;
549
547
  z-index: 9999;
550
548
  opacity: 0;
551
- animation: apiclientfadein-6a66e463 0.35s forwards;
549
+ animation: apiclientfadein-1ad962df 0.35s forwards;
552
550
  }
553
- @keyframes apiclientfadein-6a66e463 {
551
+ @keyframes apiclientfadein-1ad962df {
554
552
  from {
555
553
  transform: translate3d(0, 20px, 0) scale(0.985);
556
554
  opacity: 0;
@@ -560,7 +558,7 @@ to {
560
558
  opacity: 1;
561
559
  }
562
560
  }
563
- .api-client-drawer-exit[data-v-6a66e463] {
561
+ .api-client-drawer-exit[data-v-1ad962df] {
564
562
  position: fixed;
565
563
  top: 0;
566
564
  left: 0;
@@ -570,9 +568,9 @@ to {
570
568
  transition: all 0.3s ease-in-out;
571
569
  z-index: 9998;
572
570
  cursor: pointer;
573
- animation: drawerexitfadein-6a66e463 0.35s forwards;
571
+ animation: drawerexitfadein-1ad962df 0.35s forwards;
574
572
  }
575
- @keyframes drawerexitfadein-6a66e463 {
573
+ @keyframes drawerexitfadein-1ad962df {
576
574
  from {
577
575
  opacity: 0;
578
576
  }
@@ -580,10 +578,10 @@ to {
580
578
  opacity: 1;
581
579
  }
582
580
  }
583
- .scalar-api-client-height[data-v-6a66e463] {
581
+ .scalar-api-client-height[data-v-1ad962df] {
584
582
  height: 100%;
585
583
  }
586
- .scalar-api-client-height .sidebar[data-v-6a66e463] {
584
+ .scalar-api-client-height .sidebar[data-v-1ad962df] {
587
585
  flex: 1 1 0%;
588
586
  flex-grow: 1;
589
587
  flex-shrink: 1;
@@ -592,28 +590,28 @@ to {
592
590
  display: flex;
593
591
  flex-direction: column;
594
592
  width: var(--scalar-api-reference-theme-sidebar-width);
595
- border-right: 1px solid var(--scalar-api-reference-theme-border-color);
593
+ border-right: 1px solid var(--scalar-api-reference-border-color);
596
594
  }
597
595
 
598
- .card[data-v-e5ef986e] {
599
- border-radius: var(--scalar-api-reference-theme-radius-lg);
596
+ .card[data-v-18b26a5c] {
597
+ border-radius: var(--scalar-api-reference-rounded-lg);
600
598
  overflow: hidden;
601
- border: 1px solid var(--scalar-api-reference-theme-border-color);
599
+ border: 1px solid var(--scalar-api-reference-border-color);
602
600
  }
603
601
 
604
- .card-content[data-v-4e5036a1] {
602
+ .card-content[data-v-8fdcb32d] {
605
603
  overflow: auto;
606
604
  padding: 10px 12px;
607
- border-bottom: 1px solid var(--scalar-api-reference-theme-border-color);
605
+ border-bottom: 1px solid var(--scalar-api-reference-border-color);
608
606
  }
609
- .card-content[data-v-4e5036a1]:last-of-type,
610
- .card-content.card--borderless[data-v-4e5036a1] {
607
+ .card-content[data-v-8fdcb32d]:last-of-type,
608
+ .card-content.card--borderless[data-v-8fdcb32d] {
611
609
  border-bottom: none;
612
610
  }
613
- .card--muted[data-v-4e5036a1] {
611
+ .card--muted[data-v-8fdcb32d] {
614
612
  background: var(--scalar-api-reference-theme-background-2);
615
613
  }
616
- .card--frameless[data-v-4e5036a1] {
614
+ .card--frameless[data-v-8fdcb32d] {
617
615
  padding: 0;
618
616
  }
619
617
 
@@ -635,8 +633,8 @@ to {
635
633
  align-items: center;
636
634
  }
637
635
 
638
- .card-footer[data-v-37cb0437] {
639
- border-top: 1px solid var(--scalar-api-reference-theme-border-color);
636
+ .card-footer[data-v-67e35cbc] {
637
+ border-top: 1px solid var(--scalar-api-reference-border-color);
640
638
  }
641
639
 
642
640
  .tab-list[data-v-d1f27904] {
@@ -660,47 +658,53 @@ to {
660
658
  text-underline-offset: 12px;
661
659
  }
662
660
 
663
- .markdown[data-v-fde3f50e] * {
661
+ .markdown[data-v-b7dd07e1] * {
664
662
  margin-top: 12px;
665
663
  }
666
- .markdown[data-v-fde3f50e] h1,
667
- .markdown[data-v-fde3f50e] h2,
668
- .markdown[data-v-fde3f50e] h3,
669
- .markdown[data-v-fde3f50e] h4,
670
- .markdown[data-v-fde3f50e] h5,
671
- .markdown[data-v-fde3f50e] h6 {
664
+ .markdown[data-v-b7dd07e1] h1,
665
+ .markdown[data-v-b7dd07e1] h2,
666
+ .markdown[data-v-b7dd07e1] h3,
667
+ .markdown[data-v-b7dd07e1] h4,
668
+ .markdown[data-v-b7dd07e1] h5,
669
+ .markdown[data-v-b7dd07e1] h6 {
672
670
  font-size: var(--font-size);
673
671
  margin: 12px 0 6px;
674
672
  }
675
- .markdown[data-v-fde3f50e] p {
673
+ .markdown[data-v-b7dd07e1] p {
676
674
  font-size: var(--font-size, var(--scalar-api-reference-theme-paragraph));
677
675
  /* prettier-ignore */
678
676
  color: var(--scalar-api-reference-font-color, var(--scalar-api-reference-theme-color-1));
679
677
  font-weight: var(--font-weight, var(--scalar-api-reference-theme-regular));
680
678
  line-height: 1.5;
681
679
  }
682
- .markdown[data-v-fde3f50e] ul,
683
- .markdown[data-v-fde3f50e] ol {
680
+ .markdown[data-v-b7dd07e1] ul,
681
+ .markdown[data-v-b7dd07e1] ol {
684
682
  padding-left: 24px;
685
683
  line-height: 1.5;
686
684
  margin: 12px 0;
687
685
  }
688
- .markdown[data-v-fde3f50e] ul.contains-task-list {
686
+ .markdown[data-v-b7dd07e1] ul {
687
+ list-style: disc;
688
+ }
689
+ .markdown[data-v-b7dd07e1] ol {
690
+ list-style: decimal;
691
+ }
692
+ .markdown[data-v-b7dd07e1] ul.contains-task-list {
689
693
  list-style: none;
690
694
  padding-left: 0;
691
695
  }
692
- .markdown[data-v-fde3f50e] li {
696
+ .markdown[data-v-b7dd07e1] li {
693
697
  margin: 6px 0;
694
698
  }
695
- .markdown[data-v-fde3f50e] code {
696
- font-family: var(--scalar-api-reference-theme-font-code);
699
+ .markdown[data-v-b7dd07e1] code {
700
+ font-family: var(--scalar-api-reference-font-mono);
697
701
  background-color: var(--scalar-api-reference-theme-background-2);
698
- box-shadow: 0 0 0 1px var(--scalar-api-reference-theme-border-color);
702
+ box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
699
703
  font-size: var(--scalar-api-reference-theme-mini);
700
704
  border-radius: 2px;
701
705
  padding: 0 3px;
702
706
  }
703
- .markdown[data-v-fde3f50e] pre code {
707
+ .markdown[data-v-b7dd07e1] pre code {
704
708
  display: block;
705
709
  white-space: pre;
706
710
  padding: 3px;
@@ -710,74 +714,74 @@ to {
710
714
  max-width: 100%;
711
715
  min-width: 100px;
712
716
  }
713
- .markdown[data-v-fde3f50e] blockquote {
714
- border-left: 3px solid var(--scalar-api-reference-theme-border-color);
717
+ .markdown[data-v-b7dd07e1] blockquote {
718
+ border-left: 3px solid var(--scalar-api-reference-border-color);
715
719
  padding-left: 12px;
716
720
  }
717
- .markdown[data-v-fde3f50e] table {
721
+ .markdown[data-v-b7dd07e1] table {
718
722
  position: relative;
719
723
  border-collapse: collapse;
720
724
  table-layout: fixed;
721
725
  width: 100%;
722
726
  margin: 0;
723
727
  overflow: hidden;
724
- box-shadow: 0 0 0 1px var(--scalar-api-reference-theme-border-color);
725
- border-radius: var(--scalar-api-reference-theme-radius);
728
+ box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
729
+ border-radius: var(--scalar-api-reference-rounded);
726
730
  }
727
- .markdown[data-v-fde3f50e] td,
728
- .markdown[data-v-fde3f50e] th {
731
+ .markdown[data-v-b7dd07e1] td,
732
+ .markdown[data-v-b7dd07e1] th {
729
733
  min-width: 1em;
730
734
  padding: 6px;
731
735
  vertical-align: top;
732
736
  box-sizing: border-box;
733
737
  position: relative;
734
738
  word-break: break-all;
735
- border-right: var(--scalar-api-reference-theme-border);
736
- border-bottom: var(--scalar-api-reference-theme-border);
739
+ border-right: var(--scalar-api-reference-border);
740
+ border-bottom: var(--scalar-api-reference-border);
737
741
  }
738
- .markdown[data-v-fde3f50e] td > *,
739
- .markdown[data-v-fde3f50e] th > * {
742
+ .markdown[data-v-b7dd07e1] td > *,
743
+ .markdown[data-v-b7dd07e1] th > * {
740
744
  margin-bottom: 0;
741
745
  }
742
- .markdown.parameter-description[data-v-fde3f50e] p {
746
+ .markdown.parameter-description[data-v-b7dd07e1] p {
743
747
  font-size: var(--scalar-api-reference-theme-small);
744
748
  color: var(--scalar-api-reference-theme-color-2);
745
749
  line-height: initial;
746
750
  }
747
- .markdown[data-v-fde3f50e] td:first-of-type,
748
- .markdown[data-v-fde3f50e] th:first-of-type {
751
+ .markdown[data-v-b7dd07e1] td:first-of-type,
752
+ .markdown[data-v-b7dd07e1] th:first-of-type {
749
753
  border-left: none;
750
754
  }
751
- .markdown[data-v-fde3f50e] td:last-of-type,
752
- .markdown[data-v-fde3f50e] th:last-of-type {
755
+ .markdown[data-v-b7dd07e1] td:last-of-type,
756
+ .markdown[data-v-b7dd07e1] th:last-of-type {
753
757
  border-right: none;
754
758
  }
755
- .markdown[data-v-fde3f50e] tr:last-of-type td {
759
+ .markdown[data-v-b7dd07e1] tr:last-of-type td {
756
760
  border-bottom: none;
757
761
  }
758
- .markdown[data-v-fde3f50e] th {
762
+ .markdown[data-v-b7dd07e1] th {
759
763
  font-weight: bold !important;
760
764
  text-align: left;
761
765
  border-left-color: transparent;
762
766
  background: var(--scalar-api-reference-theme-background-2);
763
767
  }
764
768
 
765
- .base-url[data-v-8468a282] {
769
+ .base-url[data-v-eedff8c4] {
766
770
  color: var(--scalar-api-reference-theme-color-2);
767
771
  font-size: var(--scalar-api-reference-theme-mini);
768
772
  cursor: pointer;
769
773
  display: flex;
770
- font-family: var(--scalar-api-reference-theme-font-code);
774
+ font-family: var(--scalar-api-reference-font-mono);
771
775
  flex-direction: column;
772
776
  }
773
777
 
774
- .client-libraries-content[data-v-088c39b8] {
778
+ .client-libraries-content[data-v-26e49734] {
775
779
  display: flex;
776
780
  justify-content: center;
777
781
  gap: 6px;
778
782
  padding: 0 12px;
779
783
  }
780
- .code-languages[data-v-088c39b8] {
784
+ .code-languages[data-v-26e49734] {
781
785
  display: flex;
782
786
  align-items: center;
783
787
  justify-content: center;
@@ -791,12 +795,12 @@ to {
791
795
  }
792
796
  /* remove php and c on mobile */
793
797
  @media screen and (max-width: 450px) {
794
- .code-languages[data-v-088c39b8]:nth-of-type(4),
795
- .code-languages[data-v-088c39b8]:nth-of-type(6) {
798
+ .code-languages[data-v-26e49734]:nth-of-type(4),
799
+ .code-languages[data-v-26e49734]:nth-of-type(6) {
796
800
  display: none;
797
801
  }
798
802
  }
799
- .code-languages-icon[data-v-088c39b8] {
803
+ .code-languages-icon[data-v-26e49734] {
800
804
  max-width: 48px;
801
805
  width: 100%;
802
806
  max-height: 48px;
@@ -808,81 +812,81 @@ to {
808
812
  color: #fff;
809
813
  justify-content: center;
810
814
  }
811
- .code-languages-icon__shell[data-v-088c39b8] {
815
+ .code-languages-icon__shell[data-v-26e49734] {
812
816
  background: #000;
813
- box-shadow: 0 0 0 1px var(--scalar-api-reference-theme-border-color);
817
+ box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
814
818
  }
815
- .code-languages-icon__ruby[data-v-088c39b8] {
819
+ .code-languages-icon__ruby[data-v-26e49734] {
816
820
  background: #d91404;
817
821
  }
818
- .code-languages-icon__php[data-v-088c39b8] {
822
+ .code-languages-icon__php[data-v-26e49734] {
819
823
  background: #6181b6;
820
824
  }
821
- .code-languages-icon__python[data-v-088c39b8] {
825
+ .code-languages-icon__python[data-v-26e49734] {
822
826
  background: #306998;
823
827
  }
824
- .code-languages-icon__more[data-v-088c39b8] {
828
+ .code-languages-icon__more[data-v-26e49734] {
825
829
  background: var(--scalar-api-reference-theme-background-3);
826
830
  }
827
- .code-languages-icon__node[data-v-088c39b8] {
831
+ .code-languages-icon__node[data-v-26e49734] {
828
832
  background: #83cd29;
829
833
  }
830
- .code-languages-icon__c[data-v-088c39b8] {
834
+ .code-languages-icon__c[data-v-26e49734] {
831
835
  background: #03599c;
832
836
  }
833
- .code-languages-icon__csharp[data-v-088c39b8] {
837
+ .code-languages-icon__csharp[data-v-26e49734] {
834
838
  background: #68217a;
835
839
  }
836
- .code-languages-icon__cplusplus[data-v-088c39b8] {
840
+ .code-languages-icon__cplusplus[data-v-26e49734] {
837
841
  background: #9c033a;
838
842
  }
839
- .code-languages-icon__clojure[data-v-088c39b8] {
843
+ .code-languages-icon__clojure[data-v-26e49734] {
840
844
  background: #5881d8;
841
845
  }
842
- .code-languages-icon__go[data-v-088c39b8] {
846
+ .code-languages-icon__go[data-v-26e49734] {
843
847
  background: #00acd7;
844
848
  }
845
- .code-languages-icon__http[data-v-088c39b8] {
849
+ .code-languages-icon__http[data-v-26e49734] {
846
850
  background: #005b9b;
847
851
  }
848
- .code-languages-icon__java[data-v-088c39b8] {
852
+ .code-languages-icon__java[data-v-26e49734] {
849
853
  background: #ea2d2e;
850
854
  }
851
- .code-languages-icon__javascript[data-v-088c39b8] {
855
+ .code-languages-icon__javascript[data-v-26e49734] {
852
856
  background: #f0db4f;
853
857
  }
854
- .code-languages-icon__kotlin[data-v-088c39b8] {
858
+ .code-languages-icon__kotlin[data-v-26e49734] {
855
859
  background: #7f6cb1;
856
860
  }
857
- .code-languages-icon__objc[data-v-088c39b8] {
861
+ .code-languages-icon__objc[data-v-26e49734] {
858
862
  background: #0b5a9d;
859
863
  }
860
- .code-languages-icon__ocaml[data-v-088c39b8] {
864
+ .code-languages-icon__ocaml[data-v-26e49734] {
861
865
  background: #f29100;
862
866
  }
863
- .code-languages-icon__powershell[data-v-088c39b8] {
867
+ .code-languages-icon__powershell[data-v-26e49734] {
864
868
  background: #2671be;
865
869
  }
866
- .code-languages-icon__r[data-v-088c39b8] {
870
+ .code-languages-icon__r[data-v-26e49734] {
867
871
  background: #cbced0;
868
872
  }
869
- .code-languages-icon__swift[data-v-088c39b8] {
873
+ .code-languages-icon__swift[data-v-26e49734] {
870
874
  background: #f05138;
871
875
  }
872
- .code-languages__loading .code-languages-icon[data-v-088c39b8]:before {
876
+ .code-languages__loading .code-languages-icon[data-v-26e49734]:before {
873
877
  border: 1px solid rgba(255, 255, 255, 0.44);
874
878
  border-top: 1px solid white;
875
- animation: codeloader-088c39b8 0.45s linear infinite;
879
+ animation: codeloader-26e49734 0.45s linear infinite;
876
880
  background: transparent;
877
881
  width: 18px;
878
882
  height: 18px;
879
883
  content: '';
880
884
  border-radius: 50%;
881
885
  }
882
- .code-languages__loading .code-languages-icon svg[data-v-088c39b8] {
886
+ .code-languages__loading .code-languages-icon svg[data-v-26e49734] {
883
887
  display: none;
884
888
  }
885
- .code-languages__active[data-v-088c39b8]:after {
889
+ .code-languages__active[data-v-26e49734]:after {
886
890
  content: '';
887
891
  position: absolute;
888
892
  bottom: 0;
@@ -890,7 +894,7 @@ to {
890
894
  width: 100%;
891
895
  background: var(--scalar-api-reference-theme-color-1);
892
896
  }
893
- @keyframes codeloader-088c39b8 {
897
+ @keyframes codeloader-26e49734 {
894
898
  0% {
895
899
  transform: rotate(0deg);
896
900
  }
@@ -898,15 +902,15 @@ to {
898
902
  transform: rotate(1turn);
899
903
  }
900
904
  }
901
- .code-languages span[data-v-088c39b8] {
905
+ .code-languages span[data-v-26e49734] {
902
906
  margin-top: 3px;
903
907
  color: var(--scalar-api-reference-theme-color-2);
904
908
  font-size: var(--scalar-api-reference-theme-mini);
905
909
  }
906
- .code-languages__active span[data-v-088c39b8] {
910
+ .code-languages__active span[data-v-26e49734] {
907
911
  color: var(--scalar-api-reference-theme-color-1);
908
912
  }
909
- .code-languages__select select[data-v-088c39b8] {
913
+ .code-languages__select select[data-v-26e49734] {
910
914
  opacity: 0;
911
915
  width: 100%;
912
916
  height: 100%;
@@ -915,12 +919,12 @@ to {
915
919
  left: 0;
916
920
  cursor: pointer;
917
921
  }
918
- .code-languages__select span[data-v-088c39b8] {
922
+ .code-languages__select span[data-v-26e49734] {
919
923
  position: relative;
920
924
  display: flex;
921
925
  align-items: center;
922
926
  }
923
- .code-languages__select span[data-v-088c39b8]:after {
927
+ .code-languages__select span[data-v-26e49734]:after {
924
928
  content: '';
925
929
  width: 8px;
926
930
  height: 8px;
@@ -932,30 +936,30 @@ to {
932
936
  margin-top: -7px;
933
937
  }
934
938
 
935
- .heading[data-v-5029adb6] {
939
+ .heading[data-v-2e8d58fe] {
936
940
  margin-top: 0px !important;
937
941
  }
938
- .loading[data-v-5029adb6] {
942
+ .loading[data-v-2e8d58fe] {
939
943
  background: var(--scalar-api-reference-theme-background-2);
940
- animation: loading-skeleton-5029adb6 2s infinite alternate;
941
- border-radius: var(--scalar-api-reference-theme-radius);
944
+ animation: loading-skeleton-2e8d58fe 2s infinite alternate;
945
+ border-radius: var(--scalar-api-reference-rounded);
942
946
  }
943
- .heading.loading[data-v-5029adb6] {
947
+ .heading.loading[data-v-2e8d58fe] {
944
948
  width: 80%;
945
949
  }
946
- .tag-description .loading[data-v-5029adb6] {
950
+ .tag-description .loading[data-v-2e8d58fe] {
947
951
  height: 20px;
948
952
  margin-bottom: 4px;
949
953
  width: 100%;
950
954
  display: inline-block;
951
955
  }
952
- .tag-description .loading[data-v-5029adb6]:first-of-type {
956
+ .tag-description .loading[data-v-2e8d58fe]:first-of-type {
953
957
  margin-top: 12px;
954
958
  }
955
- .tag-description .loading[data-v-5029adb6]:last-of-type {
959
+ .tag-description .loading[data-v-2e8d58fe]:last-of-type {
956
960
  width: 40%;
957
961
  }
958
- @keyframes loading-skeleton-5029adb6 {
962
+ @keyframes loading-skeleton-2e8d58fe {
959
963
  from {
960
964
  background: var(--scalar-api-reference-theme-background-2);
961
965
  }
@@ -968,7 +972,7 @@ to {
968
972
  margin-top: 6px;
969
973
  }
970
974
  .parameter .parameter-child {
971
- border: var(--scalar-api-reference-theme-border);
975
+ border: var(--scalar-api-reference-border);
972
976
  border-radius: 20px;
973
977
  margin-top: 12px;
974
978
  width: fit-content;
@@ -1023,20 +1027,20 @@ to {
1023
1027
  transform: rotate(45deg);
1024
1028
  }
1025
1029
  .parameter-child__open > .parameter-child-trigger {
1026
- border-bottom: var(--scalar-api-reference-theme-border);
1030
+ border-bottom: var(--scalar-api-reference-border);
1027
1031
  }
1028
1032
  .parameter {
1029
1033
  list-style: none;
1030
1034
  font-size: var(--scalar-api-reference-theme-small);
1031
1035
  }
1032
1036
  .parameter li {
1033
- border-top: var(--scalar-api-reference-theme-border);
1037
+ border-top: var(--scalar-api-reference-border);
1034
1038
  padding: 12px 0;
1035
1039
  }
1036
1040
  .parameter-name {
1037
1041
  font-weight: 500;
1038
1042
  margin-right: 6px;
1039
- font-family: var(--scalar-api-reference-theme-font-code);
1043
+ font-family: var(--scalar-api-reference-font-mono);
1040
1044
  font-size: 13px;
1041
1045
  color: var(--scalar-api-reference-theme-color-1);
1042
1046
  }
@@ -1067,22 +1071,22 @@ to {
1067
1071
  margin-top: 12px;
1068
1072
  }
1069
1073
 
1070
- .request-method--post[data-v-16d3f7e7] {
1074
+ .request-method--post[data-v-ad407d18] {
1071
1075
  color: var(--scalar-api-reference-theme-post-color);
1072
1076
  }
1073
- .request-method--patch[data-v-16d3f7e7] {
1077
+ .request-method--patch[data-v-ad407d18] {
1074
1078
  color: var(--scalar-api-reference-theme-patch-color);
1075
1079
  }
1076
- .request-method--get[data-v-16d3f7e7] {
1080
+ .request-method--get[data-v-ad407d18] {
1077
1081
  color: var(--scalar-api-reference-theme-get-color);
1078
1082
  }
1079
- .request-method--delete[data-v-16d3f7e7] {
1083
+ .request-method--delete[data-v-ad407d18] {
1080
1084
  color: var(--scalar-api-reference-theme-delete-color);
1081
1085
  }
1082
- .request-method--put[data-v-16d3f7e7] {
1086
+ .request-method--put[data-v-ad407d18] {
1083
1087
  color: var(--scalar-api-reference-theme-put-color);
1084
1088
  }
1085
- .request-path[data-v-16d3f7e7] {
1089
+ .request-path[data-v-ad407d18] {
1086
1090
  margin-left: 6px;
1087
1091
  color: var(--scalar-api-reference-theme-color-2);
1088
1092
  white-space: nowrap;
@@ -1091,12 +1095,12 @@ to {
1091
1095
  text-overflow: ellipsis;
1092
1096
  text-transform: none !important;
1093
1097
  }
1094
- .language-select[data-v-16d3f7e7] {
1098
+ .language-select[data-v-ad407d18] {
1095
1099
  position: relative;
1096
1100
  padding-right: 9px;
1097
- border-right: 1px solid var(--scalar-api-reference-theme-border-color);
1101
+ border-right: 1px solid var(--scalar-api-reference-border-color);
1098
1102
  }
1099
- .language-select select[data-v-16d3f7e7] {
1103
+ .language-select select[data-v-ad407d18] {
1100
1104
  border: none;
1101
1105
  outline: none;
1102
1106
  cursor: pointer;
@@ -1111,7 +1115,7 @@ to {
1111
1115
  opacity: 0;
1112
1116
  appearance: none;
1113
1117
  }
1114
- .language-select span[data-v-16d3f7e7] {
1118
+ .language-select span[data-v-ad407d18] {
1115
1119
  font-size: 12px;
1116
1120
  color: var(--scalar-api-reference-theme-color-3);
1117
1121
  font-weight: var(--scalar-api-reference-theme-semibold);
@@ -1119,7 +1123,7 @@ to {
1119
1123
  align-items: center;
1120
1124
  justify-content: center;
1121
1125
  }
1122
- .language-select span[data-v-16d3f7e7]:after {
1126
+ .language-select span[data-v-ad407d18]:after {
1123
1127
  content: '';
1124
1128
  width: 7px;
1125
1129
  height: 7px;
@@ -1128,10 +1132,10 @@ to {
1128
1132
  margin-left: 6px;
1129
1133
  box-shadow: 1px 1px 0 currentColor;
1130
1134
  }
1131
- .language-select span[data-v-16d3f7e7]:hover {
1135
+ .language-select span[data-v-ad407d18]:hover {
1132
1136
  background: var(--scalar-api-reference-theme-background-2);
1133
1137
  }
1134
- .copy-button[data-v-16d3f7e7] {
1138
+ .copy-button[data-v-ad407d18] {
1135
1139
  appearance: none;
1136
1140
  -webkit-appearance: none;
1137
1141
  outline: none;
@@ -1142,21 +1146,21 @@ to {
1142
1146
  margin-left: 6px;
1143
1147
  border: none;
1144
1148
  border-radius: 3px;
1145
- &[data-v-16d3f7e7]:hover {
1146
- color: var(--scalar-api-reference-theme-color-1);
1147
1149
  }
1148
- svg[data-v-16d3f7e7] {
1149
- width: 13px;
1150
- height: 13px;
1150
+ .copy-button[data-v-ad407d18]:hover {
1151
+ color: var(--scalar-api-reference-theme-color-1);
1151
1152
  }
1153
+ .copy-button svg[data-v-ad407d18] {
1154
+ width: 13px;
1155
+ height: 13px;
1152
1156
  }
1153
- .show-api-client-button[data-v-16d3f7e7] {
1157
+ .show-api-client-button[data-v-ad407d18] {
1154
1158
  width: 100%;
1155
1159
  display: block;
1156
1160
  appearance: none;
1157
1161
  outline: none;
1158
1162
  border: none;
1159
- border-radius: var(--scalar-api-reference-theme-radius-lg);
1163
+ border-radius: var(--scalar-api-reference-rounded-lg);
1160
1164
  height: 35px;
1161
1165
  display: flex;
1162
1166
  justify-content: center;
@@ -1169,22 +1173,22 @@ svg[data-v-16d3f7e7] {
1169
1173
  background: var(--scalar-api-reference-theme-button-1);
1170
1174
  color: var(--scalar-api-reference-theme-button-1-color);
1171
1175
  }
1172
- .show-api-client-button[data-v-16d3f7e7]:hover {
1176
+ .show-api-client-button[data-v-ad407d18]:hover {
1173
1177
  background: var(--scalar-api-reference-theme-button-1-hover);
1174
1178
  }
1175
- .show-api-client-button svg[data-v-16d3f7e7] {
1179
+ .show-api-client-button svg[data-v-ad407d18] {
1176
1180
  height: 12px;
1177
1181
  width: auto;
1178
1182
  margin-right: 6px;
1179
1183
  }
1180
- .request-method[data-v-16d3f7e7] {
1184
+ .request-method[data-v-ad407d18] {
1181
1185
  font-family: var(--scalar-api-reference-font-mono);
1182
1186
  }
1183
- .request-path[data-v-16d3f7e7] {
1187
+ .request-path[data-v-ad407d18] {
1184
1188
  font-family: var(--scalar-api-reference-font-mono);
1185
1189
  }
1186
1190
 
1187
- .code-copy[data-v-4dd06750] {
1191
+ .code-copy[data-v-0bcfbaaa] {
1188
1192
  display: flex;
1189
1193
  appearance: none;
1190
1194
  -webkit-appearance: none;
@@ -1194,19 +1198,19 @@ svg[data-v-16d3f7e7] {
1194
1198
  color: var(--scalar-api-reference-theme-color-3);
1195
1199
  border: none;
1196
1200
  }
1197
- .code-copy[data-v-4dd06750]:hover {
1201
+ .code-copy[data-v-0bcfbaaa]:hover {
1198
1202
  color: var(--scalar-api-reference-theme-color-1);
1199
1203
  }
1200
- .code-copy svg[data-v-4dd06750] {
1204
+ .code-copy svg[data-v-0bcfbaaa] {
1201
1205
  width: 13px;
1202
1206
  height: 13px;
1203
1207
  }
1204
- .description[data-v-4dd06750] {
1208
+ .description[data-v-0bcfbaaa] {
1205
1209
  font-weight: var(--scalar-api-reference-theme-semibold);
1206
1210
  font-size: var(--scalar-api-reference-theme-mini);
1207
1211
  }
1208
- .scalar-api-reference__empty-state[data-v-4dd06750] {
1209
- border: 1px dashed var(--scalar-api-reference-theme-border-color);
1212
+ .scalar-api-reference__empty-state[data-v-0bcfbaaa] {
1213
+ border: 1px dashed var(--scalar-api-reference-border-color);
1210
1214
  width: 100%;
1211
1215
  text-align: center;
1212
1216
  font-size: var(--scalar-api-reference-theme-mini);
@@ -1266,7 +1270,7 @@ to {
1266
1270
  }
1267
1271
  }
1268
1272
 
1269
- .render-loading[data-v-9f91593d] {
1273
+ .render-loading[data-v-ea5f7d36] {
1270
1274
  height: calc(
1271
1275
  var(--scalar-api-reference-full-height) -
1272
1276
  var(--scalar-api-reference-theme-header-height)
@@ -1275,11 +1279,11 @@ to {
1275
1279
  align-items: center;
1276
1280
  justify-content: center;
1277
1281
  }
1278
- .show-more[data-v-9f91593d] {
1282
+ .show-more[data-v-ea5f7d36] {
1279
1283
  background: var(--scalar-api-reference-theme-background-1);
1280
1284
  appearance: none;
1281
1285
  border: none;
1282
- border: 1px solid var(--scalar-api-reference-theme-border-color);
1286
+ border: 1px solid var(--scalar-api-reference-border-color);
1283
1287
  margin: auto;
1284
1288
  padding: 8px 12px;
1285
1289
  border-radius: 30px;
@@ -1293,20 +1297,20 @@ to {
1293
1297
  margin-bottom: 48px;
1294
1298
  position: relative;
1295
1299
  }
1296
- .show-more[data-v-9f91593d]:hover {
1300
+ .show-more[data-v-ea5f7d36]:hover {
1297
1301
  color: var(--scalar-api-reference-theme-color-2);
1298
1302
  cursor: pointer;
1299
1303
  }
1300
- .show-more-icon[data-v-9f91593d] {
1304
+ .show-more-icon[data-v-ea5f7d36] {
1301
1305
  width: 14px;
1302
1306
  height: 14px;
1303
1307
  margin-left: 3px;
1304
1308
  }
1305
- .show-more[data-v-9f91593d]:active {
1306
- box-shadow: 0 0 0 1px var(--scalar-api-reference-theme-border-color);
1309
+ .show-more[data-v-ea5f7d36]:active {
1310
+ box-shadow: 0 0 0 1px var(--scalar-api-reference-border-color);
1307
1311
  }
1308
1312
  @media (max-width: 1165px) {
1309
- .show-more[data-v-9f91593d] {
1313
+ .show-more[data-v-ea5f7d36] {
1310
1314
  margin-top: -24px;
1311
1315
  margin-bottom: 24px;
1312
1316
  }
@@ -1315,14 +1319,81 @@ to {
1315
1319
  #headlessui-portal-root,
1316
1320
  .dark-mode {
1317
1321
  /** Fonts */
1322
+ --scalar-api-reference-font-sans: system-ui, "Segoe UI", Roboto, Helvetica,
1323
+ Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1324
+ --scalar-api-reference-font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono",
1325
+ "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace",
1326
+ "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
1327
+
1328
+ --scalar-api-reference-sidebar-border-color: #000;
1329
+ --scalar-api-reference-theme-background-1: #fff;
1330
+ --scalar-api-reference-theme-background-2: #fafafa;
1331
+ --scalar-api-reference-border-color: #d4d4d4;
1332
+ --scalar-api-reference-border: 1px solid
1333
+ var(--scalar-api-reference-border-color);
1334
+ --scalar-api-reference-theme-button-1-color: #fff;
1335
+ --scalar-api-reference-theme-button-1-hover: #ccc;
1336
+ --scalar-api-reference-theme-button-1: red;
1337
+ --scalar-api-reference-theme-color-1: #000;
1338
+ --scalar-api-reference-theme-color-2: #a3a3a3;
1339
+ --scalar-api-reference-theme-color-3: #666;
1340
+ --scalar-api-reference-theme-color-ghost: #eee;
1341
+ --scalar-api-reference-theme-error-color: red;
1342
+ --scalar-api-reference-theme-font-size-4: 16px;
1343
+ --scalar-api-reference-theme-header-height: 0;
1344
+ --scalar-api-reference-rounded: 4px;
1345
+ --scalar-api-reference-theme-semibold: 600;
1346
+ --scalar-api-reference-theme-shadow-1: 0 0 4px rgba(0, 0, 0, 0.1);
1347
+ --scalar-api-reference-theme-sidebar-width: 300px;
1348
+ --scalar-api-reference-theme-small: 12px;
1349
+ --scalar-api-reference-app-header-height: 100px;
1350
+ --scalar-api-reference-col-width-1: 300px;
1351
+ --scalar-api-reference-col-width-2: calc(50% - 150px);
1352
+ --scalar-api-reference-col-width-3: calc(50% - 150px);
1353
+ --scalar-api-reference-document-height: 100vh;
1354
+ --scalar-api-reference-font-color: #000;
1355
+ --scalar-api-reference-full-height: 100%;
1356
+ --scalar-api-reference-sidebar-background-1: white;
1357
+ --scalar-api-reference-sidebar-color-1: #000;
1358
+ --scalar-api-reference-sidebar-color-2: #ccc;
1359
+ --scalar-api-reference-sidebar-color-active: blue;
1360
+ --scalar-api-reference-sidebar-item-hover-background: var(#ccc);
1361
+ --scalar-api-reference-theme-background-3: #ccc;
1362
+ --scalar-api-reference-theme-bold: 700;
1363
+ --scalar-api-reference-border-width: 1px;
1364
+ --scalar-api-reference-theme-color-accent: blue;
1365
+ --scalar-api-reference-theme-delete-color: red;
1366
+ --scalar-api-reference-theme-get-color: green;
1367
+ --scalar-api-reference-theme-heading-2: 24px;
1368
+ --scalar-api-reference-theme-heading-4: 16px;
1369
+ --scalar-api-reference-theme-micro: 10px;
1370
+ --scalar-api-reference-theme-mini: 12px;
1371
+ --scalar-api-reference-theme-paragraph: 16px;
1372
+ --scalar-api-reference-theme-patch-color: orange;
1373
+ --scalar-api-reference-theme-post-color: blue;
1374
+ --scalar-api-reference-theme-put-color: purple;
1375
+ --scalar-api-reference-rounded-lg: 8px;
1376
+ --scalar-api-reference-theme-regular: 14px;
1377
+ --scalar-api-reference-theme-toc-width: 300px;
1378
+ --scalar-api-reference-theme-post-color: blue;
1379
+ --scalar-api-reference-theme-patch-color: orange;
1380
+ --scalar-api-reference-theme-delete-color: red;
1381
+ --scalar-api-reference-theme-get-color: green;
1382
+ --scalar-api-reference-theme-put-color: purple;
1383
+ }
1384
+
1385
+ /*
1386
+ .scalar-api-reference,
1387
+ #headlessui-portal-root,
1388
+ .dark-mode {
1318
1389
  --scalar-api-reference-font-sans: var(--theme-font);
1319
1390
  --scalar-api-reference-font-mono: var(--theme-font-code);
1320
1391
 
1321
1392
  --scalar-api-reference-sidebar-border-color: var(--theme-border-color);
1322
1393
  --scalar-api-reference-theme-background-1: var(--theme-background-1);
1323
1394
  --scalar-api-reference-theme-background-2: var(--theme-background-2);
1324
- --scalar-api-reference-theme-border-color: var(--theme-border-color);
1325
- --scalar-api-reference-theme-border: var(--theme-border);
1395
+ --scalar-api-reference-border-color: var(--theme-border-color);
1396
+ --scalar-api-reference-border: var(--theme-border);
1326
1397
  --scalar-api-reference-theme-button-1-color: var(--theme-button-1-color);
1327
1398
  --scalar-api-reference-theme-button-1-hover: var(--theme-button-1-hover);
1328
1399
  --scalar-api-reference-theme-button-1: var(--theme-button-1);
@@ -1333,7 +1404,7 @@ to {
1333
1404
  --scalar-api-reference-theme-error-color: var(--theme-error-color);
1334
1405
  --scalar-api-reference-theme-font-size-4: var(--theme-font-size-4);
1335
1406
  --scalar-api-reference-theme-header-height: var(--theme-header-height);
1336
- --scalar-api-reference-theme-radius: var(--theme-radius);
1407
+ --scalar-api-reference-rounded: var(--theme-radius);
1337
1408
  --scalar-api-reference-theme-semibold: var(--theme-semibold);
1338
1409
  --scalar-api-reference-theme-shadow-1: var(--theme-shadow-1);
1339
1410
  --scalar-api-reference-theme-sidebar-width: var(--theme-sidebar-width);
@@ -1349,14 +1420,15 @@ to {
1349
1420
  --scalar-api-reference-sidebar-color-1: var(--theme-color-1);
1350
1421
  --scalar-api-reference-sidebar-color-2: var(--theme-color-2);
1351
1422
  --scalar-api-reference-sidebar-color-active: var(--theme-color-accent);
1352
- /* prettier-ignore */
1353
- --scalar-api-reference-sidebar-item-hover-background: var(--theme-background-2);
1423
+ --scalar-api-reference-sidebar-item-hover-background: var(
1424
+ --theme-background-2
1425
+ );
1354
1426
  --scalar-api-reference-theme-background-3: var(--theme-background-3);
1355
1427
  --scalar-api-reference-theme-bold: var(--theme-bold);
1356
- --scalar-api-reference-theme-border-width: var(--theme-border-width);
1428
+ --scalar-api-reference-border-width: var(--theme-border-width);
1357
1429
  --scalar-api-reference-theme-color-accent: var(--theme-color-accent);
1358
1430
  --scalar-api-reference-theme-delete-color: var(--theme-delete-color);
1359
- --scalar-api-reference-theme-font-code: var(--theme-font-code);
1431
+ --scalar-api-reference-font-mono: var(--theme-font-code);
1360
1432
  --scalar-api-reference-theme-get-color: var(--theme-get-color);
1361
1433
  --scalar-api-reference-theme-heading-2: var(--theme-heading-2);
1362
1434
  --scalar-api-reference-theme-heading-4: var(--theme-heading-4);
@@ -1366,7 +1438,7 @@ to {
1366
1438
  --scalar-api-reference-theme-patch-color: var(--theme-patch-color);
1367
1439
  --scalar-api-reference-theme-post-color: var(--theme-post-color);
1368
1440
  --scalar-api-reference-theme-put-color: var(--theme-put-color);
1369
- --scalar-api-reference-theme-radius-lg: var(--theme-radius-lg);
1441
+ --scalar-api-reference-rounded-lg: var(--theme-radius-lg);
1370
1442
  --scalar-api-reference-theme-regular: var(--theme-regular);
1371
1443
  --scalar-api-reference-theme-toc-width: var(--theme-toc-width);
1372
1444
  --scalar-api-reference-theme-post-color: var(--theme-post-color);
@@ -1374,55 +1446,17 @@ to {
1374
1446
  --scalar-api-reference-theme-get-color: var(--theme-get-color);
1375
1447
  --scalar-api-reference-theme-delete-color: var(--theme-delete-color);
1376
1448
  --scalar-api-reference-theme-put-color: var(--theme-put-color);
1377
- }
1449
+ } */
1378
1450
 
1379
- /** TODO: Move variables to main code base */
1380
- .scalar-api-client,
1381
- #headlessui-portal-root {
1382
- --scalar-api-client-post-color: var(--theme-post-color);
1383
- /* prettier-ignore */
1384
- --scalar-api-client-post-background: var(--theme-post-background);
1385
- /* prettier-ignore */
1386
- --scalar-api-client-delete-color: var(--theme-delete-color);
1387
- /* prettier-ignore */
1388
- --scalar-api-client-delete-background: var(--theme-delete-background);
1389
- /* prettier-ignore */
1390
- --scalar-api-client-patch-color: var(--theme-patch-color);
1391
- /* prettier-ignore */
1392
- --scalar-api-client-patch-background: var(--theme-patch-background);
1393
- --scalar-api-client-get-color: var(--theme-get-color);
1394
- /* prettier-ignore */
1395
- --scalar-api-client-get-background: var(--theme-get-background);
1396
- --scalar-api-client-put-color: var(--theme-put-color);
1397
- /* prettier-ignore */
1398
- --scalar-api-client-put-background: var(--theme-put-background);
1399
- --scalar-api-client-rounded: var(--theme-radius);
1400
- /* prettier-ignore */
1401
- --scalar-api-client-background-secondary: var(--theme-background-2);
1402
- --scalar-api-client-color-3: var(--theme-color-3);
1403
- --scalar-api-client-border: var(--theme-border);
1404
- --scalar-api-client-font-sans: var(--theme-font);
1405
- --scalar-api-client-font-mono: var(--theme-font-code);
1406
- --scalar-api-client-font-bold: var(--theme-bold);
1407
- --scalar-api-client-theme-color-1: var(--theme-color-1);
1408
- --scalar-api-client-theme-color-2: var(--theme-color-2);
1409
- /* prettier-ignore */
1410
- --scalar-api-client-theme-shadow-2: var(--theme-shadow-2);
1411
- --scalar-api-client-text-sm: var(--theme-small);
1412
- --scalar-api-client-text-lg: var(--large);
1413
- --scalar-api-client-text-base: var(--normal);
1414
- --scalar-api-client-fill: var(--fill);
1415
- --scalar-api-client-color2: var(--color2);
1416
- --scalar-api-client-bg3: var(--bg3);
1417
- --scalar-api-client-gradient: var(--gradient);
1418
- /* prettier-ignore */
1419
- --scalar-api-client-background-primary: var(--theme-background-1);
1420
- /* prettier-ignore */
1421
- --scalar-api-client-border-color: var(--theme-border-color);
1422
- /* prettier-ignore */
1423
- --scalar-api-client-background-3: var(--theme-background-3);
1424
- --scalar-api-client-font-semibold: var(--theme-semibold);
1425
- --scalar-api-client-text-xs: var(--theme-micro);
1451
+ .sr-only {
1452
+ position: absolute;
1453
+ width: 1px;
1454
+ height: 1px;
1455
+ padding: 0;
1456
+ margin: -1px;
1457
+ overflow: hidden;
1458
+ clip: rect(0,0,0,0);
1459
+ border: 0;
1426
1460
  }
1427
1461
 
1428
1462
  /** TODO: Move to components */
@@ -1463,7 +1497,7 @@ to {
1463
1497
  position: relative;
1464
1498
  margin-left: -4px;
1465
1499
  margin-right: -4px;
1466
- border-radius: var(--scalar-api-reference-theme-radius);
1500
+ border-radius: var(--scalar-api-reference-rounded);
1467
1501
  text-transform: uppercase;
1468
1502
  }
1469
1503
  .codemenu-item-key:hover {
@@ -1523,14 +1557,14 @@ to {
1523
1557
  display: inline-block;
1524
1558
  text-align: right;
1525
1559
  line-height: 1.55;
1526
- font-family: var(--scalar-api-reference-theme-font-code);
1560
+ font-family: var(--scalar-api-reference-font-mono);
1527
1561
  font-size: var(--scalar-api-reference-theme-mini);
1528
1562
  cursor: pointer;
1529
1563
  }
1530
1564
  .languages .example-item-endpoints {
1531
1565
  background: var(--scalar-api-reference-theme-background-2);
1532
1566
  width: 100%;
1533
- border-top: var(--scalar-api-reference-theme-border);
1567
+ border-top: var(--scalar-api-reference-border);
1534
1568
  }
1535
1569
  .endpoint-response p {
1536
1570
  margin-top: 6px;
@@ -1543,7 +1577,7 @@ to {
1543
1577
  min-width: auto;
1544
1578
  }
1545
1579
  .endpoint-response {
1546
- border-top: var(--scalar-api-reference-theme-border);
1580
+ border-top: var(--scalar-api-reference-border);
1547
1581
  padding: 12px 0;
1548
1582
  font-size: var(--scalar-api-reference-theme-small);
1549
1583
  }
@@ -1575,7 +1609,7 @@ to {
1575
1609
  width: 100%;
1576
1610
  }
1577
1611
  .reference:not(:last-of-type) {
1578
- border-bottom: var(--scalar-api-reference-theme-border);
1612
+ border-bottom: var(--scalar-api-reference-border);
1579
1613
  }
1580
1614
  .reference-container {
1581
1615
  position: relative;
@@ -1587,7 +1621,7 @@ to {
1587
1621
  padding: 90px 0;
1588
1622
  }
1589
1623
  .reference-container + .reference-container {
1590
- border-top: var(--scalar-api-reference-theme-border);
1624
+ border-top: var(--scalar-api-reference-border);
1591
1625
  }
1592
1626
  .reference-container .copy,
1593
1627
  .reference-container .example {
@@ -1658,8 +1692,8 @@ to {
1658
1692
  --col-width-3: var(--scalar-api-reference-theme-toc-width);
1659
1693
 
1660
1694
  /* Redifine theme border at the document level so it's not pulled off the body */
1661
- --theme-border: var(--scalar-api-reference-theme-border-width) solid
1662
- var(--scalar-api-reference-theme-border-color);
1695
+ --theme-border: var(--scalar-api-reference-border-width) solid
1696
+ var(--scalar-api-reference-border-color);
1663
1697
 
1664
1698
  display: grid;
1665
1699
 
@@ -1723,7 +1757,7 @@ to {
1723
1757
  .layout-aside-left {
1724
1758
  position: relative;
1725
1759
  grid-area: sidebar;
1726
- border-right: var(--scalar-api-reference-theme-border);
1760
+ border-right: var(--scalar-api-reference-border);
1727
1761
  }
1728
1762
  .layout-aside-right {
1729
1763
  position: relative;
@@ -1842,7 +1876,7 @@ to {
1842
1876
  position: sticky;
1843
1877
  top: 0;
1844
1878
  height: var(--scalar-api-reference-theme-header-height);
1845
- border-bottom: var(--scalar-api-reference-theme-border);
1879
+ border-bottom: var(--scalar-api-reference-border);
1846
1880
 
1847
1881
  width: 100%;
1848
1882
  z-index: 10;
@@ -1859,7 +1893,7 @@ to {
1859
1893
  /* Offset by 2px to fill screen and compensate for gap */
1860
1894
  height: calc(var(--scalar-api-reference-document-height) + 2px);
1861
1895
 
1862
- border-top: var(--scalar-api-reference-theme-border);
1896
+ border-top: var(--scalar-api-reference-border);
1863
1897
  display: flex;
1864
1898
  flex-direction: column;
1865
1899
  }