@kksdev/ds-angular 1.10.0 → 1.12.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 CHANGED
@@ -1,63 +1,66 @@
1
- # DsAngular
1
+ # @kksdev/ds-angular
2
2
 
3
- This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.0.
3
+ Angular 20 Design System - Bibliothèque de composants standalone avec signals.
4
4
 
5
- ## Code scaffolding
5
+ ## Features
6
6
 
7
- Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
7
+ - 55 composants UI (Button, Modal, Table, Form, etc.)
8
+ - 7 primitives (Button, Input, Checkbox, Radio, Textarea, Toggle, Badge)
9
+ - 3 thèmes (Light, Dark, Custom)
10
+ - Support i18n
11
+ - Accessible (WCAG 2.1 AA)
12
+ - Standalone components avec signals
8
13
 
9
- ```bash
10
- ng generate component component-name
11
- ```
12
-
13
- For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
14
+ ## Installation
14
15
 
15
16
  ```bash
16
- ng generate --help
17
+ npm install @kksdev/ds-angular
17
18
  ```
18
19
 
19
- ## Building
20
-
21
- To build the library, run:
20
+ ## Peer Dependencies
22
21
 
23
22
  ```bash
24
- ng build ds-angular
23
+ npm install @angular/cdk @fortawesome/angular-fontawesome @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons
25
24
  ```
26
25
 
27
- This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
26
+ ## Usage
28
27
 
29
- ### Publishing the Library
28
+ ```typescript
29
+ import { DsButton, DsModal, DsInputField } from '@kksdev/ds-angular';
30
30
 
31
- Once the project is built, you can publish your library by following these steps:
31
+ @Component({
32
+ imports: [DsButton, DsModal, DsInputField],
33
+ template: `
34
+ <ds-button variant="primary" (clicked)="onSave()">
35
+ Enregistrer
36
+ </ds-button>
37
+ `
38
+ })
39
+ export class MyComponent {}
40
+ ```
32
41
 
33
- 1. Navigate to the `dist` directory:
34
- ```bash
35
- cd dist/ds-angular
36
- ```
42
+ ## Thèmes
37
43
 
38
- 2. Run the `npm publish` command to publish your library to the npm registry:
39
- ```bash
40
- npm publish
41
- ```
44
+ Activez un thème en ajoutant la classe sur le document :
42
45
 
43
- ## Running unit tests
46
+ ```typescript
47
+ document.documentElement.className = 'theme-light'; // ou 'theme-dark', 'theme-custom'
48
+ ```
44
49
 
45
- To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
50
+ ## Documentation
46
51
 
47
- ```bash
48
- ng test
49
- ```
52
+ Documentation complète et démos interactives :
50
53
 
51
- ## Running end-to-end tests
54
+ **https://ds-showcase.kkshome.online/**
52
55
 
53
- For end-to-end (e2e) testing, run:
56
+ ## Composants disponibles
54
57
 
55
- ```bash
56
- ng e2e
57
- ```
58
+ ### Primitives
59
+ `PrimitiveButton` `PrimitiveInput` `PrimitiveCheckbox` `PrimitiveRadio` `PrimitiveTextarea` `PrimitiveToggle` `PrimitiveBadge`
58
60
 
59
- Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
61
+ ### Composants
62
+ `DsButton` `DsModal` `DsTable` `DsInputField` `DsSelect` `DsCheckbox` `DsRadio` `DsTextarea` `DsToggle` `DsAlert` `DsToast` `DsBadge` `DsCard` `DsTabs` `DsAccordion` `DsDropdown` `DsTooltip` `DsPopover` `DsProgress` `DsSpinner` `DsSkeleton` `DsAvatar` `DsBreadcrumb` `DsPagination` `DsDatePicker` `DsTimePicker` `DsSlider` `DsRating` `DsFileUpload` `DsAutocomplete` ...et plus
60
63
 
61
- ## Additional Resources
64
+ ## License
62
65
 
63
- 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.
66
+ MIT