@scalar/api-client-react 2.0.36 → 2.0.37

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @scalar/api-client-react
 
+## 2.0.37
+
 ## 2.0.36
 
 ### Patch Changes

package/README.md

@@ -11,7 +11,7 @@ Scalar is an open-source API platform for teams who want beautiful developer int
 
 - **[API References](https://scalar.com/products/api-references/getting-started)** — Interactive API documentation from OpenAPI and AsyncAPI specs.
 - **[Developer Docs](https://scalar.com/products/docs/getting-started)** — Write in Markdown/MDX, generate API references, sync with two-way Git.
-- **[SDK Generator](https://scalar.com/products/sdks/getting-started)** — Type-safe SDKs and CLIs in TypeScript, Python, Go, PHP, Java, and Ruby.
+- **[SDK Generator](https://scalar.com/products/sdk-generator/getting-started)** — Type-safe SDKs and CLIs in TypeScript, Python, Go, PHP, Java, and Ruby.
 - **[API Client](https://scalar.com/products/api-client/getting-started)** — Open-source, offline-first Postman alternative built on OpenAPI.
 
 20M+ monthly npm installs · 15,500+ GitHub stars · MIT licensed · [scalar.com](https://scalar.com)

package/dist/style.css

@@ -6,15 +6,7 @@
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {
       --tw-font-weight: initial;
-      --tw-backdrop-blur: initial;
-      --tw-backdrop-brightness: initial;
-      --tw-backdrop-contrast: initial;
-      --tw-backdrop-grayscale: initial;
-      --tw-backdrop-hue-rotate: initial;
-      --tw-backdrop-invert: initial;
-      --tw-backdrop-opacity: initial;
-      --tw-backdrop-saturate: initial;
-      --tw-backdrop-sepia: initial;
+      --tw-border-style: solid;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;
@@ -29,6 +21,15 @@
       --tw-ring-offset-width: 0;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
@@ -42,7 +43,6 @@
       --tw-skew-y: initial;
       --tw-space-x-reverse: 0;
       --tw-divide-y-reverse: 0;
-      --tw-border-style: solid;
       --tw-gradient-position: initial;
       --tw-gradient-from: #0000;
       --tw-gradient-via: #0000;
@@ -197,6 +197,14 @@
     }
   }
 
+  @media (max-resolution: 1.5x) {
+    @supports ((-moz-appearance: none)) {
+      :root {
+        --scalar-border-width: 1px;
+      }
+    }
+  }
+
   :root {
     --scalar-text-decoration: underline;
     --scalar-text-decoration-hover: underline;
@@ -264,8 +272,17 @@
     --scalar-button-1: #000;
     --scalar-button-1-hover: #000c;
     --scalar-button-1-color: #fff;
-    --scalar-tooltip-background: #1a1a1ae6;
-    --scalar-tooltip-color: #ffffffd9;
+    --scalar-tooltip-background: var(--scalar-background-1);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .light-mode {
+      --scalar-tooltip-background: color-mix(in srgb, var(--scalar-background-1), transparent 10%);
+    }
+  }
+
+  .light-mode {
+    --scalar-tooltip-color: var(--scalar-color-1);
     --scalar-color-alert: var(--scalar-color-orange);
   }
 
@@ -1441,34 +1458,39 @@
   margin-bottom: -1px;
 }
 :where(body) > .scalar-tooltip {
-  --scalar-tooltip-padding: 8px;
-  padding: var(--scalar-tooltip-padding);
+  --scalar-tooltip-padding-x: 8px;
+  --scalar-tooltip-padding-y: 6px;
+  padding: var(--scalar-tooltip-padding-y) var(--scalar-tooltip-padding-x);
   z-index: 99999;
   max-width: 320px;
   font-size: var(--scalar-font-size-5);
-  --tw-font-weight: var(--scalar-semibold);
+  --tw-font-weight: var(--scalar-regular);
   line-height: 16px;
-  font-weight: var(--scalar-semibold);
+  font-weight: var(--scalar-regular);
   overflow-wrap: break-word;
   color: var(--scalar-tooltip-color);
 }
 :where(body) > .scalar-tooltip[data-side="top"] {
-  padding-bottom: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+  padding-bottom: calc(var(--scalar-tooltip-padding-y) + var(--scalar-tooltip-offset));
 }
 :where(body) > .scalar-tooltip[data-side="bottom"] {
-  padding-top: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+  padding-top: calc(var(--scalar-tooltip-padding-y) + var(--scalar-tooltip-offset));
 }
 :where(body) > .scalar-tooltip[data-side="left"] {
-  padding-right: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+  padding-right: calc(var(--scalar-tooltip-padding-x) + var(--scalar-tooltip-offset));
 }
 :where(body) > .scalar-tooltip[data-side="right"] {
-  padding-left: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
+  padding-left: calc(var(--scalar-tooltip-padding-x) + var(--scalar-tooltip-offset));
 }
 :where(body) > .scalar-tooltip:before {
   content: "";
   z-index: calc(1 * -1);
-  border-radius: var(--scalar-radius-md);
+  border-radius: var(--scalar-radius-lg);
+  border-style: var(--tw-border-style);
+  border-width: var(--scalar-border-width);
   background-color: var(--scalar-tooltip-background);
+  --tw-shadow: var(--scalar-shadow-1);
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   --tw-backdrop-blur: blur(8px);
   -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
   backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -1487,49 +1509,14 @@
 :where(body) > .scalar-tooltip[data-side="right"]:before {
   left: var(--scalar-tooltip-offset);
 }
-:where(body.dark-mode) > .scalar-tooltip:before {
-  --tw-shadow: inset 0 0 0 var(--tw-shadow-color, var(--scalar-border-width)) var(--scalar-border-color);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
 @property --tw-font-weight {
   syntax: "*";
   inherits: false
 }
-@property --tw-backdrop-blur {
-  syntax: "*";
-  inherits: false
-}
-@property --tw-backdrop-brightness {
-  syntax: "*";
-  inherits: false
-}
-@property --tw-backdrop-contrast {
-  syntax: "*";
-  inherits: false
-}
-@property --tw-backdrop-grayscale {
-  syntax: "*";
-  inherits: false
-}
-@property --tw-backdrop-hue-rotate {
-  syntax: "*";
-  inherits: false
-}
-@property --tw-backdrop-invert {
-  syntax: "*";
-  inherits: false
-}
-@property --tw-backdrop-opacity {
-  syntax: "*";
-  inherits: false
-}
-@property --tw-backdrop-saturate {
-  syntax: "*";
-  inherits: false
-}
-@property --tw-backdrop-sepia {
+@property --tw-border-style {
   syntax: "*";
-  inherits: false
+  inherits: false;
+  initial-value: solid;
 }
 @property --tw-shadow {
   syntax: "*";
@@ -1596,6 +1583,42 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false
+}
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false
+}
 .scalar-virtual-text-search-input[data-v-95edadbb]::-webkit-search-cancel-button {
   display: none;
 }
@@ -2050,6 +2073,9 @@
 .scalar-app .mr-\[calc\(20px-var\(--scalar-sidebar-indent\)\)\] {
   margin-right: calc(20px - var(--scalar-sidebar-indent));
 }
+.scalar-app .mr-auto {
+  margin-right: auto;
+}
 .scalar-app .-mb-1 {
   margin-bottom: -4px;
 }
@@ -3813,13 +3839,8 @@
   border-top-style: var(--tw-border-style);
   border-top-width: var(--scalar-border-width);
 }
-:is(.scalar-app .\*\:border-border-tooltip > *) {
-  border-color: var(--scalar-tooltip-color);
-}
-@supports (color: color-mix(in lab, red, red)) {
-  :is(.scalar-app .\*\:border-border-tooltip > *) {
-    border-color: color-mix(in srgb, var(--scalar-tooltip-color), var(--scalar-tooltip-background));
-  }
+:is(.scalar-app .\*\:border-border > *) {
+  border-color: var(--scalar-border-color);
 }
 :is(.scalar-app .\*\:px-1 > *) {
   padding-inline: 4px;
@@ -4649,11 +4670,6 @@
   inherits: false;
   initial-value: 0;
 }
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
 @property --tw-gradient-position {
   syntax: "*";
   inherits: false
@@ -5391,7 +5407,7 @@ to {
     var(--scalar-background-2) 20px
   );
 }
-[data-v-aff33ea6] .cm-content {
+[data-v-dcc3af8c] .cm-content {
   font-size: var(--scalar-small);
 }
 /* Matches AddressBar.vue `.address-bar-bg-states` / `.fade-right` (header URL input). */

package/package.json

@@ -19,7 +19,7 @@
     "testing",
     "react"
   ],
-  "version": "2.0.36",
+  "version": "2.0.37",
   "engines": {
     "node": ">=22"
   },
@@ -39,10 +39,10 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-client": "3.13.7",
+    "@scalar/api-client": "3.14.0",
+    "@scalar/blocks": "0.1.9",
     "@scalar/helpers": "0.9.2",
-    "@scalar/blocks": "0.1.8",
-    "@scalar/workspace-store": "0.55.6"
+    "@scalar/workspace-store": "0.56.0"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",