@scalar/api-client-react 2.0.8 → 2.0.9

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @scalar/api-client-react
 
+## 2.0.9
+
 ## 2.0.8
 
 ## 2.0.7

package/dist/style.css

@@ -2628,9 +2628,6 @@
 .scalar-app .\!m-0 {
   margin: 0 !important;
 }
-.scalar-app .-m-\(--scalar-sidebar-padding\) {
-  margin: calc(var(--scalar-sidebar-padding) * -1);
-}
 .scalar-app .-m-1 {
   margin: -4px;
 }
@@ -2643,6 +2640,9 @@
 .scalar-app .m-1 {
   margin: 4px;
 }
+.scalar-app .-mx-\(--scalar-sidebar-padding\) {
+  margin-inline: calc(var(--scalar-sidebar-padding) * -1);
+}
 .scalar-app .-mx-0\.75 {
   margin-inline: -3px;
 }
@@ -2670,6 +2670,9 @@
 .scalar-app .my-1\.5 {
   margin-block: 6px;
 }
+.scalar-app .-mt-\(--scalar-sidebar-padding\) {
+  margin-top: calc(var(--scalar-sidebar-padding) * -1);
+}
 .scalar-app .-mt-1\.5 {
   margin-top: -6px;
 }
@@ -2803,9 +2806,6 @@
 .scalar-app .w-48 {
   width: 192px;
 }
-.scalar-app .w-64 {
-  width: 256px;
-}
 .scalar-app .w-\[38px\] {
   width: 38px;
 }
@@ -3017,9 +3017,6 @@
 .scalar-app .bg-backdrop {
   background-color: #00000038;
 }
-.scalar-app .bg-border {
-  background-color: var(--scalar-border-color);
-}
 .scalar-app .bg-inherit {
   background-color: inherit;
 }
@@ -3119,6 +3116,9 @@
 .scalar-app .py-\[6\.75px\] {
   padding-block: 6.75px;
 }
+.scalar-app .pt-\(--scalar-sidebar-padding\) {
+  padding-top: var(--scalar-sidebar-padding);
+}
 .scalar-app .pr-\[100\%\] {
   padding-right: 100%;
 }
@@ -4171,6 +4171,9 @@
 .scalar-app .w-56 {
   width: 224px;
 }
+.scalar-app .w-64 {
+  width: 256px;
+}
 .scalar-app .w-72 {
   width: 288px;
 }
@@ -4231,6 +4234,9 @@
 .scalar-app .max-w-full-padded-4 {
   max-width: calc(100% - 32px);
 }
+.scalar-app .max-w-sm {
+  max-width: 384px;
+}
 .scalar-app .min-w-0 {
   min-width: 0;
 }
@@ -4767,6 +4773,9 @@
 .scalar-app .bg-b-danger {
   background-color: var(--scalar-background-danger);
 }
+.scalar-app .bg-border {
+  background-color: var(--scalar-border-color);
+}
 .scalar-app .bg-c-accent, .scalar-app .bg-c-accent\/5 {
   background-color: var(--scalar-color-accent);
 }
@@ -5095,6 +5104,9 @@
 .scalar-app .pl-12 {
   padding-left: 48px;
 }
+.scalar-app .pl-px {
+  padding-left: 1px;
+}
 .scalar-app .text-center {
   text-align: center;
 }
@@ -5918,6 +5930,9 @@
 .scalar-app .disabled\:text-c-2:disabled {
   color: var(--scalar-color-2);
 }
+.scalar-app .disabled\:opacity-50:disabled {
+  opacity: .5;
+}
 .scalar-app .has-focus-visible\:bg-b-1:has(:focus-visible) {
   background-color: var(--scalar-background-1);
 }
@@ -6334,23 +6349,23 @@
 /*
    Deep styling for customizing Codemirror
   */
-[data-v-6499ec1f] .cm-editor {
+[data-v-3118bf46] .cm-editor {
   height: 100%;
   outline: none;
   padding: 0;
   background: transparent;
 }
-[data-v-6499ec1f] .cm-placeholder {
+[data-v-3118bf46] .cm-placeholder {
   color: var(--scalar-color-3);
 }
-[data-v-6499ec1f] .cm-content {
+[data-v-3118bf46] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
 /* Tooltip helper */
-[data-v-6499ec1f] .cm-tooltip {
+[data-v-3118bf46] .cm-tooltip {
   background: transparent !important;
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
@@ -6359,43 +6374,43 @@
   outline: none !important;
   overflow: hidden !important;
 }
-[data-v-6499ec1f] .cm-tooltip-autocomplete ul li {
+[data-v-3118bf46] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
-[data-v-6499ec1f] .cm-completionIcon-type:after {
+[data-v-3118bf46] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
-[data-v-6499ec1f] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-3118bf46] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
-[data-v-6499ec1f] .cm-tooltip-autocomplete ul {
+[data-v-3118bf46] .cm-tooltip-autocomplete ul {
   padding: 6px !important;
   position: relative;
 }
-[data-v-6499ec1f] .cm-tooltip-autocomplete ul li:hover {
+[data-v-3118bf46] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
 /* Disable active line highlighting */
-[data-v-6499ec1f] .cm-activeLine,[data-v-6499ec1f] .cm-activeLineGutter {
+[data-v-3118bf46] .cm-activeLine,[data-v-3118bf46] .cm-activeLineGutter {
   background-color: transparent;
 }
 /* Color selection matching */
-[data-v-6499ec1f] .cm-selectionMatch,[data-v-6499ec1f] .cm-matchingBracket {
+[data-v-3118bf46] .cm-selectionMatch,[data-v-3118bf46] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
 /* Color Picker Swatches */
-[data-v-6499ec1f] .cm-css-color-picker-wrapper {
+[data-v-3118bf46] .cm-css-color-picker-wrapper {
   display: inline-flex;
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   overflow: hidden;
 }
 /* Number gutter */
-[data-v-6499ec1f] .cm-gutters {
+[data-v-3118bf46] .cm-gutters {
   background-color: transparent;
   border-right: none;
   color: var(--scalar-color-3);
@@ -6403,7 +6418,7 @@
   line-height: 22px;
   border-radius: 0 0 0 3px;
 }
-[data-v-6499ec1f] .cm-gutters:before {
+[data-v-3118bf46] .cm-gutters:before {
   content: '';
   position: absolute;
   top: 2px;
@@ -6413,7 +6428,7 @@
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
 }
-[data-v-6499ec1f] .cm-gutterElement {
+[data-v-3118bf46] .cm-gutterElement {
   font-family: var(--scalar-font-code) !important;
   padding-left: 0px !important;
   padding-right: 6px !important;
@@ -6422,16 +6437,16 @@
   justify-content: flex-end;
   position: relative;
 }
-[data-v-6499ec1f] .cm-lineNumbers .cm-gutterElement {
+[data-v-3118bf46] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
-[data-v-6499ec1f] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-3118bf46] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
-[data-v-6499ec1f] .cm-scroller {
+[data-v-3118bf46] .cm-scroller {
   overflow: auto;
 }
-.line-wrapping[data-v-6499ec1f]:focus-within .cm-content {
+.line-wrapping[data-v-3118bf46]:focus-within .cm-content {
   display: inline-table;
   min-height: fit-content;
   padding: 3px 6px;
@@ -6504,51 +6519,51 @@
 .description[data-v-1b7a32a4] .markdown > *:first-child {
   margin-top: 0;
 }
-[data-v-bc1b7459] .cm-editor {
+[data-v-dc314812] .cm-editor {
   height: 100%;
   outline: none;
   width: 100%;
 }
-[data-v-bc1b7459] .cm-line {
+[data-v-dc314812] .cm-line {
   padding: 0;
 }
-[data-v-bc1b7459] .cm-content {
+[data-v-dc314812] .cm-content {
   padding: 0;
   display: flex;
   align-items: center;
   font-size: var(--scalar-small);
 }
-.scroll-timeline-x[data-v-bc1b7459] {
+.scroll-timeline-x[data-v-dc314812] {
   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-bc1b7459] {
+.scroll-timeline-x-hidden[data-v-dc314812] {
   overflow-x: auto;
 }
-.scroll-timeline-x-hidden[data-v-bc1b7459] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-dc314812] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
-.scroll-timeline-x-hidden[data-v-bc1b7459]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-dc314812]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-hidden[data-v-bc1b7459] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-dc314812] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-address[data-v-bc1b7459] {
+.scroll-timeline-x-address[data-v-dc314812] {
   line-height: 27px;
   scrollbar-width: none; /* Firefox */
 }
 /* make clickable are to left of send button */
-.scroll-timeline-x-address[data-v-bc1b7459]:after {
+.scroll-timeline-x-address[data-v-dc314812]:after {
   content: '';
   position: absolute;
   height: 100%;
@@ -6556,24 +6571,24 @@
   right: 0;
   cursor: text;
 }
-.scroll-timeline-x-address[data-v-bc1b7459]:empty:before {
+.scroll-timeline-x-address[data-v-dc314812]:empty:before {
   content: 'Enter URL or cURL request';
   color: var(--scalar-color-3);
   pointer-events: none;
 }
-.fade-left[data-v-bc1b7459],
-.fade-right[data-v-bc1b7459] {
+.fade-left[data-v-dc314812],
+.fade-right[data-v-dc314812] {
   content: '';
   position: sticky;
   height: 100%;
-  animation-name: fadein-bc1b7459;
+  animation-name: fadein-dc314812;
   animation-duration: 1ms;
   animation-direction: reverse;
   animation-timeline: --scroll-timeline;
   pointer-events: none;
   z-index: 1;
 }
-.fade-left[data-v-bc1b7459] {
+.fade-left[data-v-dc314812] {
   background: linear-gradient(
     -90deg,
     color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,
@@ -6584,7 +6599,7 @@
   min-width: 6px;
   animation-direction: normal;
 }
-.fade-right[data-v-bc1b7459] {
+.fade-right[data-v-dc314812] {
   background: linear-gradient(
     90deg,
     color-mix(in srgb, var(--scalar-address-bar-bg), transparent 100%) 0%,
@@ -6594,7 +6609,7 @@
   right: -1px;
   min-width: 24px;
 }
-@keyframes fadein-bc1b7459 {
+@keyframes fadein-dc314812 {
 0% {
     opacity: 0;
 }
@@ -6602,7 +6617,7 @@
     opacity: 1;
 }
 }
-.address-bar-bg-states[data-v-bc1b7459] {
+.address-bar-bg-states[data-v-dc314812] {
   --scalar-address-bar-bg: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -6610,21 +6625,21 @@
   );
   background: var(--scalar-address-bar-bg);
 }
-.address-bar-bg-states[data-v-bc1b7459]:has(.cm-focused) {
+.address-bar-bg-states[data-v-dc314812]: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-bc1b7459],
-.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-bc1b7459] {
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-dc314812],
+.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-dc314812] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
-.app-exit-button[data-v-1c2b0dae] {
+.app-exit-button[data-v-09019679] {
   color: white;
   background: rgba(0, 0, 0, 0.1);
 }
-.app-exit-button[data-v-1c2b0dae]:hover {
+.app-exit-button[data-v-09019679]:hover {
   background: rgba(255, 255, 255, 0.1);
 }
 .fade-request-section-content[data-v-f97cc68c] {
@@ -7034,10 +7049,10 @@ to {
  * `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;
+.sidebar-skeleton-row > span[data-v-1181f741] {
+  animation: sidebar-skeleton-pulse-1181f741 1.5s infinite alternate;
 }
-@keyframes sidebar-skeleton-pulse-e803152c {
+@keyframes sidebar-skeleton-pulse-1181f741 {
 from {
     opacity: 1;
 }
@@ -7138,6 +7153,15 @@ to {
 .nav-item__active .nav-item-close[data-v-2d65f302]:hover {
   background-color: var(--scalar-background-2);
 }
+/*
+ * The combobox option only marks the *active* (hovered / keyboard-focused)
+ * row with a background. We also want a persistent highlight on the
+ * currently *selected* version so the user can spot it at a glance, even
+ * after moving the cursor or arrowing to another row.
+ */
+.version-picker[data-v-0fc16a7d] [role='option'][aria-selected='true'] {
+  background-color: var(--scalar-background-2);
+}
 .splash-screen[data-v-af32615f] {
   opacity: 0;
   animation: fadeIn-af32615f 0.5s ease-in-out forwards;

package/package.json

@@ -19,7 +19,7 @@
     "testing",
     "react"
   ],
-  "version": "2.0.8",
+  "version": "2.0.9",
   "engines": {
     "node": ">=22"
   },
@@ -40,8 +40,8 @@
   ],
   "dependencies": {
     "@scalar/helpers": "0.5.3",
-    "@scalar/workspace-store": "0.47.1",
-    "@scalar/api-client": "3.3.1"
+    "@scalar/api-client": "3.4.0",
+    "@scalar/workspace-store": "0.48.0"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",