Mercurial

comparison .claude/skills/zenbu-design-system/SKILL.md @ 252:7a7581f040e8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[ui] Add scoped notification component Co-authored-by: Copilot <[email protected]>
author MrJuneJune <me@mrjunejune.com>
date Tue, 04 Aug 2026 11:57:16 -0700
parents 117c4d53c9a4
children fdf3816959cb
comparison
equal deleted inserted replaced
251:117c4d53c9a4 252:7a7581f040e8
18 18
19 - Stay close to native HTML and use light DOM. 19 - Stay close to native HTML and use light DOM.
20 - Wrap native interactive elements instead of recreating form/link semantics. 20 - Wrap native interactive elements instead of recreating form/link semantics.
21 - Do not add framework or runtime dependencies. 21 - Do not add framework or runtime dependencies.
22 - Keep application state outside components. 22 - Keep application state outside components.
23 - Keep notification action tokens opaque and out of DOM attributes; use scoped,
24 non-composed `zen-notify` events and bounded queues.
25 - Keep `zen-notifications` behavior aligned with
26 `design_system/NOTIFICATIONS.md`.
23 - Preserve keyboard, form, validity, label, and ARIA behavior. 27 - Preserve keyboard, form, validity, label, and ARIA behavior.
24 - Prefix custom elements and tokens with `zen-` / `--zen-`. 28 - Prefix custom elements and tokens with `zen-` / `--zen-`.
25 - Keep selectors low-specificity so applications can override tokens. 29 - Keep selectors low-specificity so applications can override tokens.
26 - Support light, dark, reduced-motion, desktop, and mobile behavior. 30 - Support light, dark, reduced-motion, desktop, and mobile behavior.
27 31