@eagami/ui 4.5.1 → 4.7.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 -2
- package/fesm2022/eagami-ui.mjs +155 -93
- package/fesm2022/eagami-ui.mjs.map +1 -1
- package/package.json +5 -2
- package/schematics/collection.json +9 -0
- package/schematics/ng-add/index.js +64 -0
- package/schematics/ng-add/schema.js +2 -0
- package/schematics/ng-add/schema.json +16 -0
- package/schematics/ng-add/utils.js +53 -0
- package/schematics/package.json +3 -0
- package/src/styles/_mixins.scss +68 -0
- package/src/styles/_reset.scss +62 -0
- package/src/styles/_rtl.scss +38 -0
- package/src/styles/_tooltip.scss +39 -0
- package/src/styles/eagami-ui.scss +7 -0
- package/src/styles/tokens/_colors.scss +265 -0
- package/src/styles/tokens/_elevation.scss +87 -0
- package/src/styles/tokens/_index.scss +6 -0
- package/src/styles/tokens/_motion.scss +37 -0
- package/src/styles/tokens/_shape.scss +23 -0
- package/src/styles/tokens/_spacing.scss +73 -0
- package/src/styles/tokens/_typography.scss +147 -0
- package/types/eagami-ui.d.ts +7 -2
package/README.md
CHANGED
|
@@ -19,12 +19,20 @@
|
|
|
19
19
|
- **Accessible.** Keyboard navigation, focus management, screen-reader support, and reduced-motion handling are built into every component.
|
|
20
20
|
- **Lightweight.** Each component imports independently and the bundle only ships what you use.
|
|
21
21
|
- **Themeable.** Fully customizable with [design tokens](https://eagami.com/ui/design-tokens) while maintaining a unified look across every page. Light and dark variants ship together and default to the user's system preference.
|
|
22
|
-
- **Localized.** Built-in component text ships in
|
|
22
|
+
- **Localized.** Built-in component text ships in twelve languages, with runtime switching and per-string overrides.
|
|
23
23
|
- **Modern.** Regularly updated with the latest Angular features and modern web standards.
|
|
24
24
|
- **Unlocked.** Every component is plain Angular and CSS with no vendor lock-in, so the source can be read, copied, or modified like any other code in your project.
|
|
25
25
|
|
|
26
26
|
## Installation
|
|
27
27
|
|
|
28
|
+
The quickest way is the schematic, which installs the package and registers the global stylesheet and fonts for you:
|
|
29
|
+
|
|
30
|
+
```bash
|
|
31
|
+
ng add @eagami/ui
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
Prefer to wire it up by hand? Install the package:
|
|
35
|
+
|
|
28
36
|
```bash
|
|
29
37
|
npm install @eagami/ui
|
|
30
38
|
# or
|
|
@@ -33,7 +41,7 @@ pnpm add @eagami/ui
|
|
|
33
41
|
yarn add @eagami/ui
|
|
34
42
|
```
|
|
35
43
|
|
|
36
|
-
|
|
44
|
+
Then add the global stylesheet to your `angular.json`:
|
|
37
45
|
|
|
38
46
|
```json
|
|
39
47
|
"styles": ["node_modules/@eagami/ui/src/styles/eagami-ui.scss"]
|