@veluai/velu 0.2.6 → 0.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veluai/velu",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "type": "module",
   "bin": "./dist/cli.js",
   "publishConfig": {

package/runtime/velu-ui/base.css

@@ -243,16 +243,20 @@
   margin-block-start: var(--s5);
 }
 
-/* Sidebars / TOC scroll container: discreet thin scrollbar with a
-   tokenised colour in every state.
+/* Discreet thin scrollbar with a tokenised colour in every state — applied
+   GLOBALLY (the `*` selector) so every scrollable element inherits it by
+   default: the chatbot, dialogs, and any future component, with no
+   per-component opt-in. Component-specific scrollbar rules win via
+   specificity (e.g. the nav/TOC reveal-on-hover overrides below).
+   `.velu-hide-scrollbar` stays as an explicit alias for existing markup.
 
-   No transitions: Firefox doesn't honour CSS transitions on
-   `scrollbar-color` consistently, and the in-between interpolation +
-   Firefox's auto-derived hover/active colours can flash a yellow/amber
-   accent (it picks an OS / system accent when interpolating). Hard
-   switches avoid that. Same reason every WebKit thumb pseudo-state is
-   set explicitly — otherwise Chromium can fall back to the Windows 11
-   system accent on hover. */
+   No transitions: Firefox doesn't honour CSS transitions on `scrollbar-color`
+   consistently, and the in-between interpolation + its auto-derived
+   hover/active colours can flash a yellow/amber accent (an OS / system accent
+   when interpolating). Hard switches avoid that. Same reason every WebKit
+   thumb pseudo-state is set explicitly — otherwise Chromium can fall back to
+   the Windows 11 system accent on hover. */
+*,
 .velu-hide-scrollbar {
   scrollbar-width: thin;
   /* Single colour both at rest and on hover. Firefox auto-darkens on
@@ -260,17 +264,22 @@
      derived shade in the same family (no yellow flash). */
   scrollbar-color: var(--border-color) transparent;
 }
+*::-webkit-scrollbar,
 .velu-hide-scrollbar::-webkit-scrollbar {
   inline-size: 6px;
   block-size: 6px;
 }
+*::-webkit-scrollbar-track,
 .velu-hide-scrollbar::-webkit-scrollbar-track {
   background: transparent;
 }
+*::-webkit-scrollbar-thumb,
 .velu-hide-scrollbar::-webkit-scrollbar-thumb {
   background: var(--border-color);
   border-radius: 999px;
 }
+*::-webkit-scrollbar-thumb:hover,
+*::-webkit-scrollbar-thumb:active,
 .velu-hide-scrollbar::-webkit-scrollbar-thumb:hover,
 .velu-hide-scrollbar::-webkit-scrollbar-thumb:active {
   background: var(--muted-color);