@lyeve-labs/ui-kit 0.13.0 → 0.13.1

package/dist/components/SidebarNav.svelte

@@ -209,10 +209,15 @@
         that appears only once the group is open leaves the reference dangling
         in the one state where a reader needs it to tell them what the button
         will reveal.
+
+        It keeps the implicit list role. role="group" here overrode it, and a
+        listitem whose parent is not a list is an ARIA context error, so every
+        row of an open section came back as a serious axe violation. Grouping
+        semantics belong to a tree, where the parent is a treeitem; this is a
+        nav of plain links and the disclosure already says what it controls.
       -->
       <ul
         id={listId(node.id)}
-        role="group"
         class="{open && !node.disabled ? 'flex' : 'hidden'} mt-0.5 flex-col gap-0.5"
       >
         {#each children as child (child.id)}

package/dist/index.d.ts

@@ -84,4 +84,4 @@ export { openDialog, closeDialog, dismissDialog, dismissAllDialogs, confirm, set
 export type { DialogOptions, DialogEntry, DialogSize } from './components/dialog/types.js';
 export { cn, type ClassValue } from './utils/cn.js';
 export { getTheme, setTheme, toggleTheme, themeBootScript, type Theme } from './utils/theme.js';
-export declare const VERSION = "0.13.0";
+export declare const VERSION = "0.13.1";

package/dist/index.js

@@ -90,4 +90,4 @@ export { getTheme, setTheme, toggleTheme, themeBootScript } from './utils/theme.
 // ── Version ────────────────────────────────────────────────────────────────
 // Generated from package.json by `pnpm version:sync`. Bump package.json, never
 // this line; the build and the test suite fail when the two disagree.
-export const VERSION = '0.13.0';
+export const VERSION = '0.13.1';

package/dist/internal/field.d.ts

@@ -25,6 +25,14 @@ export declare const FIELD_ERROR = "text-xs text-danger";
  * MultiSelect chip well - use `CONTROL_MULTILINE` instead and keep the token as
  * a minimum.
  */
+/**
+ * outline-none must be paired with a replacement. It was not here: theme.css
+ * declares a global :focus-visible outline of 2px solid brand, chosen for its
+ * contrast, and a utility beats the base layer, so these two cancelled the
+ * kit's own focus indicator for every text input, textarea, number and select.
+ * Focus was left as a 1px border-colour change. SidebarNav's buttons and
+ * CONTROL_SEGMENT already pair the two correctly; these did half of it.
+ */
 export declare const CONTROL_BASE: string;
 /** As CONTROL_BASE, for controls whose height is driven by their content. */
 export declare const CONTROL_MULTILINE: string;

package/dist/internal/field.js

@@ -25,12 +25,22 @@ export const FIELD_ERROR = 'text-xs text-danger';
  * MultiSelect chip well - use `CONTROL_MULTILINE` instead and keep the token as
  * a minimum.
  */
+/**
+ * outline-none must be paired with a replacement. It was not here: theme.css
+ * declares a global :focus-visible outline of 2px solid brand, chosen for its
+ * contrast, and a utility beats the base layer, so these two cancelled the
+ * kit's own focus indicator for every text input, textarea, number and select.
+ * Focus was left as a 1px border-colour change. SidebarNav's buttons and
+ * CONTROL_SEGMENT already pair the two correctly; these did half of it.
+ */
 export const CONTROL_BASE = 'w-full h-control rounded-lg bg-surface-2 border px-3 text-sm text-fg ' +
     'placeholder:text-faint transition-colors duration-150 outline-none ' +
+    'focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-brand ' +
     'disabled:opacity-50 disabled:cursor-not-allowed';
 /** As CONTROL_BASE, for controls whose height is driven by their content. */
 export const CONTROL_MULTILINE = 'w-full min-h-control rounded-lg bg-surface-2 border px-3 py-2 text-sm text-fg ' +
     'placeholder:text-faint transition-colors duration-150 outline-none ' +
+    'focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-brand ' +
     'disabled:opacity-50 disabled:cursor-not-allowed';
 /**
  * The border a control carries at rest and on focus.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lyeve-labs/ui-kit",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "A clean, accessible, palette-aware Svelte 5 component library. The design system behind LyEve.",
   "license": "MIT",
   "author": "LyEve Labs <hello@lyeve.com>",