@scalar/api-client-react 2.0.2 → 2.0.3

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @scalar/api-client-react
 
+## 2.0.3
+
 ## 2.0.2
 
 ### Patch Changes

package/dist/style.css

@@ -951,8 +951,8 @@
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
   }
 
-  .scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+  .scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
   }
 
   .scalar-app .hover\:bg-b-2:hover {
@@ -963,10 +963,24 @@
     background-color: var(--scalar-background-3);
   }
 
+  .scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+  }
+
   .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
   }
 
+  .scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+    }
+  }
+
   .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
   }
@@ -1007,6 +1021,10 @@
     color: var(--scalar-color-1);
   }
 
+  .scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+  }
+
   .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
   }
@@ -2939,6 +2957,9 @@
   border-style: var(--tw-border-style);
   border-width: 1px;
 }
+.scalar-app .border-border-header {
+  border-color: var(--scalar-header-border-color, var(--scalar-border-color));
+}
 .scalar-app .border-c-alert {
   border-color: var(--scalar-color-alert);
 }
@@ -2971,6 +2992,12 @@
 .scalar-app .bg-b-btn {
   background-color: var(--scalar-button-1);
 }
+.scalar-app .bg-b-header-1 {
+  background-color: var(--scalar-header-background-1, var(--scalar-background-1));
+}
+.scalar-app .bg-b-header-cta {
+  background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+}
 .scalar-app .bg-b-tooltip {
   background-color: var(--scalar-tooltip-background);
 }
@@ -3118,6 +3145,15 @@
 .scalar-app .break-words, .scalar-app .wrap-break-word {
   overflow-wrap: break-word;
 }
+.scalar-app .text-c-header-1 {
+  color: var(--scalar-header-color-1, var(--scalar-color-1));
+}
+.scalar-app .text-c-header-2 {
+  color: var(--scalar-header-color-2, var(--scalar-color-2));
+}
+.scalar-app .text-c-header-cta {
+  color: var(--scalar-button-1-color);
+}
 .scalar-app .text-c-tooltip {
   color: var(--scalar-tooltip-color);
 }
@@ -3198,8 +3234,8 @@
 :is(.scalar-app .\*\:justify-center > *) {
   justify-content: center;
 }
-:is(.scalar-app .\*\:gap-px > *) {
-  gap: 1px;
+:is(.scalar-app .\*\:gap-1 > *) {
+  gap: 4px;
 }
 :is(.scalar-app .\*\:rounded > *) {
   border-radius: var(--scalar-radius);
@@ -3231,8 +3267,8 @@
     background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
   }
 
-  .scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
-    color: var(--scalar-color-1);
+  .scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
   }
 }
 .scalar-app .group-focus-visible\/toggle\:outline:is(:where(.group\/toggle):focus-visible *) {
@@ -3296,10 +3332,24 @@
     background-color: var(--scalar-background-3);
   }
 
+  .scalar-app .hover\:bg-b-header-2:hover {
+    background-color: var(--scalar-header-background-2, var(--scalar-background-2));
+  }
+
   .scalar-app .hover\:bg-h-btn:hover {
     background-color: var(--scalar-button-1-hover);
   }
 
+  .scalar-app .hover\:bg-h-header-cta:hover {
+    background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .scalar-app .hover\:bg-h-header-cta:hover {
+      background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
+    }
+  }
+
   .scalar-app .hover\:bg-sidebar-b-1:hover {
     background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
   }
@@ -3340,6 +3390,10 @@
     color: var(--scalar-color-1);
   }
 
+  .scalar-app .hover\:text-c-header-1:hover {
+    color: var(--scalar-header-color-1, var(--scalar-color-1));
+  }
+
   .scalar-app .hover\:text-sidebar-c-1:hover {
     color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
   }
@@ -3959,6 +4013,9 @@
 .scalar-app .h-\[68px\] {
   height: 68px;
 }
+.scalar-app .h-\[300px\] {
+  height: 300px;
+}
 .scalar-app .h-\[calc\(100\%_-_50px\)\] {
   height: calc(100% - 50px);
 }
@@ -4010,9 +4067,6 @@
 .scalar-app .max-h-\[60svh\] {
   max-height: 60svh;
 }
-.scalar-app .max-h-\[300px\] {
-  max-height: 300px;
-}
 .scalar-app .max-h-\[auto\] {
   max-height: auto;
 }
@@ -6760,7 +6814,7 @@ input[data-v-3157c3c7]::placeholder {
   overflow: auto;
   min-width: 100%;
 }
-.scalar-code-block[data-v-94c74c13] .hljs * {
+.scalar-code-block[data-v-30c34ea4] .hljs * {
   font-size: var(--scalar-small);
 }
 .response-body-virtual[data-headlessui-state='open'],
@@ -6828,11 +6882,11 @@ to {
 .v-enter-from[data-v-1f35725e] {
   opacity: 0;
 }
-.animate-response-heading .response-heading[data-v-3d6c8e96] {
-  animation: push-response-3d6c8e96 0.2s ease-in-out forwards;
+.animate-response-heading .response-heading[data-v-82f4df98] {
+  animation: push-response-82f4df98 0.2s ease-in-out forwards;
   opacity: 1;
 }
-@keyframes push-response-3d6c8e96 {
+@keyframes push-response-82f4df98 {
 from {
     opacity: 1;
     transform: translateY(0);
@@ -6842,11 +6896,11 @@ to {
     transform: translateY(-4px);
 }
 }
-.animate-response-heading .animate-response-children[data-v-3d6c8e96] {
-  animation: response-spans-3d6c8e96 0.2s ease-in-out forwards 0.05s;
+.animate-response-heading .animate-response-children[data-v-82f4df98] {
+  animation: response-spans-82f4df98 0.2s ease-in-out forwards 0.05s;
   opacity: 0;
 }
-@keyframes response-spans-3d6c8e96 {
+@keyframes response-spans-82f4df98 {
 from {
     opacity: 0;
     transform: translateY(4px);
@@ -7445,7 +7499,7 @@ to {
 .scroll-timeline-x[data-v-f4568236]::-webkit-scrollbar {
   display: none;
 }
-.postman-import-path-conflict-callout[data-v-9f13a627] {
+.postman-import-path-conflict-callout[data-v-cc4f666d] {
   border-color: var(--scalar-color-red);
   background-color: var(--scalar-background-danger);
   color: var(--scalar-color-1);

package/package.json

@@ -19,7 +19,7 @@
     "testing",
     "react"
   ],
-  "version": "2.0.2",
+  "version": "2.0.3",
   "engines": {
     "node": ">=22"
   },
@@ -39,9 +39,9 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/helpers": "0.5.0",
-    "@scalar/workspace-store": "0.46.0",
-    "@scalar/api-client": "3.0.0"
+    "@scalar/helpers": "0.5.1",
+    "@scalar/api-client": "3.1.0",
+    "@scalar/workspace-store": "0.46.1"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",