@scalar/sidebar 0.9.32 → 0.9.34

package/README.md

@@ -7,9 +7,8 @@ Scalar sidebar component and sidebar state management
 Scalar is an open-source API platform for teams who want beautiful developer interfaces without vendor lock-in.
 
 - **[API References](https://scalar.com/products/api-references/getting-started)** — Interactive API documentation from OpenAPI and AsyncAPI specs.
-- **[Docs](https://scalar.com/products/docs/getting-started)** — Write in Markdown/MDX, generate API references, sync with two-way Git.
-- **[SDKs](https://scalar.com/products/sdks/getting-started)** — Type-safe client libraries in TypeScript, Python, Go, PHP, Java, and Ruby.
-- **[MCP Servers](https://scalar.com/products/agent/getting-started)** — Generate secure MCP servers from your API spec.
+- **[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/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

@@ -3,15 +3,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%;
@@ -26,6 +18,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;
@@ -38,7 +39,6 @@
       --tw-skew-x: initial;
       --tw-skew-y: initial;
       --tw-divide-y-reverse: 0;
-      --tw-border-style: solid;
       --tw-gradient-position: initial;
       --tw-gradient-from: #0000;
       --tw-gradient-via: #0000;
@@ -194,6 +194,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;
@@ -261,8 +269,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);
   }
 
@@ -1660,39 +1677,44 @@
 }
 
 :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, );
@@ -1716,59 +1738,15 @@
   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 {
@@ -1850,6 +1828,51 @@
   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;
 }
@@ -3750,14 +3773,8 @@
   border-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 > *) {
@@ -4222,12 +4239,6 @@
   initial-value: 0;
 }
 
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-
 @property --tw-gradient-position {
   syntax: "*";
   inherits: false

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/sidebar"
   },
-  "version": "0.9.32",
+  "version": "0.9.34",
   "engines": {
     "node": ">=22"
   },
@@ -33,12 +33,12 @@
   ],
   "dependencies": {
     "vue": "^3.5.30",
-    "@scalar/helpers": "0.9.1",
-    "@scalar/components": "0.27.8",
-    "@scalar/icons": "0.7.4",
-    "@scalar/themes": "0.17.0",
-    "@scalar/use-hooks": "0.4.8",
-    "@scalar/workspace-store": "0.55.5"
+    "@scalar/helpers": "0.9.2",
+    "@scalar/icons": "0.7.5",
+    "@scalar/components": "0.27.10",
+    "@scalar/use-hooks": "0.4.9",
+    "@scalar/themes": "0.17.2",
+    "@scalar/workspace-store": "0.56.0"
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.2.4",