@eagami/ui 1.3.0 → 1.4.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 +18 -1
- package/fesm2022/eagami-ui.mjs +10986 -2616
- package/fesm2022/eagami-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/eagami-ui.d.ts +1788 -282
package/README.md
CHANGED
|
@@ -51,7 +51,24 @@ Full API and live demos at [eagami.com/ui/components](https://eagami.com/ui/comp
|
|
|
51
51
|
|
|
52
52
|
## Icons
|
|
53
53
|
|
|
54
|
-
Standalone Angular components (`<ea-icon-*>`) that inherit their color and scale with `font-size`, so they render at any size.
|
|
54
|
+
Standalone Angular components (`<ea-icon-*>`) that inherit their color and scale with `font-size`, so they render at any size. The library ships the full [Feather Icons](https://feathericons.com/) set (287 icons at their canonical slugs) by [Cole Bemis](https://github.com/colebemis), used under the [MIT License](https://github.com/feathericons/feather/blob/master/LICENSE), plus a set of original Eagami UI additions (basic shapes, household objects, the Eagami brand mark) and a small coloured brand-icon set for nominative use.
|
|
55
|
+
|
|
56
|
+
Each icon component exposes `static readonly` metadata so consumers can build catalogues, search indices, or doc tables without importing every icon:
|
|
57
|
+
|
|
58
|
+
```ts
|
|
59
|
+
import { GithubIconComponent } from '@eagami/ui';
|
|
60
|
+
|
|
61
|
+
GithubIconComponent.slug; // 'github'
|
|
62
|
+
GithubIconComponent.category; // 'feather'
|
|
63
|
+
GithubIconComponent.isBrand; // true
|
|
64
|
+
GithubIconComponent.tags; // ['github', 'git', 'repository', ...]
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
The shape of this metadata is described by the exported `IconCategory`, `IconMeta`, and `IconComponentType` types. Every icon component extends the abstract `IconComponentBase` directive, which contributes the shared `display: inline-flex; width: 1em; height: 1em` host bindings.
|
|
68
|
+
|
|
69
|
+
For catalogue-style use cases, import the `ICONS` array (a slug-sorted, `ReadonlyArray<IconComponentType>` of every non-deprecated icon) and the `iconDisplayName(iconOrSlug)` helper that resolves the human-readable label with the correct casing for acronyms and brand marks (`GitHub`, `npm`, `CodePen`, `X (Twitter)`, etc.). Importing `ICONS` pulls every icon into the bundle, so apps that only render a handful should keep importing the components they use directly.
|
|
70
|
+
|
|
71
|
+
See [icons](https://eagami.com/ui/icons) for the full set, per-brand guideline links, and a searchable filter.
|
|
55
72
|
|
|
56
73
|
## Theming
|
|
57
74
|
|