c803831f60
Implement complete semantic layer for all design tokens including typography, spacing, motion, colors, borders, shadows, z-index, opacity, and glass effects. Each semantic token maps base design tokens to contextual usage patterns for improved maintainability and developer experience. Features: - Complete semantic typography system with font weights, sizes, line heights, and letter spacing - Comprehensive spacing tokens for components, layouts, and interactions - Full motion system with durations, easing, transitions, and hover transforms - Semantic color system with individual access to all Material Design 3 colors - Border tokens with widths, radius, and styles for all use cases - Shadow system including standard and AI-themed shadows - Z-index layering system for proper stacking context - Opacity tokens for transparency and visibility states - Glass morphism tokens with blur, opacity, and theming support All semantic tokens provide direct access to base token values while offering meaningful contextual aliases for common UI patterns. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
64 lines
1.4 KiB
Markdown
64 lines
1.4 KiB
Markdown
# SharedUi
|
|
|
|
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
|
|
|
|
## Code scaffolding
|
|
|
|
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
|
|
|
|
```bash
|
|
ng generate component component-name
|
|
```
|
|
|
|
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
|
|
|
|
```bash
|
|
ng generate --help
|
|
```
|
|
|
|
## Building
|
|
|
|
To build the library, run:
|
|
|
|
```bash
|
|
ng build shared-ui
|
|
```
|
|
|
|
This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
|
|
|
|
### Publishing the Library
|
|
|
|
Once the project is built, you can publish your library by following these steps:
|
|
|
|
1. Navigate to the `dist` directory:
|
|
```bash
|
|
cd dist/shared-ui
|
|
```
|
|
|
|
2. Run the `npm publish` command to publish your library to the npm registry:
|
|
```bash
|
|
npm publish
|
|
```
|
|
|
|
## Running unit tests
|
|
|
|
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
|
|
|
|
```bash
|
|
ng test
|
|
```
|
|
|
|
## Running end-to-end tests
|
|
|
|
For end-to-end (e2e) testing, run:
|
|
|
|
```bash
|
|
ng e2e
|
|
```
|
|
|
|
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
|
|
|
|
## Additional Resources
|
|
|
|
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
|