@scalar/api-reference-react 0.9.16 → 0.9.18

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @scalar/api-reference-react
 
+## 0.9.18
+
+## 0.9.17
+
 ## 0.9.16
 
 ## 0.9.15

package/dist/style.css

@@ -3347,18 +3347,12 @@ body {
 .scalar-app .min-h-3 {
   min-height: 12px;
 }
-.scalar-app .min-h-dvh {
-  min-height: 100dvh;
-}
 .scalar-app .w-\(--refs-sidebar-width\) {
   width: var(--refs-sidebar-width);
 }
 .scalar-app .w-4\.5 {
   width: 18px;
 }
-.scalar-app .w-96 {
-  width: 384px;
-}
 .scalar-app .w-120 {
   width: 480px;
 }
@@ -3662,12 +3656,12 @@ to {
 }
 }
 @media (max-width: 720px) and (max-height: 480px) {
-.scalar-modal-layout .scalar-modal[data-v-c36b47da] {
+.scalar-modal-layout .scalar-modal[data-v-5bb1dcc2] {
     max-height: 90svh;
     margin-top: 5svh;
 }
 }
-@keyframes fadein-layout-c36b47da {
+@keyframes fadein-layout-5bb1dcc2 {
 0% {
     opacity: 0;
 }
@@ -3675,7 +3669,7 @@ to {
     opacity: 1;
 }
 }
-@keyframes fadein-modal-c36b47da {
+@keyframes fadein-modal-5bb1dcc2 {
 0% {
     opacity: 0;
     transform: translate3d(0, 10px, 0);
@@ -3686,7 +3680,7 @@ to {
 }
 }
 @media (min-width: 800px) {
-.full-size-styles[data-v-c36b47da] {
+.full-size-styles[data-v-5bb1dcc2] {
     width: 50dvw !important;
 }
 }
@@ -4063,13 +4057,13 @@ to {
 }
 }
 @media (max-width: 720px) and (max-height: 480px) {
-.scalar-modal-layout .scalar-modal[data-v-c36b47da] {
+.scalar-modal-layout .scalar-modal[data-v-5bb1dcc2] {
     max-height: 90svh;
     margin-top: 5svh;
 }
 }
 @media (min-width: 800px) {
-.full-size-styles[data-v-c36b47da] {
+.full-size-styles[data-v-5bb1dcc2] {
     width: 50dvw !important;
 }
 }
@@ -4913,13 +4907,13 @@ input[data-v-c1a50a6e]::placeholder {
 }
 }
 @media (max-width: 720px) and (max-height: 480px) {
-.scalar-modal-layout .scalar-modal[data-v-c36b47da] {
+.scalar-modal-layout .scalar-modal[data-v-5bb1dcc2] {
     max-height: 90svh;
     margin-top: 5svh;
 }
 }
 @media (min-width: 800px) {
-.full-size-styles[data-v-c36b47da] {
+.full-size-styles[data-v-5bb1dcc2] {
     width: 50dvw !important;
 }
 }
@@ -5967,19 +5961,19 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .markdown.markdown-summary.markdown-summary img, .scalar-app .markdown.markdown-summary.markdown-summary svg, .scalar-app .markdown.markdown-summary.markdown-summary hr, .scalar-app .markdown.markdown-summary.markdown-summary pre {
   display: none;
 }
-.scalar-modal-layout[data-v-c36b47da] {
-  animation: .3s ease-in-out forwards fadein-layout-c36b47da;
+.scalar-modal-layout[data-v-5bb1dcc2] {
+  animation: .3s ease-in-out forwards fadein-layout-5bb1dcc2;
 }
-.scalar-modal[data-v-c36b47da] {
+.scalar-modal[data-v-5bb1dcc2] {
   box-shadow: var(--scalar-shadow-2);
-  animation: .3s ease-in-out .1s forwards fadein-modal-c36b47da;
+  animation: .3s ease-in-out .1s forwards fadein-modal-5bb1dcc2;
   transform: translate3d(0, 10px, 0);
 }
-.scalar-modal-layout-full[data-v-c36b47da] {
+.scalar-modal-layout-full[data-v-5bb1dcc2] {
   opacity: 1 !important;
   background: none !important;
 }
-.modal-content-search .modal-body[data-v-c36b47da] {
+.modal-content-search .modal-body[data-v-5bb1dcc2] {
   flex-direction: column;
   max-height: 440px;
   padding: 0;
@@ -5987,15 +5981,15 @@ input[data-v-c1a50a6e]::placeholder {
   overflow: hidden;
 }
 @media (max-width: 720px) and (max-height: 480px) {
-.scalar-modal-layout .scalar-modal[data-v-c36b47da] {
+.scalar-modal-layout .scalar-modal[data-v-5bb1dcc2] {
     max-height: 90svh;
     margin-top: 5svh;
 }
 }
-.full-size-styles[data-v-c36b47da] {
+.full-size-styles[data-v-5bb1dcc2] {
   margin: initial;
   border-right: var(--scalar-border-width) solid var(--scalar-border-color);
-  animation: .3s ease-in-out forwards fadein-layout-c36b47da;
+  animation: .3s ease-in-out forwards fadein-layout-5bb1dcc2;
   left: 0;
   transform: translate3d(0, 0, 0);
   background-color: var(--scalar-background-1) !important;
@@ -6006,11 +6000,11 @@ input[data-v-c1a50a6e]::placeholder {
   top: 0 !important;
 }
 @media (min-width: 800px) {
-.full-size-styles[data-v-c36b47da] {
+.full-size-styles[data-v-5bb1dcc2] {
     width: 50dvw !important;
 }
 }
-.full-size-styles[data-v-c36b47da]:after {
+.full-size-styles[data-v-5bb1dcc2]:after {
   content: "";
   width: 50dvw;
   height: 100dvh;
@@ -7668,12 +7662,12 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .h-64 {
   height: 256px;
 }
+.scalar-app .h-125 {
+  height: 500px;
+}
 .scalar-app .h-\[68px\] {
   height: 68px;
 }
-.scalar-app .h-\[500px\] {
-  height: 500px;
-}
 .scalar-app .h-\[calc\(100\%-273\.5px\)\] {
   height: calc(100% - 273.5px);
 }
@@ -9997,6 +9991,9 @@ input[data-v-c1a50a6e]::placeholder {
 .app-platform-mac :is(.scalar-app .mac\:app-drag-region) {
   -webkit-app-region: drag;
 }
+.scalar-app .\[\&_\.monaco-editor\]\:rounded-lg .monaco-editor, .scalar-app .\[\&_\.overflow-guard\]\:rounded-lg .overflow-guard {
+  border-radius: var(--scalar-radius-lg);
+}
 .scalar-app .\[\&\>label\]\:bg-transparent > label {
   background-color: #0000;
 }
@@ -10070,22 +10067,22 @@ to {
 .address-bar-history-button[data-v-c15c6573]:focus-within {
   background: var(--scalar-background-2);
 }
-[data-v-776dfdde] .cm-editor {
+[data-v-e041f4b0] .cm-editor {
   background: none;
   outline: none;
   height: 100%;
   padding: 0;
 }
-[data-v-776dfdde] .cm-placeholder {
+[data-v-e041f4b0] .cm-placeholder {
   color: var(--scalar-color-3);
 }
-[data-v-776dfdde] .cm-content {
+[data-v-e041f4b0] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
-[data-v-776dfdde] .cm-tooltip {
+[data-v-e041f4b0] .cm-tooltip {
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
   box-shadow: var(--scalar-shadow-2);
@@ -10094,39 +10091,39 @@ to {
   outline: none !important;
   overflow: hidden !important;
 }
-[data-v-776dfdde] .cm-tooltip-autocomplete ul li {
+[data-v-e041f4b0] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
-[data-v-776dfdde] .cm-completionIcon-type:after {
+[data-v-e041f4b0] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
-[data-v-776dfdde] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-e041f4b0] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
-[data-v-776dfdde] .cm-tooltip-autocomplete ul {
+[data-v-e041f4b0] .cm-tooltip-autocomplete ul {
   position: relative;
   padding: 6px !important;
 }
-[data-v-776dfdde] .cm-tooltip-autocomplete ul li:hover {
+[data-v-e041f4b0] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
-[data-v-776dfdde] .cm-activeLine, [data-v-776dfdde] .cm-activeLineGutter {
+[data-v-e041f4b0] .cm-activeLine, [data-v-e041f4b0] .cm-activeLineGutter {
   background-color: #0000;
 }
-[data-v-776dfdde] .cm-selectionMatch, [data-v-776dfdde] .cm-matchingBracket {
+[data-v-e041f4b0] .cm-selectionMatch, [data-v-e041f4b0] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
-[data-v-776dfdde] .cm-css-color-picker-wrapper {
+[data-v-e041f4b0] .cm-css-color-picker-wrapper {
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   display: inline-flex;
   overflow: hidden;
 }
-[data-v-776dfdde] .cm-gutters {
+[data-v-e041f4b0] .cm-gutters {
   color: var(--scalar-color-3);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -10134,7 +10131,7 @@ to {
   border-radius: 0 0 0 3px;
   line-height: 22px;
 }
-[data-v-776dfdde] .cm-gutters:before {
+[data-v-e041f4b0] .cm-gutters:before {
   content: "";
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
@@ -10144,7 +10141,7 @@ to {
   top: 2px;
   left: 2px;
 }
-[data-v-776dfdde] .cm-gutterElement {
+[data-v-e041f4b0] .cm-gutterElement {
   justify-content: flex-end;
   align-items: center;
   display: flex;
@@ -10153,16 +10150,16 @@ to {
   padding-left: 0 !important;
   padding-right: 6px !important;
 }
-[data-v-776dfdde] .cm-lineNumbers .cm-gutterElement {
+[data-v-e041f4b0] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
-[data-v-776dfdde] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-e041f4b0] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
-[data-v-776dfdde] .cm-scroller {
+[data-v-e041f4b0] .cm-scroller {
   overflow: auto;
 }
-.line-wrapping[data-v-776dfdde]:focus-within .cm-content {
+.line-wrapping[data-v-e041f4b0]:focus-within .cm-content {
   white-space: break-spaces;
   word-break: break-all;
   min-height: fit-content;
@@ -11279,23 +11276,23 @@ to {
   padding: 0;
   overflow: hidden;
 }
-.editor-container[data-v-850fff8f] {
+.editor-container[data-v-e99ee660] {
   width: 100%;
   height: 100%;
 }
-[data-v-850fff8f] .json-path-highlight {
+[data-v-e99ee660] .json-path-highlight {
   background-color: #ffc80059;
   border-radius: 4px;
 }
-[data-v-850fff8f] .json-focus-highlight {
+[data-v-e99ee660] .json-focus-highlight {
   background-color: var(--scalar-color-accent, #24b47e);
 }
 @supports (color: color-mix(in lab, red, red)) {
-[data-v-850fff8f] .json-focus-highlight {
+[data-v-e99ee660] .json-focus-highlight {
     background-color: color-mix(in srgb, var(--scalar-color-accent, #24b47e) 18%, transparent);
 }
 }
-[data-v-850fff8f] .json-focus-highlight {
+[data-v-e99ee660] .json-focus-highlight {
   border-radius: 4px;
 }
 [data-v-28c8509c] .cm-editor {
@@ -13459,7 +13456,7 @@ div + .userMessage[data-v-8e43ed7a] {
 }
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-274a4872] {
+.scalar-api-reference[data-v-4a2e1b67] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -13481,19 +13478,19 @@ div + .userMessage[data-v-8e43ed7a] {
     /* The maximum width of the content column */
     --refs-content-max-width: var(--scalar-content-max-width, 1540px);
 }
-.scalar-api-reference.references-classic[data-v-274a4872] {
+.scalar-api-reference.references-classic[data-v-4a2e1b67] {
     /* Classic layout is wider */
     --refs-content-max-width: var(--scalar-content-max-width, 1420px);
     min-height: 100dvh;
     --refs-sidebar-width: 0;
 }
 }
-.t-doc__sidebar[data-v-274a4872] {
+.t-doc__sidebar[data-v-4a2e1b67] {
   z-index: 10;
 }
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-274a4872] {
+.references-layout[data-v-4a2e1b67] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -13517,43 +13514,43 @@ div + .userMessage[data-v-8e43ed7a] {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-274a4872] {
+.references-editor[data-v-4a2e1b67] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-274a4872] {
+.references-rendered[data-v-4a2e1b67] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-274a4872],
-.references-classic .references-rendered[data-v-274a4872] {
+.scalar-api-reference.references-classic[data-v-4a2e1b67],
+.references-classic .references-rendered[data-v-4a2e1b67] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-274a4872] {
+.references-sidebar[data-v-4a2e1b67] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 /* Footer */
-.references-footer[data-v-274a4872] {
+.references-footer[data-v-4a2e1b67] {
   grid-area: footer;
 }
 /* ----------------------------------------------------- */
 /* Responsive / Mobile Layout */
 @media (max-width: 1000px) {
   /* Keep toolbar hidden on mobile without forcing desktop display mode. */
-.references-developer-tools[data-v-274a4872] {
+.references-developer-tools[data-v-4a2e1b67] {
     display: none;
 }
 
   /* Stack view on mobile */
-.references-layout[data-v-274a4872] {
+.references-layout[data-v-4a2e1b67] {
     /* Adjust the sidebar height to the viewport height minus the header height */
     --refs-sidebar-height: calc(
       var(--full-height, 100dvh) - var(--scalar-custom-header-height, 0px)
@@ -13568,13 +13565,13 @@ div + .userMessage[data-v-8e43ed7a] {
       'rendered'
       'footer';
 }
-.references-editable[data-v-274a4872] {
+.references-editable[data-v-4a2e1b67] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-274a4872] {
+.references-rendered[data-v-4a2e1b67] {
     position: static;
 }
 }
@@ -13584,11 +13581,11 @@ div + .userMessage[data-v-8e43ed7a] {
 * when the new elements are available
 */
 @media (max-width: 1000px) {
-.scalar-api-references-standalone-mobile[data-v-274a4872]:not(.references-classic) {
+.scalar-api-references-standalone-mobile[data-v-4a2e1b67]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
-.darklight-reference[data-v-274a4872] {
+.darklight-reference[data-v-4a2e1b67] {
   width: 100%;
   margin-top: auto;
 }

package/package.json

@@ -18,7 +18,7 @@
     "testing",
     "react"
   ],
-  "version": "0.9.16",
+  "version": "0.9.18",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/types": "0.7.5",
-    "@scalar/api-reference": "1.49.6"
+    "@scalar/api-reference": "1.49.8",
+    "@scalar/types": "0.7.5"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",