@scalar/api-reference-react 0.9.28 → 0.9.29

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @scalar/api-reference-react
 
+## 0.9.29
+
 ## 0.9.28
 
 ## 0.9.27

package/dist/style.css

@@ -10553,7 +10553,7 @@ to {
   border-radius: var(--scalar-radius-md, 4px);
   background-color: var(--scalar-background-danger);
 }
-.scalar .scalar-app-layout[data-v-6118685a] {
+.scalar .scalar-app-layout[data-v-ae5e8531] {
   background: var(--scalar-background-1);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   border-radius: 8px;
@@ -10565,12 +10565,12 @@ to {
   overflow: hidden;
 }
 @media (max-width: 720px) and (max-height: 480px) {
-.scalar .scalar-app-layout[data-v-6118685a] {
+.scalar .scalar-app-layout[data-v-ae5e8531] {
     height: 100%;
     max-height: 90svh;
 }
 }
-.scalar .scalar-app-exit[data-v-6118685a] {
+.scalar .scalar-app-exit[data-v-ae5e8531] {
   cursor: pointer;
   z-index: -1;
   background: #00000038;
@@ -10580,10 +10580,10 @@ to {
   top: 0;
   left: 0;
 }
-.dark-mode .scalar .scalar-app-exit[data-v-6118685a] {
+.dark-mode .scalar .scalar-app-exit[data-v-ae5e8531] {
   background: #00000073;
 }
-.scalar .scalar-app-exit[data-v-6118685a]:before {
+.scalar .scalar-app-exit[data-v-ae5e8531]:before {
   text-align: center;
   color: #fff;
   opacity: .6;
@@ -10595,15 +10595,19 @@ to {
   top: 0;
   right: 12px;
 }
-.scalar .scalar-app-exit[data-v-6118685a]:hover:before {
+.scalar .scalar-app-exit[data-v-ae5e8531]:hover:before {
   opacity: 1;
 }
-.scalar-container[data-v-6118685a] {
-  visibility: visible;
+.scalar-container[data-v-ae5e8531] {
+  visibility: hidden;
+  opacity: 0;
+  pointer-events: none;
+  will-change: opacity;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
+  transition: opacity .35s, visibility 0s linear .35s;
   display: flex;
   position: fixed;
   top: 0;
@@ -10611,18 +10615,18 @@ to {
   left: 0;
   overflow: hidden;
 }
-.scalar .url-form-input[data-v-6118685a] {
+.scalar-container.scalar-client--open[data-v-ae5e8531] {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+  transition: opacity .35s;
+}
+.scalar .url-form-input[data-v-ae5e8531] {
   min-height: auto !important;
 }
-.scalar .scalar-container[data-v-6118685a] {
+.scalar .scalar-container[data-v-ae5e8531] {
   line-height: normal;
 }
-.scalar-client-fade-enter-active[data-v-6118685a], .scalar-client-fade-leave-active[data-v-6118685a] {
-  transition: opacity .35s;
-}
-.scalar-client-fade-enter-from[data-v-6118685a], .scalar-client-fade-leave-to[data-v-6118685a] {
-  opacity: 0;
-}
 .document-scripts-editors__container[data-v-8c8fa790] {
   min-height: 300px;
 }

package/package.json

@@ -18,7 +18,7 @@
     "testing",
     "react"
   ],
-  "version": "0.9.28",
+  "version": "0.9.29",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/types": "0.9.2",
-    "@scalar/api-reference": "1.53.0"
+    "@scalar/api-reference": "1.53.1",
+    "@scalar/types": "0.9.3"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",