ps-helix 2.1.1 → 3.0.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 +19 -19
- package/fesm2022/ps-helix.mjs +201 -195
- package/fesm2022/ps-helix.mjs.map +1 -1
- package/package.json +6 -6
- package/{index.d.ts → types/ps-helix.d.ts} +13 -4
package/README.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
# Helix Design System
|
|
2
2
|
|
|
3
|
-
A comprehensive Angular component library built with Angular
|
|
3
|
+
A comprehensive Angular component library built with Angular 21+ featuring modern design patterns, accessibility-first development, and optimal developer experience.
|
|
4
4
|
|
|
5
|
-
[](https://www.npmjs.com/package/ps-helix)
|
|
6
6
|
[](https://opensource.org/licenses/MIT)
|
|
7
|
-
[](https://angular.dev/)
|
|
8
|
+
[](https://www.typescriptlang.org/)
|
|
9
9
|
|
|
10
10
|
## Table of Contents
|
|
11
11
|
|
|
@@ -45,7 +45,7 @@ A comprehensive Angular component library built with Angular 20+ featuring moder
|
|
|
45
45
|
Helix is a production-ready design system that provides:
|
|
46
46
|
|
|
47
47
|
- **28 Standalone Components** - All components are standalone, no NgModules required
|
|
48
|
-
- **Signal-Based Reactivity** - Built with Angular
|
|
48
|
+
- **Signal-Based Reactivity** - Built with Angular 21 signals for optimal performance
|
|
49
49
|
- **Accessibility First** - WCAG 2.1 AA compliant out of the box
|
|
50
50
|
- **TypeScript Strict Mode** - Full type safety and IntelliSense support
|
|
51
51
|
- **Complete Type Exports** - All component types and enums exported for type-safe development
|
|
@@ -53,7 +53,7 @@ Helix is a production-ready design system that provides:
|
|
|
53
53
|
- **Phosphor Icons** - 6000+ icons with multiple weight variants
|
|
54
54
|
- **i18n Support** - Built-in internationalization with ngx-translate
|
|
55
55
|
- **Responsive Design** - Mobile-first approach with comprehensive breakpoint system
|
|
56
|
-
- **Modern Architecture** - Built with Angular
|
|
56
|
+
- **Modern Architecture** - Built with Angular 21 standalone components and signals
|
|
57
57
|
|
|
58
58
|
## Prerequisites
|
|
59
59
|
|
|
@@ -61,17 +61,17 @@ Before installing Helix, ensure your development environment meets these require
|
|
|
61
61
|
|
|
62
62
|
- **Node.js**: 18.x or higher
|
|
63
63
|
- **npm**: 9.x or higher
|
|
64
|
-
- **Angular**:
|
|
65
|
-
- **Angular CLI**:
|
|
66
|
-
- **TypeScript**: 5.
|
|
64
|
+
- **Angular**: 21.0.3 or higher
|
|
65
|
+
- **Angular CLI**: 21.0.3 or higher
|
|
66
|
+
- **TypeScript**: 5.9.0 or higher
|
|
67
67
|
|
|
68
68
|
### Required Peer Dependencies
|
|
69
69
|
|
|
70
70
|
```json
|
|
71
71
|
{
|
|
72
|
-
"@angular/common": "^
|
|
73
|
-
"@angular/core": "^
|
|
74
|
-
"@angular/forms": "^
|
|
72
|
+
"@angular/common": "^21.0.3",
|
|
73
|
+
"@angular/core": "^21.0.3",
|
|
74
|
+
"@angular/forms": "^21.0.3",
|
|
75
75
|
"@ngx-translate/core": "^15.0.0",
|
|
76
76
|
"rxjs": "^7.8.0"
|
|
77
77
|
}
|
|
@@ -103,12 +103,12 @@ All peer dependencies should be automatically installed. If not, install them ma
|
|
|
103
103
|
|
|
104
104
|
**Avec pnpm :**
|
|
105
105
|
```bash
|
|
106
|
-
pnpm add @angular/common@^
|
|
106
|
+
pnpm add @angular/common@^21.0.3 @angular/core@^21.0.3 @angular/forms@^21.0.3 @ngx-translate/core@^15.0.0 rxjs@^7.8.0
|
|
107
107
|
```
|
|
108
108
|
|
|
109
109
|
**Avec npm :**
|
|
110
110
|
```bash
|
|
111
|
-
npm install @angular/common@^
|
|
111
|
+
npm install @angular/common@^21.0.3 @angular/core@^21.0.3 @angular/forms@^21.0.3 @ngx-translate/core@^15.0.0 rxjs@^7.8.0
|
|
112
112
|
```
|
|
113
113
|
|
|
114
114
|
### Verify Installation
|
|
@@ -118,7 +118,7 @@ After installation, verify that ps-helix is in your `package.json`:
|
|
|
118
118
|
```json
|
|
119
119
|
{
|
|
120
120
|
"dependencies": {
|
|
121
|
-
"ps-helix": "^
|
|
121
|
+
"ps-helix": "^3.0.0"
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
124
|
```
|
|
@@ -1064,7 +1064,7 @@ See [THEME.md](./THEME.md) for complete theming documentation.
|
|
|
1064
1064
|
**Problem**: TypeScript compilation errors with component imports.
|
|
1065
1065
|
|
|
1066
1066
|
**Solution**:
|
|
1067
|
-
1. Verify Angular version is
|
|
1067
|
+
1. Verify Angular version is 21.0.3 or higher
|
|
1068
1068
|
2. Check `tsconfig.json` has `"strict": true`
|
|
1069
1069
|
3. Ensure all peer dependencies are installed
|
|
1070
1070
|
4. Clear node_modules and reinstall:
|
|
@@ -1173,7 +1173,7 @@ Copyright (c) 2025 PACK Solutions
|
|
|
1173
1173
|
|
|
1174
1174
|
---
|
|
1175
1175
|
|
|
1176
|
-
**Version**:
|
|
1177
|
-
**Built with**: Angular
|
|
1176
|
+
**Version**: 3.0.0
|
|
1177
|
+
**Built with**: Angular 21.0.3, TypeScript 5.9.0, Phosphor Icons 2.0.3
|
|
1178
1178
|
**Author**: Fabrice PEREZ | Product Designer at PACK Solutions
|
|
1179
|
-
**Last Updated**:
|
|
1179
|
+
**Last Updated**: January 2026
|