@scalar/api-client-react 2.0.6 → 2.0.7

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @scalar/api-client-react
 
+## 2.0.7
+
 ## 2.0.6
 
 ## 2.0.5

package/dist/style.css

@@ -590,6 +590,7 @@
     --ease-in: cubic-bezier(.4, 0, 1, 1);
     --ease-out: cubic-bezier(0, 0, .2, 1);
     --ease-in-out: cubic-bezier(.4, 0, .2, 1);
+    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     --tracking-tight: -.025em;
@@ -927,6 +928,10 @@
   .scalar-app .bg-b-1\.5 {
     background-color: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
   }
+
+  .scalar-app .bg-sidebar-c-2\/15 {
+    background-color: color-mix(in oklab, var(--scalar-sidebar-color-2, var(--scalar-color-2)) 15%, transparent);
+  }
 }
 @supports (background-image: linear-gradient(in lab, red, red)) {
   .scalar-app .bg-linear-to-b {
@@ -1371,6 +1376,11 @@
   syntax: "*";
   inherits: false
 }
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
 .sidebar-heading-type[data-v-1857170e] {
   text-transform: uppercase;
   color: var(--method-color, var(--scalar-color-1));
@@ -2276,6 +2286,9 @@
 .group\/item:last-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
   bottom: 0;
 }
+.group\/item:last-of-type > .group\/button > .group\/button-label > .group\/button-loading {
+  width: 66.6667%;
+}
 .group\/items.-translate-x-full .group\/button {
   transition-behavior: allow-discrete;
   max-height: 0;
@@ -2498,9 +2511,6 @@
     padding-right: 12px;
   }
 }
-.scalar-app .invisible {
-  visibility: hidden;
-}
 .scalar-app .-inset-y-0\.5 {
   inset-block: -2px;
 }
@@ -2630,9 +2640,6 @@
 .scalar-app .-m-2 {
   margin: -8px;
 }
-.scalar-app .-m-px {
-  margin: -1px;
-}
 .scalar-app .m-1 {
   margin: 4px;
 }
@@ -2654,6 +2661,9 @@
 .scalar-app .-my-2 {
   margin-block: -8px;
 }
+.scalar-app .-my-px {
+  margin-block: -1px;
+}
 .scalar-app .my-0\.75 {
   margin-block: 3px;
 }
@@ -2895,6 +2905,9 @@
   --tw-scale-z: 100%;
   scale: var(--tw-scale-x) var(--tw-scale-y);
 }
+.scalar-app .animate-pulse {
+  animation: var(--animate-pulse);
+}
 .scalar-app .appearance-none {
   appearance: none;
 }
@@ -3016,6 +3029,14 @@
 .scalar-app .bg-sidebar-b-search {
   background-color: var(--scalar-sidebar-search-background, var(--scalar-background-2));
 }
+.scalar-app .bg-sidebar-c-2\/15 {
+  background-color: var(--scalar-sidebar-color-2, var(--scalar-color-2));
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .scalar-app .bg-sidebar-c-2\/15 {
+    background-color: color-mix(in oklab, var(--scalar-sidebar-color-2, var(--scalar-color-2)) 15%, transparent);
+  }
+}
 .scalar-app .bg-sidebar-indent-border {
   background-color: var(--scalar-sidebar-indent-border, var(--scalar-border-color));
 }
@@ -3086,11 +3107,11 @@
   -webkit-mask-repeat: repeat;
   mask-repeat: repeat;
 }
-.scalar-app .p-\(--scalar-sidebar-padding\) {
-  padding: var(--scalar-sidebar-padding);
+.scalar-app .px-1\.25 {
+  padding-inline: 5px;
 }
-.scalar-app .p-0\.25 {
-  padding: 1px;
+.scalar-app .px-3\.5 {
+  padding-inline: 14px;
 }
 .scalar-app .px-9 {
   padding-inline: 36px;
@@ -3138,10 +3159,6 @@
   --tw-font-weight: var(--scalar-sidebar-font-weight, var(--scalar-regular));
   font-weight: var(--scalar-sidebar-font-weight, var(--scalar-regular));
 }
-.scalar-app .font-sidebar-active {
-  --tw-font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));
-  font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));
-}
 .scalar-app .break-words, .scalar-app .wrap-break-word {
   overflow-wrap: break-word;
 }
@@ -3157,9 +3174,6 @@
 .scalar-app .text-c-tooltip {
   color: var(--scalar-tooltip-color);
 }
-.scalar-app .text-sidebar-c-1 {
-  color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
-}
 .scalar-app .text-sidebar-c-active {
   color: var(--scalar-sidebar-color-active, var(--scalar-sidebar-color-1));
 }
@@ -3527,6 +3541,9 @@
 .scalar-app .collapse {
   visibility: collapse;
 }
+.scalar-app .invisible {
+  visibility: hidden;
+}
 .scalar-app .visible {
   visibility: visible;
 }
@@ -3604,9 +3621,6 @@
 .scalar-app .end {
   inset-inline-end: 4px;
 }
-.scalar-app .-top-0\.5 {
-  top: -2px;
-}
 .scalar-app .top-0 {
   top: 0;
 }
@@ -3622,9 +3636,6 @@
 .scalar-app .top-\[calc\(100\%\+4px\)\] {
   top: calc(100% + 4px);
 }
-.scalar-app .-right-0\.5 {
-  right: -2px;
-}
 .scalar-app .-right-\[30px\] {
   right: -30px;
 }
@@ -3738,6 +3749,9 @@
 .scalar-app .-m-0\.5 {
   margin: -2px;
 }
+.scalar-app .-m-px {
+  margin: -1px;
+}
 .scalar-app .m-0 {
   margin: 0;
 }
@@ -4010,9 +4024,6 @@
 .scalar-app .h-125 {
   height: 500px;
 }
-.scalar-app .h-\[68px\] {
-  height: 68px;
-}
 .scalar-app .h-\[300px\] {
   height: 300px;
 }
@@ -4031,9 +4042,6 @@
 .scalar-app .h-full {
   height: 100%;
 }
-.scalar-app .h-header {
-  height: 48px;
-}
 .scalar-app .h-min {
   height: min-content;
 }
@@ -4166,9 +4174,6 @@
 .scalar-app .w-72 {
   width: 288px;
 }
-.scalar-app .w-\[60px\] {
-  width: 60px;
-}
 .scalar-app .w-\[100px\] {
   width: 100px;
 }
@@ -4856,6 +4861,9 @@
 .scalar-app .\!p-0 {
   padding: 0 !important;
 }
+.scalar-app .p-\(--scalar-sidebar-padding\) {
+  padding: var(--scalar-sidebar-padding);
+}
 .scalar-app .p-0 {
   padding: 0;
 }
@@ -4889,12 +4897,18 @@
 .scalar-app .p-4 {
   padding: 16px;
 }
+.scalar-app .p-6 {
+  padding: 24px;
+}
 .scalar-app .p-\[3px\] {
   padding: 3px;
 }
 .scalar-app .p-px {
   padding: 1px;
 }
+.scalar-app .px-\(--scalar-sidebar-padding\) {
+  padding-inline: var(--scalar-sidebar-padding);
+}
 .scalar-app .px-0 {
   padding-inline: 0;
 }
@@ -4910,9 +4924,6 @@
 .scalar-app .px-1\.5 {
   padding-inline: 6px;
 }
-.scalar-app .px-1\.25 {
-  padding-inline: 5px;
-}
 .scalar-app .px-2 {
   padding-inline: 8px;
 }
@@ -4922,9 +4933,6 @@
 .scalar-app .px-3 {
   padding-inline: 12px;
 }
-.scalar-app .px-3\.5 {
-  padding-inline: 14px;
-}
 .scalar-app .px-4 {
   padding-inline: 16px;
 }
@@ -5048,6 +5056,9 @@
 .scalar-app .pr-\[26px\] {
   padding-right: 26px;
 }
+.scalar-app .pb-1 {
+  padding-bottom: 4px;
+}
 .scalar-app .pb-1\.5 {
   padding-bottom: 6px;
 }
@@ -5217,6 +5228,10 @@
   --tw-font-weight: var(--scalar-regular);
   font-weight: var(--scalar-regular);
 }
+.scalar-app .font-sidebar-active {
+  --tw-font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));
+  font-weight: var(--scalar-sidebar-font-weight-active, var(--scalar-semibold));
+}
 .scalar-app .tracking-tight {
   --tw-tracking: var(--tracking-tight);
   letter-spacing: var(--tracking-tight);
@@ -5309,6 +5324,9 @@
 .scalar-app .text-red {
   color: var(--scalar-color-red);
 }
+.scalar-app .text-sidebar-c-1 {
+  color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
+}
 .scalar-app .text-sidebar-c-2 {
   color: var(--scalar-sidebar-color-2, var(--scalar-color-2));
 }
@@ -5718,6 +5736,9 @@
 .scalar-app .first\:rounded-md:first-child {
   border-radius: var(--scalar-radius);
 }
+:is(.scalar-app .\*\:first\:flex-none > *):first-child {
+  flex: none;
+}
 :is(.scalar-app .\*\:first\:rounded-l > *):first-child {
   border-top-left-radius: var(--scalar-radius);
   border-bottom-left-radius: var(--scalar-radius);
@@ -5840,6 +5861,10 @@
     color: var(--scalar-color-red);
   }
 
+  .scalar-app .hover\:text-sidebar-c-1:hover {
+    color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
+  }
+
   .scalar-app .hover\:underline:hover {
     text-decoration-line: underline;
   }
@@ -5972,18 +5997,6 @@
     padding-left: 56px;
   }
 }
-@media (min-width: 600px) {
-  .scalar-app .sm\:not-sr-only {
-    clip-path: none;
-    white-space: normal;
-    width: auto;
-    height: auto;
-    margin: 0;
-    padding: 0;
-    position: static;
-    overflow: visible;
-  }
-}
 @media (min-width: 800px) {
   .scalar-app .md\:pointer-events-none {
     pointer-events: none;
@@ -6607,11 +6620,11 @@
 .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-bc1b7459] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
-.app-exit-button[data-v-bcbdc356] {
+.app-exit-button[data-v-1c2b0dae] {
   color: white;
   background: rgba(0, 0, 0, 0.1);
 }
-.app-exit-button[data-v-bcbdc356]:hover {
+.app-exit-button[data-v-1c2b0dae]:hover {
   background: rgba(255, 255, 255, 0.1);
 }
 .fade-request-section-content[data-v-f97cc68c] {
@@ -7004,76 +7017,32 @@ to {
   right: 0;
   bottom: 0;
 }
-.download-app-button[data-v-9b609275] {
-  box-shadow: 0 0 0 0.5px var(--scalar-border-color);
-  background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.035));
-}
-.dark-mode .download-app-button[data-v-9b609275] {
-  background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.15));
-}
-.download-app-button[data-v-9b609275]:hover {
-  background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(255, 255, 255, 0.75));
-}
-.dark-mode .download-app-button[data-v-9b609275]:hover {
-  background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.1));
-}
-.empty-sidebar-item-content[data-v-8269f62b] {
-  display: none;
-}
-.empty-sidebar-item .empty-sidebar-item-content[data-v-8269f62b] {
-  display: block;
-}
-.rabbitjump[data-v-8269f62b] {
-  opacity: 0;
-}
-.empty-sidebar-item:hover .rabbitjump[data-v-8269f62b] {
-  opacity: 1;
-  animation: rabbitAnimation-8269f62b 0.5s steps(1) infinite;
-}
-.empty-sidebar-item:hover .rabbitsit[data-v-8269f62b] {
-  opacity: 0;
-  animation: rabbitAnimation2-8269f62b 0.5s steps(1) infinite;
-}
-.empty-sidebar-item:hover .rabbit-ascii[data-v-8269f62b] {
-  animation: rabbitRun-8269f62b 8s infinite linear;
-}
-@keyframes rabbitRun-8269f62b {
-0% {
-    transform: translate3d(0, 0, 0);
-}
-25% {
-    transform: translate3d(250px, 0, 0);
-}
-25.01% {
-    transform: translate3d(-250px, 0, 0);
-}
-75% {
-    transform: translate3d(250px, 0, 0);
-}
-75.01% {
-    transform: translate3d(-250px, 0, 0);
-}
-100% {
-    transform: translate3d(0, 0, 0);
+.ref-search-meta[data-v-a00657cc] {
+  background: var(--scalar-background-1);
+  border-bottom-left-radius: var(--scalar-radius-lg);
+  border-bottom-right-radius: var(--scalar-radius-lg);
+  padding: 6px 12px;
+  font-size: var(--scalar-font-size-4);
+  color: var(--scalar-color-3);
+  font-weight: var(--scalar-semibold);
+  display: flex;
+  gap: 12px;
+  border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
+/*
+ * Gentle pulse for the registry loading skeletons. Matches the existing
+ * `LoadingSkeleton.vue` easing/duration used in `@scalar/api-reference` so
+ * any skeleton in the app feels consistent.
+ */
+.sidebar-skeleton-row > span[data-v-e803152c] {
+  animation: sidebar-skeleton-pulse-e803152c 1.5s infinite alternate;
 }
-@keyframes rabbitAnimation-8269f62b {
-0%,
-  100% {
+@keyframes sidebar-skeleton-pulse-e803152c {
+from {
     opacity: 1;
 }
-50% {
-    opacity: 0;
-}
-}
-@keyframes rabbitAnimation2-8269f62b {
-0%,
-  100% {
-    opacity: 0;
-}
-50% {
-    opacity: 1;
-    transform: translate3d(0, -8px, 0);
+to {
+    opacity: 0.33;
 }
 }
 /** Single tab styling - appears as a header without tab-like appearance */

package/package.json

@@ -19,7 +19,7 @@
     "testing",
     "react"
   ],
-  "version": "2.0.6",
+  "version": "2.0.7",
   "engines": {
     "node": ">=22"
   },
@@ -39,8 +39,8 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-client": "3.2.2",
-    "@scalar/workspace-store": "0.46.3",
+    "@scalar/api-client": "3.3.0",
+    "@scalar/workspace-store": "0.47.0",
     "@scalar/helpers": "0.5.2"
   },
   "devDependencies": {