@nxgt/material 2.8.0 → 2.9.0

package/docs/roadmap.md

@@ -88,6 +88,13 @@ Nothing in progress right now; see Next.
 
 ## Shipped
 
+- **Tabs in two looks** — `underline`, the new default, whose bar slides to
+  the active tab, and a neutral `segmented` pill; a list that scrolls
+  sideways on a phone instead of widening the page, right-to-left, a visible
+  focus ring, labels that read 4.5:1 in both themes, and an indicator that
+  stops sliding under `prefers-reduced-motion`. `bar` and `line` still work,
+  as deprecated aliases of `underline` and `segmented`. 2.9.0.
+
 - **Accessible by default** — error text in its own `--error-text` colour that
   reads 4.5:1 in both themes, the empty part of sliders and meters in a
   `--track` colour that reads 3:1, buttons, badges and status colours that

package/docs/troubleshooting.md

@@ -39,6 +39,8 @@ words in your error.
 
 - [A `ListTile` link reloads the whole page](#a-listtile-link-reloads-the-whole-page)
 - [The phone menu needs two Escapes to close, or a tooltip shows over it](#the-phone-menu-needs-two-escapes-to-close-or-a-tooltip-shows-over-it)
+- [`Tabs` look different after upgrading](#tabs-look-different-after-upgrading)
+- [A screen reader announces an icon-only tab as "tab", with no name](#a-screen-reader-announces-an-icon-only-tab-as-tab-with-no-name)
 
 **SSR & build**
 
@@ -754,6 +756,39 @@ the tooltip's own layer takes the first Escape.
 tooltip, since it shows its label; a collapsed one keeps it, and an explicit
 `tooltip` is always shown. A `SidebarMenuItem` of your own needs no change.
 
+### `Tabs` look different after upgrading
+
+**When:** a `Tabs` with no `variant`, or with `variant="bar"`, renders a row of
+tabs over a border with a bar under the active one, where it rendered
+boxed tabs, a primary ring around the active one;
+one with `variant="line"` renders a rounded pill.
+**Why:** `underline` is now the default look. `bar` and `line` are deprecated
+aliases: `bar` renders as `underline`, `line` as `segmented`.
+**Fix:** write the look you want. `underline` needs no `variant`; for a pill,
+set `segmented`:
+
+```tsx
+<Tabs defaultValue="week" variant="segmented">
+```
+
+A test that queried the old classes should query the state instead:
+`getByRole('tab', { selected: true })`, and `data-variant` on
+`[data-slot="tabs"]` for the look.
+
+### A screen reader announces an icon-only tab as "tab", with no name
+
+**When:** a `TabsTrigger` holds only an icon; an accessibility audit reports a
+tab with no accessible name.
+**Why:** a tab is named by its text, and an icon has none.
+**Fix:** give the trigger `aria-label`, and `title` for a hover hint:
+
+```tsx
+<TabsTrigger value="recent" icon={<Clock />} aria-label="Recent" title="Recent" />
+```
+
+`EmojiList` and `EmojiPicker` name their group tabs themselves; update
+`@nxgt/material` if yours read "tab" only.
+
 ## SSR & build
 
 ### `ReferenceError: window is not defined`

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "2.8.0",
+	"version": "2.9.0",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"
@@ -114,7 +114,7 @@
 		"docs:previews": "vitest run --project previews"
 	},
 	"dependencies": {
-		"@nxgt/material-core": "^0.5.0",
+		"@nxgt/material-core": "^0.6.0",
 		"@base-ui/react": "^1.6.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",

package/dist/lib/components/ui/widgets/emoji/emoji.groups.d.ts

@@ -1,6 +0,0 @@
-import { EmojiItem } from './types';
-export declare function groupKey(group?: string | null): string;
-export declare function groupEmojis(emojis: EmojiItem[], recent: string[]): {
-    [k: string]: EmojiItem[];
-};
-export declare function searchEmojis(emojis: EmojiItem[], query: string): EmojiItem[] | null;