@scalar/components 0.27.9 → 0.27.11

package/dist/vue-styles.css

@@ -83,7 +83,7 @@ to {
     transform: scale(3.5) rotate(360deg);
 }
 }
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 .scalar-app :where(code.hljs) * {
   font-size: inherit;
   font-family: var(--scalar-font-code);
@@ -425,7 +425,6 @@ code.hljs {
 }
 
 /* -------------------------------------------------------------- */
-
 /* Language specific overrides */
 
 /** For HTML we leave the content strings brighter */
@@ -1005,7 +1004,7 @@ img,
 }
 }
 }
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 .scalar-modal-layout[data-v-5bb1dcc2] {
   animation: .3s ease-in-out forwards fadein-layout-5bb1dcc2;
 }
@@ -1075,7 +1074,7 @@ img,
   top: 0;
   right: -50dvw;
 }
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 .group\/item > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
   inset-block: -1px;
 }
@@ -1085,11 +1084,11 @@ img,
 .group\/item:last-child > * > .scalar-sidebar-indent .scalar-sidebar-indent-border[data-v-3e080c68] {
   bottom: 0;
 }
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 .group\/item:last-of-type > .group\/button > .group\/button-label > .group\/button-loading {
   width: 66.6667%;
 }
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 .group\/items.-translate-x-full .group\/button {
   transition-behavior: allow-discrete;
   max-height: 0;
@@ -1102,7 +1101,7 @@ img,
   max-height: 3.40282e38px;
   display: flex;
 }
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 .animate-sidebar-border-bottom {
   animation: forwards border-bottom;
   animation-timeline: scroll();
@@ -1116,7 +1115,7 @@ to {
     border-bottom-width: var(--scalar-border-width);
 }
 }
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 .group\/sidebar-section:first-of-type > .group\/spacer-before, .group\/sidebar-section:last-of-type > .group\/spacer-after {
   height: 0;
 }
@@ -1124,20 +1123,12 @@ to {
   height: 0;
   margin-bottom: -1px;
 }
-/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
 @layer properties {
 @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%;
@@ -1152,99 +1143,78 @@ to {
       --tw-ring-offset-width: 0px;
       --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;
 }
 }
 }
-:where(body) > .scalar-tooltip {
-  --scalar-tooltip-padding: 8px;
-  padding: var(--scalar-tooltip-padding);
+:where(body, dialog) > .scalar-tooltip {
+  --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));
+:where(body, dialog) > .scalar-tooltip[data-side="top"] {
+  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));
+:where(body, dialog) > .scalar-tooltip[data-side="bottom"] {
+  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));
+:where(body, dialog) > .scalar-tooltip[data-side="left"] {
+  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));
+:where(body, dialog) > .scalar-tooltip[data-side="right"] {
+  padding-left: calc(var(--scalar-tooltip-padding-x) + var(--scalar-tooltip-offset));
 }
-:where(body) > .scalar-tooltip:before {
+:where(body, dialog) > .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,  );
+  -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, );
   position: absolute;
   inset: 0;
 }
-:where(body) > .scalar-tooltip[data-side="top"]:before {
+:where(body, dialog) > .scalar-tooltip[data-side="top"]:before {
   bottom: var(--scalar-tooltip-offset);
 }
-:where(body) > .scalar-tooltip[data-side="bottom"]:before {
+:where(body, dialog) > .scalar-tooltip[data-side="bottom"]:before {
   top: var(--scalar-tooltip-offset);
 }
-:where(body) > .scalar-tooltip[data-side="left"]:before {
+:where(body, dialog) > .scalar-tooltip[data-side="left"]:before {
   right: var(--scalar-tooltip-offset);
 }
-:where(body) > .scalar-tooltip[data-side="right"]:before {
+:where(body, dialog) > .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: "*";
@@ -1311,6 +1281,42 @@ to {
   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;

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/components"
   },
-  "version": "0.27.9",
+  "version": "0.27.11",
   "engines": {
     "node": ">=22"
   },
@@ -219,11 +219,11 @@
     "@vueuse/core": "13.9.0",
     "cva": "1.0.0-beta.4",
     "radix-vue": "^1.9.17",
-    "vue": "^3.5.30",
+    "vue": "^3.5.40",
     "vue-component-type-helpers": "^3.2.6",
     "@scalar/code-highlight": "0.4.3",
-    "@scalar/helpers": "0.9.2",
-    "@scalar/themes": "0.17.1",
+    "@scalar/helpers": "0.10.0",
+    "@scalar/themes": "0.17.2",
     "@scalar/icons": "0.7.5",
     "@scalar/use-hooks": "0.4.9"
   },
@@ -232,21 +232,21 @@
     "@storybook/addon-docs": "10.3.5",
     "@storybook/addon-links": "10.3.5",
     "@storybook/vue3-vite": "10.3.5",
-    "@tailwindcss/cli": "^4.2.4",
-    "@tailwindcss/vite": "^4.2.0",
+    "@tailwindcss/cli": "^4.3.3",
+    "@tailwindcss/vite": "^4.3.3",
     "@types/jsdom": "28.0.1",
     "@types/node": "^24.1.0",
-    "@vitejs/plugin-vue": "^6.0.3",
-    "@vue/test-utils": "2.4.6",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vue/test-utils": "2.4.11",
     "@vueless/storybook-dark-mode": "^10.0.7",
     "concurrently": "9.1.2",
     "jsdom": "27.4.0",
     "storybook": "10.3.5",
     "svglint": "^4.2.1",
-    "tailwindcss": "^4.1.18",
-    "vite": "8.0.0",
+    "tailwindcss": "^4.3.3",
+    "vite": "8.1.5",
     "vite-svg-loader": "5.1.1",
-    "vitest": "4.1.0"
+    "vitest": "4.1.10"
   },
   "scripts": {
     "build": "pnpm typegen:icons && vite build && pnpm build:styles && vue-tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",