@scalar/api-client-react 2.0.43 → 2.0.45

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @scalar/api-client-react
 
+## 2.0.45
+
+## 2.0.44
+
 ## 2.0.43
 
 ## 2.0.42

package/dist/style.css

@@ -268,6 +268,7 @@
     --scalar-color-blue: #0082d0;
     --scalar-color-orange: #ff5800;
     --scalar-color-purple: #5203d1;
+    --scalar-color-query: #007b80;
     --scalar-link-color: var(--scalar-color-1);
     --scalar-link-color-hover: var(--scalar-link-color);
     --scalar-button-1: #000;
@@ -330,6 +331,7 @@
     --scalar-color-blue: #4eb3ec;
     --scalar-color-orange: #ff8d4d;
     --scalar-color-purple: #b191f9;
+    --scalar-color-query: #65d4cf;
     --scalar-link-color: var(--scalar-color-1);
     --scalar-link-color-hover: var(--scalar-link-color);
     --scalar-button-1: #fff;
@@ -518,7 +520,7 @@
   display: block;
 }
 
-:where(.scalar-app) [hidden] {
+:where(.scalar-app) [hidden]:not([hidden="until-found"]) {
   display: none;
 }
 
@@ -3677,6 +3679,16 @@
   background-color: inherit;
 }
 
+.scalar-app .bg-query\/10 {
+  background-color: var(--scalar-color-query);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  .scalar-app .bg-query\/10 {
+    background-color: color-mix(in oklab, var(--scalar-color-query) 10%, transparent);
+  }
+}
+
 .scalar-app .bg-sidebar-b-1 {
   background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
 }
@@ -4361,6 +4373,10 @@
   color: var(--scalar-color-purple);
 }
 
+.scalar-app .text-query {
+  color: var(--scalar-color-query);
+}
+
 .scalar-app .text-red {
   color: var(--scalar-color-red);
 }
@@ -6050,14 +6066,14 @@ to {
   );
 }
 
-.fade-request-section-content[data-v-07ff8fc3] {
+.fade-request-section-content[data-v-ac788106] {
   background: linear-gradient(
     to left,
     var(--scalar-background-1) 64%,
     transparent
   );
 }
-.filter-hover[data-v-07ff8fc3] {
+.filter-hover[data-v-ac788106] {
   height: 100%;
   padding-right: 39px;
   padding-left: 24px;
@@ -6066,12 +6082,12 @@ to {
   transition: width 0s ease-in-out 0.2s;
   overflow: hidden;
 }
-.filter-hover[data-v-07ff8fc3]:hover,
-.filter-hover[data-v-07ff8fc3]:has(:focus-visible) {
+.filter-hover[data-v-ac788106]:hover,
+.filter-hover[data-v-ac788106]:has(:focus-visible) {
   width: 100%;
   z-index: 10;
 }
-.filter-hover[data-v-07ff8fc3]:before {
+.filter-hover[data-v-ac788106]:before {
   content: '';
   position: absolute;
   top: 0;
@@ -6083,82 +6099,82 @@ to {
   transition: all 0.3s ease-in-out;
   pointer-events: none;
 }
-.filter-hover-item[data-v-07ff8fc3] {
+.filter-hover-item[data-v-ac788106] {
   opacity: 0;
 }
-.filter-hover-item[data-v-07ff8fc3]:not(:last-of-type) {
+.filter-hover-item[data-v-ac788106]:not(:last-of-type) {
   transform: translate3d(0, 3px, 0);
 }
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3] {
+.filter-hover:hover .filter-hover-item[data-v-ac788106] {
   transition:
     opacity 0.2s ease-in-out,
     transform 0.2s ease-in-out;
 }
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(1) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(1) {
   transition-delay: 0.05s;
 }
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(2) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(2) {
   transition-delay: 0.1s;
 }
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(3) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(3) {
   transition-delay: 0.15s;
 }
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(4) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(4) {
   transition-delay: 0.2s;
 }
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(5) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(5) {
   transition-delay: 0.25s;
 }
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(6) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(6) {
   transition-delay: 0.3s;
 }
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3]:nth-last-of-type(7) {
+.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(7) {
   transition-delay: 0.35s;
 }
-.filter-hover:hover .filter-hover-item[data-v-07ff8fc3],
-.filter-hover:has(:focus-visible) .filter-hover-item[data-v-07ff8fc3] {
+.filter-hover:hover .filter-hover-item[data-v-ac788106],
+.filter-hover:has(:focus-visible) .filter-hover-item[data-v-ac788106] {
   opacity: 1;
   transform: translate3d(0, 0, 0);
 }
-.filter-hover[data-v-07ff8fc3]:hover:before,
-.filter-hover[data-v-07ff8fc3]:has(:focus-visible):before {
+.filter-hover[data-v-ac788106]:hover:before,
+.filter-hover[data-v-ac788106]:has(:focus-visible):before {
   opacity: 0.9;
   backdrop-filter: blur(10px);
 }
-.filter-button[data-v-07ff8fc3] {
+.filter-button[data-v-ac788106] {
   top: 50%;
   transform: translateY(-50%);
 }
-.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-07ff8fc3],
-.context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-07ff8fc3] {
+.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-ac788106],
+.context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-ac788106] {
   --tw-text-opacity: 1;
   color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));
 }
-.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-07ff8fc3],
-.context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-07ff8fc3] {
+.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-ac788106],
+.context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-ac788106] {
   display: none;
 }
 
 /*
    Deep styling for customizing Codemirror
   */
-[data-v-dfc591f4] .cm-editor {
+[data-v-b5082dc8] .cm-editor {
   height: 100%;
   outline: none;
   padding: 0;
   background: transparent;
 }
-[data-v-dfc591f4] .cm-placeholder {
+[data-v-b5082dc8] .cm-placeholder {
   color: var(--scalar-color-3);
 }
-[data-v-dfc591f4] .cm-content {
+[data-v-b5082dc8] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
 /* Tooltip helper */
-[data-v-dfc591f4] .cm-tooltip {
+[data-v-b5082dc8] .cm-tooltip {
   background: transparent !important;
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
@@ -6167,43 +6183,43 @@ to {
   outline: none !important;
   overflow: hidden !important;
 }
-[data-v-dfc591f4] .cm-tooltip-autocomplete ul li {
+[data-v-b5082dc8] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
-[data-v-dfc591f4] .cm-completionIcon-type:after {
+[data-v-b5082dc8] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
-[data-v-dfc591f4] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-b5082dc8] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
-[data-v-dfc591f4] .cm-tooltip-autocomplete ul {
+[data-v-b5082dc8] .cm-tooltip-autocomplete ul {
   padding: 6px !important;
   position: relative;
 }
-[data-v-dfc591f4] .cm-tooltip-autocomplete ul li:hover {
+[data-v-b5082dc8] .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-dfc591f4] .cm-activeLine,[data-v-dfc591f4] .cm-activeLineGutter {
+[data-v-b5082dc8] .cm-activeLine,[data-v-b5082dc8] .cm-activeLineGutter {
   background-color: transparent;
 }
 /* Color selection matching */
-[data-v-dfc591f4] .cm-selectionMatch,[data-v-dfc591f4] .cm-matchingBracket {
+[data-v-b5082dc8] .cm-selectionMatch,[data-v-b5082dc8] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
 /* Color Picker Swatches */
-[data-v-dfc591f4] .cm-css-color-picker-wrapper {
+[data-v-b5082dc8] .cm-css-color-picker-wrapper {
   display: inline-flex;
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   overflow: hidden;
 }
 /* Number gutter */
-[data-v-dfc591f4] .cm-gutters {
+[data-v-b5082dc8] .cm-gutters {
   background-color: transparent;
   border-right: none;
   color: var(--scalar-color-3);
@@ -6211,7 +6227,7 @@ to {
   line-height: 22px;
   border-radius: 0 0 0 3px;
 }
-[data-v-dfc591f4] .cm-gutters:before {
+[data-v-b5082dc8] .cm-gutters:before {
   content: '';
   position: absolute;
   top: 2px;
@@ -6221,7 +6237,7 @@ to {
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
 }
-[data-v-dfc591f4] .cm-gutterElement {
+[data-v-b5082dc8] .cm-gutterElement {
   font-family: var(--scalar-font-code) !important;
   padding-left: 0px !important;
   padding-right: 6px !important;
@@ -6230,16 +6246,16 @@ to {
   justify-content: flex-end;
   position: relative;
 }
-[data-v-dfc591f4] .cm-lineNumbers .cm-gutterElement {
+[data-v-b5082dc8] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
-[data-v-dfc591f4] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-b5082dc8] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
-[data-v-dfc591f4] .cm-scroller {
+[data-v-b5082dc8] .cm-scroller {
   overflow: auto;
 }
-.line-wrapping[data-v-dfc591f4]:focus-within .cm-content {
+.line-wrapping[data-v-b5082dc8]:focus-within .cm-content {
   display: inline-table;
   min-height: fit-content;
   padding: 3px 6px;
@@ -6304,13 +6320,13 @@ to {
   color: var(--scalar-color-1);
 }
 
-.code-input-lite[data-v-4dfd05a3] {
+.code-input-lite[data-v-b22775cd] {
   /* Flex so the editor centres vertically in whatever height the cell gives us.
      Font properties inherit so we adopt the surrounding typography. */
   display: flex;
   align-items: center;
 }
-.code-input-lite__editor[data-v-4dfd05a3] {
+.code-input-lite__editor[data-v-b22775cd] {
   /* Everything font-related inherits from the surrounding context. */
   font: inherit;
   letter-spacing: inherit;
@@ -6332,7 +6348,7 @@ to {
   /* Positioning context for the absolutely positioned placeholder. */
   position: relative;
 }
-.code-input-lite__editor[data-v-4dfd05a3]::-webkit-scrollbar {
+.code-input-lite__editor[data-v-b22775cd]::-webkit-scrollbar {
   display: none;
 }
 
@@ -6340,7 +6356,7 @@ to {
    contenteditable; otherwise the caret would land after it on focus.
    `pointer-events: none` lets clicks fall through to focus the editor.
    Hidden on focus so it never renders on top of the text caret. */
-.code-input-lite--empty .code-input-lite__editor[data-v-4dfd05a3]:not(:focus)::before {
+.code-input-lite--empty .code-input-lite__editor[data-v-b22775cd]:not(:focus)::before {
   content: attr(data-placeholder);
   color: var(--scalar-color-3);
   pointer-events: none;
@@ -6351,7 +6367,7 @@ to {
   display: flex;
   align-items: center;
 }
-.code-input-lite--error .code-input-lite__editor[data-v-4dfd05a3] {
+.code-input-lite--error .code-input-lite__editor[data-v-b22775cd] {
   outline: 1px solid var(--scalar-color-red);
 }
 
@@ -6395,20 +6411,20 @@ to {
   background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);
 }
 
-[data-v-13500378] .code-input-lite__editor {
+[data-v-8c8a738b] .code-input-lite__editor {
   background-color: transparent;
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   padding: 5px 8px;
 }
-[data-v-13500378] .scalar-pill:not(:last-of-type) {
+[data-v-8c8a738b] .scalar-pill:not(:last-of-type) {
   margin-right: 0.15em;
 }
-[data-v-13500378] .scalar-pill:not(:first-of-type) {
+[data-v-8c8a738b] .scalar-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
 
-[data-v-c8ab7ba2] .cm-content {
+[data-v-ed64587d] .cm-content {
   font-size: var(--scalar-small);
 }
 
@@ -6460,20 +6476,20 @@ input[data-v-a6f4752a]::placeholder {
   scrollbar-width: none;
 }
 
-.request-section-content[data-v-1ac895c0] {
+.request-section-content[data-v-5d6c8262] {
   --scalar-border-width: 0.5px;
 }
-.request-section-content-filter[data-v-1ac895c0] {
+.request-section-content-filter[data-v-5d6c8262] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
-.request-item:focus-within .request-meta-buttons[data-v-1ac895c0] {
+.request-item:focus-within .request-meta-buttons[data-v-5d6c8262] {
   opacity: 1;
 }
-.group-hover-input[data-v-1ac895c0] {
+.group-hover-input[data-v-5d6c8262] {
   border-width: var(--scalar-border-width);
   border-color: transparent;
 }
-.group:hover .group-hover-input[data-v-1ac895c0] {
+.group:hover .group-hover-input[data-v-5d6c8262] {
   background: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -6481,7 +6497,7 @@ input[data-v-a6f4752a]::placeholder {
   );
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-1ac895c0]:focus {
+.group-hover-input[data-v-5d6c8262]:focus {
   background: transparent !important;
   border-color: var(--scalar-border-color) !important;
 }
@@ -6558,11 +6574,11 @@ input[data-v-a6f4752a]::placeholder {
   opacity: 0;
 }
 
-.animate-response-heading .response-heading[data-v-7a7c6611] {
-  animation: push-response-7a7c6611 0.2s ease-in-out forwards;
+.animate-response-heading .response-heading[data-v-b969ac76] {
+  animation: push-response-b969ac76 0.2s ease-in-out forwards;
   opacity: 1;
 }
-@keyframes push-response-7a7c6611 {
+@keyframes push-response-b969ac76 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -6572,11 +6588,11 @@ to {
     transform: translateY(-4px);
 }
 }
-.animate-response-heading .animate-response-children[data-v-7a7c6611] {
-  animation: response-spans-7a7c6611 0.2s ease-in-out forwards 0.05s;
+.animate-response-heading .animate-response-children[data-v-b969ac76] {
+  animation: response-spans-b969ac76 0.2s ease-in-out forwards 0.05s;
   opacity: 0;
 }
-@keyframes response-spans-7a7c6611 {
+@keyframes response-spans-b969ac76 {
 from {
     opacity: 0;
     transform: translateY(4px);
@@ -6587,13 +6603,13 @@ to {
 }
 }
 
-.description[data-v-649f9a0d] .markdown {
+.description[data-v-9775eaaf] .markdown {
   font-weight: var(--scalar-semibold);
   color: var(--scalar-color--1);
   padding: 0 0;
   display: block;
 }
-.description[data-v-649f9a0d] .markdown > *:first-child {
+.description[data-v-9775eaaf] .markdown > *:first-child {
   margin-top: 0;
 }
 
@@ -6604,21 +6620,21 @@ to {
   background: var(--scalar-background-2);
 }
 
-[data-v-c414dc68] .cm-editor {
+[data-v-1f68de05] .cm-editor {
   height: 100%;
   outline: none;
   width: 100%;
 }
-[data-v-c414dc68] .cm-line {
+[data-v-1f68de05] .cm-line {
   padding: 0;
 }
-[data-v-c414dc68] .cm-content {
+[data-v-1f68de05] .cm-content {
   padding: 0;
   display: flex;
   align-items: center;
   font-size: var(--scalar-small);
 }
-.scroll-timeline-x[data-v-c414dc68] {
+.scroll-timeline-x[data-v-1f68de05] {
   -ms-overflow-style: none;
   /* Fade the URL at the viewport edges. Mask lives on the scrollport (this
      element) rather than on `.cm-scroller`, whose width follows the URL's
@@ -6631,31 +6647,31 @@ to {
     transparent 100%
   );
 }
-.scroll-timeline-x-hidden[data-v-c414dc68] {
+.scroll-timeline-x-hidden[data-v-1f68de05] {
   overflow-x: auto;
 }
-.scroll-timeline-x-hidden[data-v-c414dc68] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-1f68de05] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
-.scroll-timeline-x-hidden[data-v-c414dc68]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-1f68de05]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-hidden[data-v-c414dc68] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-1f68de05] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
-.scroll-timeline-x-address[data-v-c414dc68] {
+.scroll-timeline-x-address[data-v-1f68de05] {
   line-height: 27px;
   scrollbar-width: none; /* Firefox */
 }
 /* make clickable are to left of send button */
-.scroll-timeline-x-address[data-v-c414dc68]:after {
+.scroll-timeline-x-address[data-v-1f68de05]:after {
   content: '';
   position: absolute;
   height: 100%;
@@ -6663,12 +6679,12 @@ to {
   right: 0;
   cursor: text;
 }
-.scroll-timeline-x-address[data-v-c414dc68]:empty:before {
+.scroll-timeline-x-address[data-v-1f68de05]:empty:before {
   content: 'Enter URL or cURL request';
   color: var(--scalar-color-3);
   pointer-events: none;
 }
-.address-bar-bg-states[data-v-c414dc68] {
+.address-bar-bg-states[data-v-1f68de05] {
   --scalar-address-bar-bg: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -6676,22 +6692,22 @@ to {
   );
   background: var(--scalar-address-bar-bg);
 }
-.address-bar-bg-states[data-v-c414dc68]:has(.cm-focused) {
+.address-bar-bg-states[data-v-1f68de05]: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-c414dc68],
-.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-c414dc68] {
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-1f68de05],
+.address-bar-bg-states:has(.cm-focused) .fade-right[data-v-1f68de05] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 
-.app-exit-button[data-v-3769522e] {
+.app-exit-button[data-v-821957c1] {
   color: white;
   background: rgba(0, 0, 0, 0.1);
 }
-.app-exit-button[data-v-3769522e]:hover {
+.app-exit-button[data-v-821957c1]:hover {
   background: rgba(255, 255, 255, 0.1);
 }
 /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@@ -6816,7 +6832,7 @@ to {
   line-height: normal;
 }
 
-.ref-search-meta[data-v-d1af4404] {
+.ref-search-meta[data-v-89ab8a2d] {
   background: var(--scalar-background-1);
   border-bottom-left-radius: var(--scalar-radius-lg);
   border-bottom-right-radius: var(--scalar-radius-lg);

package/package.json

@@ -19,7 +19,7 @@
     "testing",
     "react"
   ],
-  "version": "2.0.43",
+  "version": "2.0.45",
   "engines": {
     "node": ">=22"
   },
@@ -39,10 +39,10 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-client": "3.17.0",
-    "@scalar/blocks": "0.1.15",
-    "@scalar/helpers": "0.11.2",
-    "@scalar/workspace-store": "0.59.0"
+    "@scalar/helpers": "0.12.0",
+    "@scalar/api-client": "3.19.0",
+    "@scalar/workspace-store": "0.61.0",
+    "@scalar/blocks": "0.1.17"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",