@scalar/api-reference-react 0.9.23 → 0.9.24

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @scalar/api-reference-react
 
+## 0.9.24
+
 ## 0.9.23
 
 ## 0.9.22

package/dist/style.css

@@ -3828,8 +3828,8 @@ to {
 .scalar-app .group-hover\/button\:bg-sidebar-indent-border-hover:is(:where(.group\/button):hover *) {
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
 }
-.scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+.scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
 }
 .scalar-app .hover\:bg-b-2:hover {
     background-color: var(--scalar-background-2);
@@ -3837,9 +3837,20 @@ to {
 .scalar-app .hover\:bg-b-3:hover {
     background-color: var(--scalar-background-3);
 }
+.scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
+@supports (color: color-mix(in lab, red, red)) {
+.scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+}
+}
 .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
 }
@@ -3871,6 +3882,9 @@ to {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
 .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
 }
@@ -4204,8 +4218,8 @@ to {
 .scalar-app .group-hover\/button\:bg-sidebar-indent-border-hover:is(:where(.group\/button):hover *) {
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
 }
-.scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+.scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
 }
 .scalar-app .hover\:bg-b-2:hover {
     background-color: var(--scalar-background-2);
@@ -4213,9 +4227,20 @@ to {
 .scalar-app .hover\:bg-b-3:hover {
     background-color: var(--scalar-background-3);
 }
+.scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
+@supports (color: color-mix(in lab, red, red)) {
+.scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+}
+}
 .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
 }
@@ -4247,6 +4272,9 @@ to {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
 .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
 }
@@ -4423,8 +4451,8 @@ to {
 .scalar-app .group-hover\/button\:bg-sidebar-indent-border-hover:is(:where(.group\/button):hover *) {
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
 }
-.scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+.scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
 }
 .scalar-app .hover\:bg-b-2:hover {
     background-color: var(--scalar-background-2);
@@ -4432,9 +4460,20 @@ to {
 .scalar-app .hover\:bg-b-3:hover {
     background-color: var(--scalar-background-3);
 }
+.scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
+@supports (color: color-mix(in lab, red, red)) {
+.scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+}
+}
 .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
 }
@@ -4466,6 +4505,9 @@ to {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
 .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
 }
@@ -6113,6 +6155,9 @@ to {
   border-style: var(--tw-border-style);
   border-width: 1px;
 }
+.scalar-app .border-border-header {
+  border-color: var(--scalar-header-border-color, var(--scalar-border-color));
+}
 .scalar-app .border-c-alert {
   border-color: var(--scalar-color-alert);
 }
@@ -6145,6 +6190,12 @@ to {
 .scalar-app .bg-b-btn {
   background-color: var(--scalar-button-1);
 }
+.scalar-app .bg-b-header-1 {
+  background-color: var(--scalar-header-background-1, var(--scalar-background-1));
+}
+.scalar-app .bg-b-header-cta {
+  background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
 .scalar-app .bg-b-tooltip {
   background-color: var(--scalar-tooltip-background);
 }
@@ -6292,6 +6343,15 @@ to {
 .scalar-app .break-words, .scalar-app .wrap-break-word {
   overflow-wrap: break-word;
 }
+.scalar-app .text-c-header-1 {
+  color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
+.scalar-app .text-c-header-2 {
+  color: var(--scalar-header-color-2, var(--scalar-color-2));
+}
+.scalar-app .text-c-header-cta {
+  color: var(--scalar-button-1-color);
+}
 .scalar-app .text-c-tooltip {
   color: var(--scalar-tooltip-color);
 }
@@ -6372,8 +6432,8 @@ to {
 :is(.scalar-app .\*\:justify-center > *) {
   justify-content: center;
 }
-:is(.scalar-app .\*\:gap-px > *) {
-  gap: 1px;
+:is(.scalar-app .\*\:gap-1 > *) {
+  gap: 4px;
 }
 :is(.scalar-app .\*\:rounded > *) {
   border-radius: var(--scalar-radius);
@@ -6403,8 +6463,8 @@ to {
 .scalar-app .group-hover\/button\:bg-sidebar-indent-border-hover:is(:where(.group\/button):hover *) {
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
 }
-.scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+.scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
 }
 }
 .scalar-app .group-focus-visible\/toggle\:outline:is(:where(.group\/toggle):focus-visible *) {
@@ -6466,9 +6526,20 @@ to {
 .scalar-app .hover\:bg-b-3:hover {
     background-color: var(--scalar-background-3);
 }
+.scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+}
 .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
 }
+.scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
+@supports (color: color-mix(in lab, red, red)) {
+.scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+}
+}
 .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
 }
@@ -6500,6 +6571,9 @@ to {
 .scalar-app .hover\:text-c-1:hover {
     color: var(--scalar-color-1);
 }
+.scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
 .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
 }
@@ -7102,6 +7176,9 @@ to {
 .scalar-app .h-\[68px\] {
   height: 68px;
 }
+.scalar-app .h-\[300px\] {
+  height: 300px;
+}
 .scalar-app .h-\[calc\(100\%_-_50px\)\] {
   height: calc(100% - 50px);
 }
@@ -7153,9 +7230,6 @@ to {
 .scalar-app .max-h-\[60svh\] {
   max-height: 60svh;
 }
-.scalar-app .max-h-\[300px\] {
-  max-height: 300px;
-}
 .scalar-app .max-h-\[auto\] {
   max-height: auto;
 }
@@ -9815,7 +9889,7 @@ input[data-v-3157c3c7]::placeholder {
   min-width: 100%;
   overflow: auto;
 }
-.scalar-code-block[data-v-94c74c13] .hljs * {
+.scalar-code-block[data-v-30c34ea4] .hljs * {
   font-size: var(--scalar-small);
 }
 .response-body-virtual[data-headlessui-state="open"], .response-body-virtual[data-headlessui-state="open"] .diclosure-panel {
@@ -9882,11 +9956,11 @@ to {
 .v-enter-from[data-v-1f35725e] {
   opacity: 0;
 }
-.animate-response-heading .response-heading[data-v-3d6c8e96] {
+.animate-response-heading .response-heading[data-v-82f4df98] {
   opacity: 1;
-  animation: .2s ease-in-out forwards push-response-3d6c8e96;
+  animation: .2s ease-in-out forwards push-response-82f4df98;
 }
-@keyframes push-response-3d6c8e96 {
+@keyframes push-response-82f4df98 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -9896,11 +9970,11 @@ to {
     transform: translateY(-4px);
 }
 }
-.animate-response-heading .animate-response-children[data-v-3d6c8e96] {
+.animate-response-heading .animate-response-children[data-v-82f4df98] {
   opacity: 0;
-  animation: .2s ease-in-out 50ms forwards response-spans-3d6c8e96;
+  animation: .2s ease-in-out 50ms forwards response-spans-82f4df98;
 }
-@keyframes response-spans-3d6c8e96 {
+@keyframes response-spans-82f4df98 {
 from {
     opacity: 0;
     transform: translateY(4px);
@@ -10472,7 +10546,7 @@ to {
 .scroll-timeline-x[data-v-f4568236]::-webkit-scrollbar {
   display: none;
 }
-.postman-import-path-conflict-callout[data-v-9f13a627] {
+.postman-import-path-conflict-callout[data-v-cc4f666d] {
   border-color: var(--scalar-color-red);
   background-color: var(--scalar-background-danger);
   color: var(--scalar-color-1);
@@ -12124,7 +12198,7 @@ div + .userMessage[data-v-8e43ed7a] {
 }
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-41f415e8] {
+.scalar-api-reference[data-v-07ea94ee] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -12146,19 +12220,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-41f415e8] {
+.scalar-api-reference.references-classic[data-v-07ea94ee] {
     /* 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-41f415e8] {
+.t-doc__sidebar[data-v-07ea94ee] {
   z-index: 10;
 }
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-41f415e8] {
+.references-layout[data-v-07ea94ee] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -12182,43 +12256,43 @@ div + .userMessage[data-v-8e43ed7a] {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-41f415e8] {
+.references-editor[data-v-07ea94ee] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-41f415e8] {
+.references-rendered[data-v-07ea94ee] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-41f415e8],
-.references-classic .references-rendered[data-v-41f415e8] {
+.scalar-api-reference.references-classic[data-v-07ea94ee],
+.references-classic .references-rendered[data-v-07ea94ee] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-41f415e8] {
+.references-sidebar[data-v-07ea94ee] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 /* Footer */
-.references-footer[data-v-41f415e8] {
+.references-footer[data-v-07ea94ee] {
   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-41f415e8] {
+.references-developer-tools[data-v-07ea94ee] {
     display: none;
 }
 
   /* Stack view on mobile */
-.references-layout[data-v-41f415e8] {
+.references-layout[data-v-07ea94ee] {
     /* 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)
@@ -12233,13 +12307,13 @@ div + .userMessage[data-v-8e43ed7a] {
       'rendered'
       'footer';
 }
-.references-editable[data-v-41f415e8] {
+.references-editable[data-v-07ea94ee] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-41f415e8] {
+.references-rendered[data-v-07ea94ee] {
     position: static;
 }
 }
@@ -12249,11 +12323,11 @@ div + .userMessage[data-v-8e43ed7a] {
 * when the new elements are available
 */
 @media (max-width: 1000px) {
-.scalar-api-references-standalone-mobile[data-v-41f415e8]:not(.references-classic) {
+.scalar-api-references-standalone-mobile[data-v-07ea94ee]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
-.darklight-reference[data-v-41f415e8] {
+.darklight-reference[data-v-07ea94ee] {
   width: 100%;
   margin-top: auto;
 }

package/package.json

@@ -18,7 +18,7 @@
     "testing",
     "react"
   ],
-  "version": "0.9.23",
+  "version": "0.9.24",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-reference": "1.52.2",
-    "@scalar/types": "0.9.0"
+    "@scalar/api-reference": "1.52.3",
+    "@scalar/types": "0.9.1"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",