Neu: Search, Motion & Attribute 1.2.0 stable
Stabile Runtime-Module in 1.2.0: ein zentrales Suchsystem, eine einheitliche Motion-Runtime und deklarative HTML-Attribute als Br?cke zu Web Components. Design Intelligence (Plan / Review / Meta) ist getrennt und beta. English: What's new
Wann nutzen
- Adopt search, motion, and HTML-attribute bridges on top of stable CSS/WC.
- Pin
@birdapi/velinstyle@1.2.0; keep plan/review/meta labeled beta.
Wann nicht
- Beta-Plan/Review/Meta nicht als fertiges KI-Design-System behandeln.
- Keine noch geplanten Studio- oder Utility-Engine-APIs erfinden.
?berblick
| Feature | Location | Docs |
|---|---|---|
| VelinSearch | core/search/, <velin-search> | VelinSearch guide |
| Motion | core/motion/, initMotion() | Motion & attributes |
| Attributes | core/attributes/, bootFromDOM({ attributes: true }) | Attribute reference |
| Architecture | Tree-shakeable subpaths | Core modules |
Neue core/-Module
Small ESM packages inside the framework repo (also exported from npm):
@birdapi/velinstyle/search— offline JSON index, fuzzy query,registerSearchProvider()@birdapi/velinstyle/motion— IntersectionObserver + rAF scheduler, stagger, smooth scroll@birdapi/velinstyle/attributes— registry ofvelin-*attribute handlers (bridge to WCs)
See Core modules for file layout and design goals.
VelinSearch
Documentation header search on this site uses the same API. Build the index with velinstyle search index or npm run docs:generate in the framework repo.
npx velinstyle search index --out dist/search-index.json
Motion-Runtime
Replaces the split between velin-reveal.js (class .is-visible) and scroll-timeline-only CSS. Primary path: .velin-in-view + prefers-reduced-motion.
HTML-Attribute
25+ attributes such as velin-modal, velin-reveal, velin-code — no duplicate WC implementations; attributes lazy-load components via data-velin-component.
Generated Markdown: docs/generated/attributes/ (after npm run sync:generated).
Migration
initReveal()still works — delegates toinitMotion()- Site search:
doc-search.jsimports@birdapi/velinstyle/search(ES module) - Enable attributes:
bootFromDOM(document, { attributes: true })