@design-factory/design-factory 21.0.0-next.0 → 21.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 +11 -2
- package/fesm2022/design-factory.mjs +237 -237
- package/fesm2022/design-factory.mjs.map +1 -1
- package/package.json +5 -7
- package/schematics/migrations/18_0_0/stepper-classes-18.0.0/index.js +1 -1
- package/schematics/migrations/21_0_0/ag-grid-neutral-header/index.d.ts +6 -0
- package/schematics/migrations/21_0_0/ag-grid-neutral-header/index.js +33 -0
- package/schematics/migrations/21_0_0/deleted-sass-vars/files/removed-vars.json +51 -0
- package/schematics/migrations/21_0_0/deleted-sass-vars/files/vars-with-value.json +4282 -0
- package/schematics/migrations/21_0_0/deleted-sass-vars/index.d.ts +7 -0
- package/schematics/migrations/21_0_0/deleted-sass-vars/index.js +91 -0
- package/schematics/migrations/21_0_0/style-import-package/index.js +56 -35
- package/schematics/migrations/21_0_0/toast-classes-21.0/index.d.ts +2 -0
- package/schematics/migrations/21_0_0/toast-classes-21.0/index.js +36 -0
- package/schematics/migrations/migration.json +15 -0
- package/schematics/migrations/utils/add-dependencies.d.ts +3 -0
- package/schematics/migrations/utils/add-dependencies.js +41 -0
- package/schematics/migrations/utils/component-resource-collector.d.ts +3 -1
- package/schematics/migrations/utils/component-resource-collector.js +9 -4
- package/schematics/migrations/utils/style-updater.js +2 -2
- package/schematics/migrations/utils/template-updater.js +2 -2
- package/schematics/ng-add/index.js +2 -26
- package/types/design-factory.d.ts +1 -0
package/README.md
CHANGED
|
@@ -25,14 +25,22 @@ It will install Design Factory for the default application specified in your ang
|
|
|
25
25
|
ng add @design-factory/design-factory --project myProject
|
|
26
26
|
```
|
|
27
27
|
|
|
28
|
+
## Architecture
|
|
29
|
+
|
|
30
|
+
The Design Factory is composed of multiple projects and you can install the package that fits your requirements.
|
|
31
|
+
|
|
32
|
+
- `@design-factory/tokens` includes the Design Tokens that empower the Design System
|
|
33
|
+
- `@design-factory/styles` includes the styles, composed of utilities and component styles
|
|
34
|
+
- `@design-factory/design-factory` contains Angular components and utilities. They will be migrated to the following package
|
|
35
|
+
- `@design-factory/angular` contains the new SideNav and will grow to include all Design Factory Angular components
|
|
36
|
+
|
|
28
37
|
### CSS namespace feature
|
|
29
38
|
|
|
30
39
|
For some specific cases, you may have to use the CSS namespace feature which allows you to apply DF styles only under a selector defined by $df-css-namespace-selector variable (by default ==.design-factory-v2==).
|
|
31
40
|
In order to use this feature, just import the following:
|
|
32
41
|
|
|
33
42
|
```scss
|
|
34
|
-
@import '@design-factory/styles/scss/
|
|
35
|
-
@import '@design-factory/styles/scss/df-styles-namespace';
|
|
43
|
+
@import '@design-factory/styles/scss/namespace';
|
|
36
44
|
```
|
|
37
45
|
|
|
38
46
|
in your styles.scss and add the defined selector in your HTML element where you want to apply DF style.
|
|
@@ -59,6 +67,7 @@ The supported versions are:
|
|
|
59
67
|
| 19.0.x | 19.x.x | 5.3.3 | 18.0.x | 14.0.x | 32.0.x | | 0.7.x |
|
|
60
68
|
| 19.1.x | 19.x.x | 5.3.3 | 18.0.x | 14.1.x | 32.0.x | | 0.8.x |
|
|
61
69
|
| 20.0.x | 20.x | 5.3.7 | 19.0.x | 15.x \|\| 20.x | 32.x | | 0.9.x |
|
|
70
|
+
| 21.0.x | 21.x | 5.3.8 | 20.0.x | 21.x | 35.x | | 0.10.x |
|
|
62
71
|
|
|
63
72
|
## How to work with the icons
|
|
64
73
|
|