@scalar/api-reference 1.39.0 → 1.39.1

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
@@ -7055,9 +7055,6 @@ to {
7055
7055
  .scalar-app .h-1\.5 {
7056
7056
  height: 6px;
7057
7057
  }
7058
- .scalar-app .h-2 {
7059
- height: 8px;
7060
- }
7061
7058
  .scalar-app .h-2\.5 {
7062
7059
  height: 10px;
7063
7060
  }
@@ -7217,9 +7214,6 @@ to {
7217
7214
  .scalar-app .w-1\/2 {
7218
7215
  width: 50%;
7219
7216
  }
7220
- .scalar-app .w-2 {
7221
- width: 8px;
7222
- }
7223
7217
  .scalar-app .w-2\.5 {
7224
7218
  width: 10px;
7225
7219
  }
@@ -9652,55 +9646,6 @@ to {
9652
9646
  padding: 3px 6px;
9653
9647
  display: inline-table;
9654
9648
  }
9655
- .cm-pill {
9656
- --tw-bg-base: var(--scalar-color-1);
9657
- color: var(--tw-bg-base);
9658
- font-size: var(--scalar-small);
9659
- border-radius: 30px;
9660
- padding: 0 9px;
9661
- display: inline-block;
9662
- background: var(--tw-bg-base) !important;
9663
- }
9664
- @supports (color: color-mix(in lab, red, red)) {
9665
- .cm-pill {
9666
- background: color-mix(in srgb, var(--tw-bg-base), transparent 94%) !important;
9667
- }
9668
- }
9669
- .cm-pill.bg-grey {
9670
- background: var(--scalar-background-3) !important;
9671
- }
9672
- .dark-mode .cm-pill {
9673
- background: var(--tw-bg-base) !important;
9674
- }
9675
- @supports (color: color-mix(in lab, red, red)) {
9676
- .dark-mode .cm-pill {
9677
- background: color-mix(in srgb, var(--tw-bg-base), transparent 90%) !important;
9678
- }
9679
- }
9680
- .cm-pill:first-of-type {
9681
- margin-left: 0;
9682
- }
9683
- .cm-editor .cm-widgetBuffer {
9684
- display: none;
9685
- }
9686
- .cm-foldPlaceholder:hover {
9687
- color: var(--scalar-color-1);
9688
- }
9689
- .cm-foldGutter .cm-gutterElement {
9690
- font-size: var(--scalar-heading-4);
9691
- padding: 2px !important;
9692
- }
9693
- .cm-foldGutter .cm-gutterElement:first-of-type {
9694
- display: none;
9695
- }
9696
- .cm-foldGutter .cm-gutterElement .cm-foldMarker {
9697
- padding: 2px;
9698
- }
9699
- .cm-foldGutter .cm-gutterElement:hover .cm-foldMarker {
9700
- background: var(--scalar-background-2);
9701
- border-radius: var(--scalar-radius);
9702
- color: var(--scalar-color-1);
9703
- }
9704
9649
  .schema > span[data-v-4df72868]:not(:first-child):before {
9705
9650
  content: "·";
9706
9651
  margin: 0 .5ch;
@@ -10540,10 +10485,158 @@ to {
10540
10485
  padding: 0;
10541
10486
  overflow: hidden;
10542
10487
  }
10543
- [data-v-265cc80b] .cm-editor {
10488
+ [data-v-d30c143b] .cm-editor {
10489
+ background: none;
10490
+ outline: none;
10491
+ height: 100%;
10492
+ padding: 0;
10493
+ }
10494
+ [data-v-d30c143b] .cm-placeholder {
10495
+ color: var(--scalar-color-3);
10496
+ }
10497
+ [data-v-d30c143b] .cm-content {
10498
+ font-family: var(--scalar-font-code);
10499
+ font-size: var(--scalar-small);
10500
+ max-height: 20px;
10501
+ padding: 8px 0;
10502
+ }
10503
+ [data-v-d30c143b] .cm-tooltip {
10504
+ filter: brightness(var(--scalar-lifted-brightness));
10505
+ border-radius: var(--scalar-radius);
10506
+ box-shadow: var(--scalar-shadow-2);
10507
+ background: none !important;
10508
+ border: none !important;
10509
+ outline: none !important;
10510
+ overflow: hidden !important;
10511
+ }
10512
+ [data-v-d30c143b] .cm-tooltip-autocomplete ul li {
10513
+ padding: 3px 6px !important;
10514
+ }
10515
+ [data-v-d30c143b] .cm-completionIcon-type:after {
10516
+ color: var(--scalar-color-3) !important;
10517
+ }
10518
+ [data-v-d30c143b] .cm-tooltip-autocomplete ul li[aria-selected] {
10519
+ background: var(--scalar-background-2) !important;
10520
+ color: var(--scalar-color-1) !important;
10521
+ }
10522
+ [data-v-d30c143b] .cm-tooltip-autocomplete ul {
10523
+ position: relative;
10524
+ padding: 6px !important;
10525
+ }
10526
+ [data-v-d30c143b] .cm-tooltip-autocomplete ul li:hover {
10527
+ border-radius: 3px;
10528
+ color: var(--scalar-color-1) !important;
10529
+ background: var(--scalar-background-3) !important;
10530
+ }
10531
+ [data-v-d30c143b] .cm-activeLine, [data-v-d30c143b] .cm-activeLineGutter {
10532
+ background-color: #0000;
10533
+ }
10534
+ [data-v-d30c143b] .cm-selectionMatch, [data-v-d30c143b] .cm-matchingBracket {
10535
+ border-radius: var(--scalar-radius);
10536
+ background: var(--scalar-background-4) !important;
10537
+ }
10538
+ [data-v-d30c143b] .cm-css-color-picker-wrapper {
10539
+ outline: 1px solid var(--scalar-background-3);
10540
+ border-radius: 3px;
10541
+ display: inline-flex;
10542
+ overflow: hidden;
10543
+ }
10544
+ [data-v-d30c143b] .cm-gutters {
10545
+ color: var(--scalar-color-3);
10546
+ font-size: var(--scalar-small);
10547
+ background-color: #0000;
10548
+ border-right: none;
10549
+ border-radius: 0 0 0 3px;
10550
+ line-height: 22px;
10551
+ }
10552
+ [data-v-d30c143b] .cm-gutters:before {
10553
+ content: "";
10554
+ border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
10555
+ background-color: var(--scalar-background-1);
10556
+ width: calc(100% - 2px);
10557
+ height: calc(100% - 4px);
10558
+ position: absolute;
10559
+ top: 2px;
10560
+ left: 2px;
10561
+ }
10562
+ [data-v-d30c143b] .cm-gutterElement {
10563
+ justify-content: flex-end;
10564
+ align-items: center;
10565
+ display: flex;
10566
+ position: relative;
10567
+ font-family: var(--scalar-font-code) !important;
10568
+ padding-left: 0 !important;
10569
+ padding-right: 6px !important;
10570
+ }
10571
+ [data-v-d30c143b] .cm-lineNumbers .cm-gutterElement {
10572
+ min-width: fit-content;
10573
+ }
10574
+ [data-v-d30c143b] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
10575
+ padding-left: 0 !important;
10576
+ }
10577
+ [data-v-d30c143b] .cm-scroller {
10578
+ overflow: auto;
10579
+ }
10580
+ .line-wrapping[data-v-d30c143b]:focus-within .cm-content {
10581
+ white-space: break-spaces;
10582
+ word-break: break-all;
10583
+ min-height: fit-content;
10584
+ padding: 3px 6px;
10585
+ display: inline-table;
10586
+ }
10587
+ .cm-pill {
10588
+ --tw-bg-base: var(--scalar-color-1);
10589
+ color: var(--tw-bg-base);
10590
+ font-size: var(--scalar-small);
10591
+ border-radius: 30px;
10592
+ padding: 0 9px;
10593
+ display: inline-block;
10594
+ background: var(--tw-bg-base) !important;
10595
+ }
10596
+ @supports (color: color-mix(in lab, red, red)) {
10597
+ .cm-pill {
10598
+ background: color-mix(in srgb, var(--tw-bg-base), transparent 94%) !important;
10599
+ }
10600
+ }
10601
+ .cm-pill.bg-grey {
10602
+ background: var(--scalar-background-3) !important;
10603
+ }
10604
+ .dark-mode .cm-pill {
10605
+ background: var(--tw-bg-base) !important;
10606
+ }
10607
+ @supports (color: color-mix(in lab, red, red)) {
10608
+ .dark-mode .cm-pill {
10609
+ background: color-mix(in srgb, var(--tw-bg-base), transparent 90%) !important;
10610
+ }
10611
+ }
10612
+ .cm-pill:first-of-type {
10613
+ margin-left: 0;
10614
+ }
10615
+ .cm-editor .cm-widgetBuffer {
10616
+ display: none;
10617
+ }
10618
+ .cm-foldPlaceholder:hover {
10619
+ color: var(--scalar-color-1);
10620
+ }
10621
+ .cm-foldGutter .cm-gutterElement {
10622
+ font-size: var(--scalar-heading-4);
10623
+ padding: 2px !important;
10624
+ }
10625
+ .cm-foldGutter .cm-gutterElement:first-of-type {
10626
+ display: none;
10627
+ }
10628
+ .cm-foldGutter .cm-gutterElement .cm-foldMarker {
10629
+ padding: 2px;
10630
+ }
10631
+ .cm-foldGutter .cm-gutterElement:hover .cm-foldMarker {
10632
+ background: var(--scalar-background-2);
10633
+ border-radius: var(--scalar-radius);
10634
+ color: var(--scalar-color-1);
10635
+ }
10636
+ [data-v-572665aa] .cm-editor {
10544
10637
  padding: 0;
10545
10638
  }
10546
- [data-v-265cc80b] .cm-content {
10639
+ [data-v-572665aa] .cm-content {
10547
10640
  font-family: var(--scalar-font);
10548
10641
  font-size: var(--scalar-small);
10549
10642
  background-color: #0000;
@@ -10552,21 +10645,21 @@ to {
10552
10645
  padding: 5px 8px;
10553
10646
  display: flex;
10554
10647
  }
10555
- [data-v-265cc80b] .cm-content:has(.cm-pill) {
10648
+ [data-v-572665aa] .cm-content:has(.cm-pill) {
10556
10649
  padding: 5px 8px;
10557
10650
  }
10558
- [data-v-265cc80b] .cm-content .cm-pill:not(:last-of-type) {
10651
+ [data-v-572665aa] .cm-content .cm-pill:not(:last-of-type) {
10559
10652
  margin-right: .5px;
10560
10653
  }
10561
- [data-v-265cc80b] .cm-content .cm-pill:not(:first-of-type) {
10654
+ [data-v-572665aa] .cm-content .cm-pill:not(:first-of-type) {
10562
10655
  margin-left: .5px;
10563
10656
  }
10564
- [data-v-265cc80b] .cm-line {
10657
+ [data-v-572665aa] .cm-line {
10565
10658
  text-overflow: ellipsis;
10566
10659
  padding: 0;
10567
10660
  overflow: hidden;
10568
10661
  }
10569
- .data-table tr:nth-child(2) td[data-v-265cc80b] {
10662
+ .data-table tr:nth-child(2) td[data-v-572665aa] {
10570
10663
  border-top: none !important;
10571
10664
  }
10572
10665
  .empty-sidebar-item-content[data-v-ac7678e4] {
@@ -10639,6 +10732,50 @@ to {
10639
10732
  .dark-mode .download-app-button[data-v-d9bec97b]:hover {
10640
10733
  background: linear-gradient(#00000026, #ffffff1a);
10641
10734
  }
10735
+ #scalar-client {
10736
+ background-color: var(--scalar-background-2);
10737
+ flex-direction: column;
10738
+ min-height: 100dvh;
10739
+ display: flex;
10740
+ }
10741
+ [data-v-f4b9c7c5] .cm-editor {
10742
+ padding: 0;
10743
+ }
10744
+ [data-v-f4b9c7c5] .cm-content {
10745
+ font-family: var(--scalar-font);
10746
+ font-size: var(--scalar-small);
10747
+ background-color: #0000;
10748
+ align-items: center;
10749
+ width: 100%;
10750
+ padding: 5px 8px;
10751
+ display: flex;
10752
+ }
10753
+ [data-v-f4b9c7c5] .cm-content:has(.cm-pill) {
10754
+ padding: 5px 8px;
10755
+ }
10756
+ [data-v-f4b9c7c5] .cm-content .cm-pill:not(:last-of-type) {
10757
+ margin-right: .5px;
10758
+ }
10759
+ [data-v-f4b9c7c5] .cm-content .cm-pill:not(:first-of-type) {
10760
+ margin-left: .5px;
10761
+ }
10762
+ [data-v-f4b9c7c5] .cm-line {
10763
+ text-overflow: ellipsis;
10764
+ word-break: break-word;
10765
+ padding: 0;
10766
+ overflow: hidden;
10767
+ }
10768
+ .required[data-v-f4b9c7c5]:after {
10769
+ content: "Required";
10770
+ }
10771
+ input[data-v-f4b9c7c5]::placeholder {
10772
+ color: var(--scalar-color-3);
10773
+ }
10774
+ .scalar-password-input[data-v-f4b9c7c5] {
10775
+ text-security: disc;
10776
+ -webkit-text-security: disc;
10777
+ -moz-text-security: disc;
10778
+ }
10642
10779
  .request-card[data-v-13b785c0] {
10643
10780
  font-size: var(--scalar-font-size-3);
10644
10781
  }
@@ -11181,6 +11318,13 @@ to {
11181
11318
  border-color: var(--scalar-border-color) !important;
11182
11319
  background: none !important;
11183
11320
  }
11321
+ [data-v-7c1a2f6c] .cm-content {
11322
+ min-height: fit-content;
11323
+ }
11324
+ [data-v-7c1a2f6c] .cm-scroller {
11325
+ max-width: 100%;
11326
+ overflow: auto hidden;
11327
+ }
11184
11328
  .scalar-collection-auth[data-v-2ab6a6e3] {
11185
11329
  border: var(--scalar-border-width) solid var(--scalar-border-color);
11186
11330
  border-radius: var(--scalar-radius-lg);
@@ -11386,7 +11530,7 @@ to {
11386
11530
 
11387
11531
  /* Configurable Layout Variables */
11388
11532
  @layer scalar-config {
11389
- .scalar-api-reference[data-v-d8557ddf] {
11533
+ .scalar-api-reference[data-v-cc258b2c] {
11390
11534
  --refs-sidebar-width: var(--scalar-sidebar-width, 0px);
11391
11535
  /* The header height */
11392
11536
  --refs-header-height: calc(
@@ -11402,7 +11546,7 @@ to {
11402
11546
  );
11403
11547
  --refs-content-max-width: var(--scalar-content-max-width, 1540px);
11404
11548
  }
11405
- .scalar-api-reference.references-classic[data-v-d8557ddf] {
11549
+ .scalar-api-reference.references-classic[data-v-cc258b2c] {
11406
11550
  /* Classic layout is wider */
11407
11551
  --refs-content-max-width: var(--scalar-content-max-width, 1420px);
11408
11552
  min-height: 100dvh;
@@ -11410,14 +11554,14 @@ to {
11410
11554
  }
11411
11555
 
11412
11556
  /* When the toolbar is present, we need to offset the content */
11413
- .scalar-api-reference[data-v-d8557ddf]:has(.api-reference-toolbar) {
11557
+ .scalar-api-reference[data-v-cc258b2c]:has(.api-reference-toolbar) {
11414
11558
  --refs-content-offset: 48px;
11415
11559
  }
11416
11560
  }
11417
11561
 
11418
11562
  /* ----------------------------------------------------- */
11419
11563
  /* References Layout */
11420
- .references-layout[data-v-d8557ddf] {
11564
+ .references-layout[data-v-cc258b2c] {
11421
11565
  /* Try to fill the container */
11422
11566
  min-height: 100dvh;
11423
11567
  min-width: 100%;
@@ -11441,39 +11585,39 @@ to {
11441
11585
 
11442
11586
  background: var(--scalar-background-1);
11443
11587
  }
11444
- .references-editor[data-v-d8557ddf] {
11588
+ .references-editor[data-v-cc258b2c] {
11445
11589
  grid-area: editor;
11446
11590
  display: flex;
11447
11591
  min-width: 0;
11448
11592
  background: var(--scalar-background-1);
11449
11593
  }
11450
- .references-rendered[data-v-d8557ddf] {
11594
+ .references-rendered[data-v-cc258b2c] {
11451
11595
  position: relative;
11452
11596
  grid-area: rendered;
11453
11597
  min-width: 0;
11454
11598
  background: var(--scalar-background-1);
11455
11599
  }
11456
- .scalar-api-reference.references-classic[data-v-d8557ddf],
11457
- .references-classic .references-rendered[data-v-d8557ddf] {
11600
+ .scalar-api-reference.references-classic[data-v-cc258b2c],
11601
+ .references-classic .references-rendered[data-v-cc258b2c] {
11458
11602
  height: initial !important;
11459
11603
  max-height: initial !important;
11460
11604
  }
11461
11605
  @layer scalar-config {
11462
- .references-sidebar[data-v-d8557ddf] {
11606
+ .references-sidebar[data-v-cc258b2c] {
11463
11607
  /* Set a default width if references are enabled */
11464
11608
  --refs-sidebar-width: var(--scalar-sidebar-width, 280px);
11465
11609
  }
11466
11610
  }
11467
11611
 
11468
11612
  /* Footer */
11469
- .references-footer[data-v-d8557ddf] {
11613
+ .references-footer[data-v-cc258b2c] {
11470
11614
  grid-area: footer;
11471
11615
  }
11472
11616
  /* ----------------------------------------------------- */
11473
11617
  /* Responsive / Mobile Layout */
11474
11618
  @media (max-width: 1000px) {
11475
11619
  /* Stack view on mobile */
11476
- .references-layout[data-v-d8557ddf] {
11620
+ .references-layout[data-v-cc258b2c] {
11477
11621
  grid-template-columns: auto;
11478
11622
  grid-template-rows: var(--scalar-header-height, 0px) 0px auto auto;
11479
11623
 
@@ -11483,13 +11627,13 @@ to {
11483
11627
  'rendered'
11484
11628
  'footer';
11485
11629
  }
11486
- .references-editable[data-v-d8557ddf] {
11630
+ .references-editable[data-v-cc258b2c] {
11487
11631
  grid-template-areas:
11488
11632
  'header'
11489
11633
  'navigation'
11490
11634
  'editor';
11491
11635
  }
11492
- .references-rendered[data-v-d8557ddf] {
11636
+ .references-rendered[data-v-cc258b2c] {
11493
11637
  position: static;
11494
11638
  }
11495
11639
  }
@@ -11500,12 +11644,12 @@ to {
11500
11644
  * when the new elements are available
11501
11645
  */
11502
11646
  @media (max-width: 1000px) {
11503
- .scalar-api-references-standalone-mobile[data-v-d8557ddf] {
11647
+ .scalar-api-references-standalone-mobile[data-v-cc258b2c] {
11504
11648
  --scalar-header-height: 50px;
11505
11649
  }
11506
11650
  }
11507
11651
 
11508
- .darklight-reference[data-v-d8557ddf] {
11652
+ .darklight-reference[data-v-cc258b2c] {
11509
11653
  width: 100%;
11510
11654
  margin-top: auto;
11511
11655
  }
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "vue",
21
21
  "vue3"
22
22
  ],
23
- "version": "1.39.0",
23
+ "version": "1.39.1",
24
24
  "engines": {
25
25
  "node": ">=20"
26
26
  },
@@ -69,24 +69,24 @@
69
69
  "type-fest": "5.0.0",
70
70
  "vue": "^3.5.21",
71
71
  "zod": "4.1.11",
72
+ "@scalar/api-client": "2.9.1",
72
73
  "@scalar/code-highlight": "0.2.0",
73
- "@scalar/api-client": "2.9.0",
74
- "@scalar/components": "0.16.0",
74
+ "@scalar/components": "0.16.1",
75
75
  "@scalar/icons": "0.5.0",
76
76
  "@scalar/json-magic": "0.7.0",
77
- "@scalar/oas-utils": "0.6.0",
78
- "@scalar/helpers": "0.0.13",
77
+ "@scalar/oas-utils": "0.6.1",
79
78
  "@scalar/object-utils": "1.2.9",
80
- "@scalar/openapi-types": "0.5.1",
81
79
  "@scalar/openapi-parser": "0.23.0",
82
- "@scalar/openapi-upgrader": "0.1.4",
83
- "@scalar/sidebar": "0.2.0",
80
+ "@scalar/helpers": "0.0.13",
81
+ "@scalar/openapi-types": "0.5.1",
82
+ "@scalar/sidebar": "0.2.1",
84
83
  "@scalar/snippetz": "0.5.2",
85
- "@scalar/themes": "0.13.23",
86
84
  "@scalar/types": "0.4.0",
87
85
  "@scalar/use-hooks": "0.3.0",
88
- "@scalar/use-toasts": "0.9.0",
89
- "@scalar/workspace-store": "0.18.0"
86
+ "@scalar/themes": "0.13.23",
87
+ "@scalar/openapi-upgrader": "0.1.4",
88
+ "@scalar/workspace-store": "0.18.1",
89
+ "@scalar/use-toasts": "0.9.0"
90
90
  },
91
91
  "devDependencies": {
92
92
  "@hono/node-server": "1.19.5",
@@ -106,10 +106,10 @@
106
106
  "vite-plugin-banner": "^0.7.1",
107
107
  "vite-plugin-css-injected-by-js": "^3.4.0",
108
108
  "vitest": "3.2.4",
109
+ "@scalar/galaxy": "0.5.9",
109
110
  "@scalar/build-tooling": "0.2.8",
110
111
  "@scalar/core": "0.3.21",
111
- "@scalar/react-renderer": "0.3.0",
112
- "@scalar/galaxy": "0.5.9"
112
+ "@scalar/react-renderer": "0.3.0"
113
113
  },
114
114
  "scripts": {
115
115
  "build": "pnpm build:default && pnpm build:standalone && pnpm types:build",