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>
44 lines
1.3 KiB
JSON
44 lines
1.3 KiB
JSON
{
|
|
"name": "s-suite",
|
|
"version": "0.0.0",
|
|
"scripts": {
|
|
"ng": "ng",
|
|
"start": "ng serve",
|
|
"build": "ng build",
|
|
"watch": "ng build --watch --configuration development",
|
|
"test": "ng test"
|
|
},
|
|
"private": true,
|
|
"dependencies": {
|
|
"@angular/common": "^19.2.0",
|
|
"@angular/compiler": "^19.2.0",
|
|
"@angular/core": "^19.2.0",
|
|
"@angular/forms": "^19.2.0",
|
|
"@angular/platform-browser": "^19.2.0",
|
|
"@angular/platform-browser-dynamic": "^19.2.0",
|
|
"@angular/router": "^19.2.0",
|
|
"@fortawesome/angular-fontawesome": "^1.0.0",
|
|
"@fortawesome/fontawesome-svg-core": "^7.0.0",
|
|
"@fortawesome/free-brands-svg-icons": "^7.0.0",
|
|
"@fortawesome/free-regular-svg-icons": "^7.0.0",
|
|
"@fortawesome/free-solid-svg-icons": "^7.0.0",
|
|
"rxjs": "~7.8.0",
|
|
"tslib": "^2.3.0",
|
|
"zone.js": "~0.15.0"
|
|
},
|
|
"devDependencies": {
|
|
"@angular-devkit/build-angular": "^19.2.15",
|
|
"@angular/cli": "^19.2.15",
|
|
"@angular/compiler-cli": "^19.2.0",
|
|
"@types/jasmine": "~5.1.0",
|
|
"jasmine-core": "~5.6.0",
|
|
"karma": "~6.4.0",
|
|
"karma-chrome-launcher": "~3.2.0",
|
|
"karma-coverage": "~2.2.0",
|
|
"karma-jasmine": "~5.1.0",
|
|
"karma-jasmine-html-reporter": "~2.1.0",
|
|
"ng-packagr": "^19.2.0",
|
|
"typescript": "~5.7.2"
|
|
}
|
|
}
|