@stasho/ds 0.15.1 → 0.15.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stasho/ds",
-  "version": "0.15.1",
+  "version": "0.15.3",
   "description": "stasho design system",
   "type": "module",
   "license": "MIT",

package/src/components/project-switcher/project-switcher.tsx

@@ -178,6 +178,7 @@ const ProjectSwitcher = forwardRef<HTMLButtonElement, ProjectSwitcherProps>(
                 value={query}
                 onValueChange={setQuery}
                 placeholder={searchPlaceholder}
+                aria-label={searchPlaceholder}
                 className={cn(
                   "w-full border-b border-edge bg-transparent px-4 py-2.5",
                   "text-sm text-foreground placeholder:text-muted-foreground",

package/src/components/sidebar/sidebar.tsx

@@ -160,9 +160,12 @@ export function SidebarNav({
   return (
     <nav
       aria-label={ariaLabel}
-      className={cn("flex-1 overflow-y-auto p-2", className)}
+      className={cn(
+        "flex flex-1 flex-col gap-1 overflow-y-auto p-2",
+        className,
+      )}
     >
-      <ul className="flex flex-col gap-1">{children}</ul>
+      {children}
     </nav>
   );
 }

package/src/styles/tokens.css

@@ -130,6 +130,8 @@
    Layer 2: Semantic Surface Tokens (theme-dependent)
    ────────────────────────────────────────────── */
 :root {
+  /* Native UI (scrollbars, form-control chrome) must render light with the theme. */
+  color-scheme: light;
   --background: oklch(0.99 0.005 270);
   --foreground: oklch(0.22 0.015 270);
 
@@ -162,6 +164,8 @@
 }
 
 .theme-dark {
+  /* Native UI (scrollbars, form-control chrome) must render dark with the theme. */
+  color-scheme: dark;
   --background: #07080a;
   --foreground: #f3f3f3;