@human-synthesis/norns-ui 0.2.1 → 0.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@human-synthesis/norns-ui",
-	"version": "0.2.1",
+	"version": "0.2.2",
 	"description": "UI library for the Norns ecosystem — Pug + Civet components on Tailwind v4.",
 	"license": "MIT",
 	"author": "Daniel Teodoroiu (https://humansynthesis.ai)",

package/src/components/Btn.n

@@ -16,6 +16,7 @@
 		target!="{target}"
 		rel!="{rel}"
 		class!="{classes}"
+		aria-label!="{ariaLabel}"
 		aria-disabled!="{disabled || loading ? 'true' : undefined}"
 	)
 		| {@render body()}
@@ -25,6 +26,7 @@
 		class!="{classes}"
 		disabled!="{disabled || loading}"
 		onclick!="{onclick}"
+		aria-label!="{ariaLabel}"
 		aria-busy!="{loading ? 'true' : undefined}"
 	)
 		| {@render body()}
@@ -44,6 +46,9 @@
 		href
 		target
 		rel
+		// Icon-only buttons (icon set, no children) have no accessible name
+		// without this — always pass ariaLabel for those.
+		ariaLabel
 		children
 		leading
 		trailing

package/src/palette-manifest.json

@@ -1,6 +1,6 @@
 {
 	"library": "@human-synthesis/norns-ui",
-	"version": "0.2.0",
+	"version": "0.2.2",
 	"counts": {
 		"components": 78,
 		"motion": 5,
@@ -372,6 +372,11 @@
 					"type": "string",
 					"required": false
 				},
+				{
+					"name": "ariaLabel",
+					"type": "string",
+					"required": false
+				},
 				{
 					"name": "class",
 					"type": "string",

package/src/types/Btn.d.ts

@@ -25,6 +25,12 @@ export type BtnProps = Omit<HTMLButtonAttributes, 'class' | 'children'> & {
 	href?: string;
 	target?: string;
 	rel?: string;
+	/**
+	 * Accessible name, rendered as `aria-label`. Required in practice for
+	 * icon-only buttons (`icon` set, no `children`), which otherwise have
+	 * no accessible name at all.
+	 */
+	ariaLabel?: string;
 	class?: string;
 	children?: Snippet;
 	leading?: Snippet;