@scalar/api-reference-react 0.9.20 → 0.9.21

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @scalar/api-reference-react
 
+## 0.9.21
+
 ## 0.9.20
 
 ## 0.9.19

package/dist/style.css

@@ -1637,10 +1637,10 @@ button.headers-card-title[data-v-ab19704d]:hover {
   outline-offset: 2px;
   border-radius: var(--scalar-radius);
 }
-.request-body[data-v-48eb3d5d] {
+.request-body[data-v-f323f401] {
   margin-top: 24px;
 }
-.request-body-header[data-v-48eb3d5d] {
+.request-body-header[data-v-f323f401] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -1648,7 +1648,7 @@ button.headers-card-title[data-v-ab19704d]:hover {
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
   flex-flow: wrap;
 }
-.request-body-title[data-v-48eb3d5d] {
+.request-body-title[data-v-f323f401] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -1656,7 +1656,7 @@ button.headers-card-title[data-v-ab19704d]:hover {
   font-weight: var(--scalar-semibold);
   color: var(--scalar-color-1);
 }
-.request-body-required[data-v-48eb3d5d] {
+.request-body-required[data-v-f323f401] {
   font-size: var(--scalar-micro);
   color: var(--scalar-color-orange);
   font-weight: normal;
@@ -1665,21 +1665,21 @@ button.headers-card-title[data-v-ab19704d]:hover {
   padding: 2px 8px;
   height: 20px;
 }
-.request-body-description[data-v-48eb3d5d] {
+.request-body-description[data-v-f323f401] {
   margin-top: 6px;
   font-size: var(--scalar-small);
   width: 100%;
 }
 .request-body-header
-  + .request-body-schema[data-v-48eb3d5d]:has(> .schema-card > .schema-card-description),
+  + .request-body-schema[data-v-f323f401]:has(> .schema-card > .schema-card-description),
 .request-body-header
-  + .request-body-schema[data-v-48eb3d5d]:has(
+  + .request-body-schema[data-v-f323f401]:has(
     > .schema-card > .schema-properties > * > .property--level-0
   ) {
   /** Add a bit of space between the heading border and the schema description or properties */
   padding-top: 8px;
 }
-.request-body-description[data-v-48eb3d5d] .markdown * {
+.request-body-description[data-v-f323f401] .markdown * {
   color: var(--scalar-color-2) !important;
 }
 .callback-sticky-offset[data-v-df994c31] {
@@ -3336,6 +3336,9 @@ body {
 .scalar-app .-mx-2 {
   margin-inline: -8px;
 }
+.scalar-app .mx-1\.5 {
+  margin-inline: 6px;
+}
 .scalar-app .my-2 {
   margin-block: 8px;
 }
@@ -7813,12 +7816,18 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .min-h-20 {
   min-height: 80px;
 }
+.scalar-app .min-h-\[4rem\] {
+  min-height: 4rem;
+}
 .scalar-app .min-h-\[64px\] {
   min-height: 64px;
 }
 .scalar-app .min-h-\[65px\] {
   min-height: 65px;
 }
+.scalar-app .min-h-\[300px\] {
+  min-height: 300px;
+}
 .scalar-app .min-h-\[calc\(1rem\*4\)\] {
   min-height: 4rem;
 }
@@ -7843,6 +7852,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .w-1\/2 {
   width: 50%;
 }
+.scalar-app .w-2 {
+  width: 8px;
+}
 .scalar-app .w-2\.5 {
   width: 10px;
 }
@@ -8428,7 +8440,7 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .border-\(--scalar-color-alert\) {
   border-color: var(--scalar-color-alert);
 }
-.scalar-app .border-border {
+.scalar-app .border-\[var\(--scalar-border-color\)\], .scalar-app .border-border {
   border-color: var(--scalar-border-color);
 }
 .scalar-app .border-c-1 {
@@ -8465,6 +8477,18 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .bg-\(--scalar-background-alert\) {
   background-color: var(--scalar-background-alert);
 }
+.scalar-app .bg-\[var\(--scalar-background-1\)\] {
+  background-color: var(--scalar-background-1);
+}
+.scalar-app .bg-\[var\(--scalar-background-2\)\] {
+  background-color: var(--scalar-background-2);
+}
+.scalar-app .bg-\[var\(--scalar-background-3\)\] {
+  background-color: var(--scalar-background-3);
+}
+.scalar-app .bg-\[var\(--scalar-color-green\)\] {
+  background-color: var(--scalar-color-green);
+}
 .scalar-app .bg-b-1 {
   background-color: var(--scalar-background-1);
 }
@@ -9123,6 +9147,10 @@ input[data-v-c1a50a6e]::placeholder {
   --tw-shadow: 0 -8px 0 8px var(--tw-shadow-color, var(--scalar-background-1)), 0 0 8px 8px var(--tw-shadow-color, var(--scalar-background-1));
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
+.scalar-app .shadow-\[var\(--scalar-shadow-1\)\] {
+  --tw-shadow: var(--scalar-shadow-1);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
 .scalar-app .shadow-border {
   --tw-shadow: inset 0 0 0 var(--tw-shadow-color, var(--scalar-border-width)) var(--scalar-border-color);
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -9183,6 +9211,11 @@ input[data-v-c1a50a6e]::placeholder {
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
   transition-duration: var(--tw-duration, var(--default-transition-duration));
 }
+.scalar-app .transition-all {
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+  transition-duration: var(--tw-duration, var(--default-transition-duration));
+}
 .scalar-app .transition-colors {
   transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
   transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -9545,6 +9578,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .hover\:border-inherit:hover {
     border-color: inherit;
 }
+.scalar-app .hover\:bg-\[var\(--scalar-background-3\)\]:hover {
+    background-color: var(--scalar-background-3);
+}
 .scalar-app .hover\:bg-b-2:hover, .scalar-app .hover\:bg-b-2\/40:hover {
     background-color: var(--scalar-background-2);
 }
@@ -11852,6 +11888,9 @@ to {
   gap: 1rem;
   display: flex;
 }
+.document-scripts-editors__container[data-v-8c8fa790] {
+  min-height: 300px;
+}
 .authenticationProvided[data-v-e3416cd5] {
   color: var(--scalar-color-1);
   font-weight: var(--scalar-semibold);
@@ -13412,7 +13451,7 @@ div + .userMessage[data-v-8e43ed7a] {
 }
 /* Configurable Layout Variables */
 @layer scalar-config {
-.scalar-api-reference[data-v-0d40a3ce] {
+.scalar-api-reference[data-v-f2a1208a] {
     /* The header height */
     --refs-header-height: calc(
       var(--scalar-custom-header-height, 0px) + var(--scalar-header-height, 0px)
@@ -13434,19 +13473,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-0d40a3ce] {
+.scalar-api-reference.references-classic[data-v-f2a1208a] {
     /* 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-0d40a3ce] {
+.t-doc__sidebar[data-v-f2a1208a] {
   z-index: 10;
 }
 /* ----------------------------------------------------- */
 /* References Layout */
-.references-layout[data-v-0d40a3ce] {
+.references-layout[data-v-f2a1208a] {
   /* Try to fill the container */
   min-height: 100dvh;
   min-width: 100%;
@@ -13470,43 +13509,43 @@ div + .userMessage[data-v-8e43ed7a] {
 
   background: var(--scalar-background-1);
 }
-.references-editor[data-v-0d40a3ce] {
+.references-editor[data-v-f2a1208a] {
   grid-area: editor;
   display: flex;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.references-rendered[data-v-0d40a3ce] {
+.references-rendered[data-v-f2a1208a] {
   position: relative;
   grid-area: rendered;
   min-width: 0;
   background: var(--scalar-background-1);
 }
-.scalar-api-reference.references-classic[data-v-0d40a3ce],
-.references-classic .references-rendered[data-v-0d40a3ce] {
+.scalar-api-reference.references-classic[data-v-f2a1208a],
+.references-classic .references-rendered[data-v-f2a1208a] {
   height: initial !important;
   max-height: initial !important;
 }
 @layer scalar-config {
-.references-sidebar[data-v-0d40a3ce] {
+.references-sidebar[data-v-f2a1208a] {
     /* Set a default width if references are enabled */
     --refs-sidebar-width: var(--scalar-sidebar-width, 288px);
 }
 }
 /* Footer */
-.references-footer[data-v-0d40a3ce] {
+.references-footer[data-v-f2a1208a] {
   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-0d40a3ce] {
+.references-developer-tools[data-v-f2a1208a] {
     display: none;
 }
 
   /* Stack view on mobile */
-.references-layout[data-v-0d40a3ce] {
+.references-layout[data-v-f2a1208a] {
     /* 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)
@@ -13521,13 +13560,13 @@ div + .userMessage[data-v-8e43ed7a] {
       'rendered'
       'footer';
 }
-.references-editable[data-v-0d40a3ce] {
+.references-editable[data-v-f2a1208a] {
     grid-template-areas:
       'header'
       'navigation'
       'editor';
 }
-.references-rendered[data-v-0d40a3ce] {
+.references-rendered[data-v-f2a1208a] {
     position: static;
 }
 }
@@ -13537,11 +13576,11 @@ div + .userMessage[data-v-8e43ed7a] {
 * when the new elements are available
 */
 @media (max-width: 1000px) {
-.scalar-api-references-standalone-mobile[data-v-0d40a3ce]:not(.references-classic) {
+.scalar-api-references-standalone-mobile[data-v-f2a1208a]:not(.references-classic) {
     --scalar-header-height: 50px;
 }
 }
-.darklight-reference[data-v-0d40a3ce] {
+.darklight-reference[data-v-f2a1208a] {
   width: 100%;
   margin-top: auto;
 }

package/package.json

@@ -18,7 +18,7 @@
     "testing",
     "react"
   ],
-  "version": "0.9.20",
+  "version": "0.9.21",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-reference": "1.51.0",
-    "@scalar/types": "0.7.6"
+    "@scalar/api-reference": "1.52.0",
+    "@scalar/types": "0.8.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",