@eagami/ui 0.10.1 → 0.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -1
- package/fesm2022/eagami-ui.mjs +266 -266
- package/fesm2022/eagami-ui.mjs.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<img src="docs/images/eagami-header.png" alt="eagami design system — elegant web design" width="800" />
|
|
3
3
|
</p>
|
|
4
4
|
|
|
5
|
-
A lightweight, accessible Angular component library built on CSS custom properties. Ready to use out of the box — install, import, and start building.
|
|
5
|
+
A lightweight, accessible Angular component library built on CSS custom properties, with portable design system integration guides for Flutter and React ([see more](#framework-integration)). Ready to use out of the box — install, import, and start building.
|
|
6
6
|
|
|
7
7
|
Every component is standalone, signal-based, and fully themed via design tokens. No wrapping modules, no complex setup, no runtime style conflicts. Designed to be AI-friendly with clear APIs, consistent patterns, and comprehensive documentation that makes it easy for both developers and AI assistants to work with.
|
|
8
8
|
|
|
@@ -695,6 +695,15 @@ Component-level overrides are available where useful:
|
|
|
695
695
|
|
|
696
696
|
See [`src/styles/tokens/`](src/styles/tokens/) for the full token reference.
|
|
697
697
|
|
|
698
|
+
## Framework integration
|
|
699
|
+
|
|
700
|
+
@eagami/ui is an Angular library, but its design tokens, rules, and component API conventions are framework-agnostic. For projects that can't consume the Angular package directly yet still want to adhere to the same design system, two self-contained integration guides are provided — each copy-and-paste ready and written to be readable by both human developers and AI coding agents:
|
|
701
|
+
|
|
702
|
+
- **[design-system-flutter.md](design-system-flutter.md)** — Dart `ThemeExtension`, `MaterialApp` wiring, reduced-motion handling, and widget API conventions for Flutter projects
|
|
703
|
+
- **[design-system-react.md](design-system-react.md)** — CSS custom properties, TypeScript constants, and component prop conventions for React projects (plain CSS, CSS Modules, styled-components, emotion, or Tailwind)
|
|
704
|
+
|
|
705
|
+
Both files contain the full token set, mandatory design rules, theme setup, usage patterns, component API conventions, and accessibility requirements. Copy the relevant file into the target project and follow it when building UI.
|
|
706
|
+
|
|
698
707
|
## Peer dependencies
|
|
699
708
|
|
|
700
709
|
| Package | Version |
|