@scalar/api-client-react 2.0.0 → 2.0.1

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @scalar/api-client-react
 
+## 2.0.1
+
 ## 2.0.0
 
 ### Major Changes

package/dist/style.css

@@ -1014,6 +1014,7 @@ input[data-v-c1a50a6e]::placeholder {
     --scalar-text-decoration-hover: underline;
     --scalar-link-font-weight: inherit;
     --scalar-sidebar-indent: 20px;
+    --scalar-sidebar-padding: 12px;
   }
 
   .dark-mode {
@@ -1436,6 +1437,15 @@ input[data-v-c1a50a6e]::placeholder {
     width: 50dvw !important;
   }
 }
+@keyframes border-bottom {
+  from {
+    border-bottom-width: 0;
+  }
+
+  to {
+    border-bottom-width: var(--scalar-border-width);
+  }
+}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false
@@ -2935,6 +2945,11 @@ input[data-v-c1a50a6e]::placeholder {
   max-height: 3.40282e38px;
   display: flex;
 }
+.animate-sidebar-border-bottom {
+  animation: forwards border-bottom;
+  animation-timeline: scroll();
+  animation-range-end: 1px;
+}
 .group\/sidebar-section:first-of-type > .group\/spacer-before, .group\/sidebar-section:last-of-type > .group\/spacer-after {
   height: 0;
 }
@@ -3144,6 +3159,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .top-\(--nested-items-offset\)\! {
   top: var(--nested-items-offset) !important;
 }
+.scalar-app .top-\(--scalar-sidebar-sticky-offset\,0\) {
+  top: var(--scalar-sidebar-sticky-offset, 0);
+}
 .scalar-app .top-0\.5 {
   top: 2px;
 }
@@ -3231,6 +3249,9 @@ input[data-v-c1a50a6e]::placeholder {
     max-width: 96rem;
   }
 }
+.scalar-app .-m-\(--scalar-sidebar-padding\) {
+  margin: calc(var(--scalar-sidebar-padding) * -1);
+}
 .scalar-app .-m-1 {
   margin: -4px;
 }
@@ -3358,6 +3379,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .min-h-header {
   min-height: 48px;
 }
+.scalar-app .w-\(--scalar-sidebar-width\) {
+  width: var(--scalar-sidebar-width);
+}
 .scalar-app .w-12 {
   width: 48px;
 }
@@ -3543,6 +3567,9 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .border-sidebar-border-search {
   border-color: var(--scalar-sidebar-search-border-color, var(--scalar-border-color));
 }
+.scalar-app .border-b-sidebar-border {
+  border-bottom-color: var(--scalar-sidebar-border-color, var(--scalar-border-color));
+}
 .scalar-app .bg-\(--bg-light\) {
   background-color: var(--bg-light);
 }
@@ -3651,6 +3678,9 @@ input[data-v-c1a50a6e]::placeholder {
   -webkit-mask-repeat: repeat;
   mask-repeat: repeat;
 }
+.scalar-app .p-\(--scalar-sidebar-padding\) {
+  padding: var(--scalar-sidebar-padding);
+}
 .scalar-app .p-0\.25 {
   padding: 1px;
 }
@@ -3862,11 +3892,11 @@ input[data-v-c1a50a6e]::placeholder {
 .scalar-app .placeholder\:font-\[inherit\]::placeholder {
   font-family: inherit;
 }
-.scalar-app .first\:rounded-t-\[inherit\]:first-child, :is(.scalar-app .\*\:first\:rounded-t-\[inherit\] > *):first-child {
+.scalar-app .first\:rounded-t-\[inherit\]:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-.scalar-app .last\:rounded-b-\[inherit\]:last-child, :is(.scalar-app .\*\:last\:rounded-b-\[inherit\] > *):last-child {
+.scalar-app .last\:rounded-b-\[inherit\]:last-child {
   border-bottom-right-radius: inherit;
   border-bottom-left-radius: inherit;
 }
@@ -4042,6 +4072,9 @@ input[data-v-c1a50a6e]::placeholder {
   inherits: false;
   initial-value: "";
 }
+:where(.scalar-app) [class*="rotate-"], :where(.scalar-app) [class*="translate-"], :where(.scalar-app) [class*="scale-"] {
+  transform: none;
+}
 .scalar-app .pointer-events-auto {
   pointer-events: auto;
 }
@@ -7393,51 +7426,51 @@ input[data-v-c1a50a6e]::placeholder {
 .description[data-v-1b7a32a4] .markdown > *:first-child {
   margin-top: 0;
 }
-[data-v-e06ea441] .cm-editor {
+[data-v-0ec7147f] .cm-editor {
   height: 100%;
   outline: none;
   width: 100%;
 }
-[data-v-e06ea441] .cm-line {
+[data-v-0ec7147f] .cm-line {
   padding: 0;
 }
-[data-v-e06ea441] .cm-content {
+[data-v-0ec7147f] .cm-content {
   padding: 0;
   display: flex;
   align-items: center;
   font-size: var(--scalar-small);
 }
-.scroll-timeline-x[data-v-e06ea441] {
+.scroll-timeline-x[data-v-0ec7147f] {
   scroll-timeline: --scroll-timeline x;
   /* Firefox supports */
   scroll-timeline: --scroll-timeline horizontal;
   -ms-overflow-style: none; /* IE and Edge */
 }
-.scroll-timeline-x-hidden[data-v-e06ea441] {
+.scroll-timeline-x-hidden[data-v-0ec7147f] {
   overflow-x: auto;
 }
-.scroll-timeline-x-hidden[data-v-e06ea441] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-0ec7147f] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
-.scroll-timeline-x-hidden[data-v-e06ea441]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-0ec7147f]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-hidden[data-v-e06ea441] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-0ec7147f] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-address[data-v-e06ea441] {
+.scroll-timeline-x-address[data-v-0ec7147f] {
   line-height: 27px;
   scrollbar-width: none; /* Firefox */
 }
 /* make clickable are to left of send button */
-.scroll-timeline-x-address[data-v-e06ea441]:after {
+.scroll-timeline-x-address[data-v-0ec7147f]:after {
   content: '';
   position: absolute;
   height: 100%;
@@ -7445,24 +7478,24 @@ input[data-v-c1a50a6e]::placeholder {
   right: 0;
   cursor: text;
 }
-.scroll-timeline-x-address[data-v-e06ea441]:empty:before {
+.scroll-timeline-x-address[data-v-0ec7147f]:empty:before {
   content: 'Enter URL or cURL request';
   color: var(--scalar-color-3);
   pointer-events: none;
 }
-.fade-left[data-v-e06ea441],
-.fade-right[data-v-e06ea441] {
+.fade-left[data-v-0ec7147f],
+.fade-right[data-v-0ec7147f] {
   content: '';
   position: sticky;
   height: 100%;
-  animation-name: fadein-e06ea441;
+  animation-name: fadein-0ec7147f;
   animation-duration: 1ms;
   animation-direction: reverse;
   animation-timeline: --scroll-timeline;
   pointer-events: none;
   z-index: 1;
 }
-.fade-left[data-v-e06ea441] {
+.fade-left[data-v-0ec7147f] {
   background: linear-gradient(
     -90deg,
     color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,
@@ -7473,7 +7506,7 @@ input[data-v-c1a50a6e]::placeholder {
   min-width: 6px;
   animation-direction: normal;
 }
-.fade-right[data-v-e06ea441] {
+.fade-right[data-v-0ec7147f] {
   background: linear-gradient(
     90deg,
     color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,
@@ -7483,7 +7516,7 @@ input[data-v-c1a50a6e]::placeholder {
   right: -1px;
   min-width: 24px;
 }
-@keyframes fadein-e06ea441 {
+@keyframes fadein-0ec7147f {
 0% {
     opacity: 0;
 }
@@ -7491,7 +7524,7 @@ input[data-v-c1a50a6e]::placeholder {
     opacity: 1;
 }
 }
-.address-bar-bg-states[data-v-e06ea441] {
+.address-bar-bg-states[data-v-0ec7147f] {
   --scalar-address-bar-bg: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -7499,14 +7532,14 @@ input[data-v-c1a50a6e]::placeholder {
   );
   background: var(--scalar-address-bar-bg);
 }
-.address-bar-bg-states[data-v-e06ea441]:has(.cm-focused) {
+.address-bar-bg-states[data-v-0ec7147f]:has(.cm-focused) {
   --scalar-address-bar-bg: var(--scalar-background-1);
   border-color: var(--scalar-border-color);
   outline-width: 1px;
   outline-style: solid;
 }
-.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-e06ea441],
-.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-e06ea441] {
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-0ec7147f],
+.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-0ec7147f] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 .app-exit-button[data-v-0e03d0d8] {
@@ -7915,27 +7948,27 @@ to {
 .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-6f80f8d3] {
+.empty-sidebar-item-content[data-v-96a54993] {
   display: none;
 }
-.empty-sidebar-item .empty-sidebar-item-content[data-v-6f80f8d3] {
+.empty-sidebar-item .empty-sidebar-item-content[data-v-96a54993] {
   display: block;
 }
-.rabbitjump[data-v-6f80f8d3] {
+.rabbitjump[data-v-96a54993] {
   opacity: 0;
 }
-.empty-sidebar-item:hover .rabbitjump[data-v-6f80f8d3] {
+.empty-sidebar-item:hover .rabbitjump[data-v-96a54993] {
   opacity: 1;
-  animation: rabbitAnimation-6f80f8d3 0.5s steps(1) infinite;
+  animation: rabbitAnimation-96a54993 0.5s steps(1) infinite;
 }
-.empty-sidebar-item:hover .rabbitsit[data-v-6f80f8d3] {
+.empty-sidebar-item:hover .rabbitsit[data-v-96a54993] {
   opacity: 0;
-  animation: rabbitAnimation2-6f80f8d3 0.5s steps(1) infinite;
+  animation: rabbitAnimation2-96a54993 0.5s steps(1) infinite;
 }
-.empty-sidebar-item:hover .rabbit-ascii[data-v-6f80f8d3] {
-  animation: rabbitRun-6f80f8d3 8s infinite linear;
+.empty-sidebar-item:hover .rabbit-ascii[data-v-96a54993] {
+  animation: rabbitRun-96a54993 8s infinite linear;
 }
-@keyframes rabbitRun-6f80f8d3 {
+@keyframes rabbitRun-96a54993 {
 0% {
     transform: translate3d(0, 0, 0);
 }
@@ -7955,7 +7988,7 @@ to {
     transform: translate3d(0, 0, 0);
 }
 }
-@keyframes rabbitAnimation-6f80f8d3 {
+@keyframes rabbitAnimation-96a54993 {
 0%,
   100% {
     opacity: 1;
@@ -7964,7 +7997,7 @@ to {
     opacity: 0;
 }
 }
-@keyframes rabbitAnimation2-6f80f8d3 {
+@keyframes rabbitAnimation2-96a54993 {
 0%,
   100% {
     opacity: 0;

package/package.json

@@ -19,7 +19,7 @@
     "testing",
     "react"
   ],
-  "version": "2.0.0",
+  "version": "2.0.1",
   "engines": {
     "node": ">=22"
   },
@@ -39,9 +39,9 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/workspace-store": "0.44.0",
-    "@scalar/api-client": "2.42.0",
-    "@scalar/types": "0.8.0"
+    "@scalar/api-client": "2.43.0",
+    "@scalar/types": "0.8.0",
+    "@scalar/workspace-store": "0.45.0"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",