@ng-formworks/cssframework 18.0.0 → 18.4.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.
Files changed (2) hide show
  1. package/README.md +23 -16
  2. package/package.json +2 -2
package/README.md CHANGED
@@ -31,33 +31,36 @@ A [JSON Schema](http://json-schema.org) Form builder for Angular, similar to, an
31
31
 
32
32
  ## Versions
33
33
 
34
+ ### NB the version of ng-formworks to be installed, should correspond to the Angular version being used.
34
35
 
35
- | angular | ng-formworks |
36
- |--|--|
37
- | 15.x.x |15.x.x|
38
- | 16.x.x |16.x.x|
39
- | 17.x.x |17.x.x|
40
- | 18.x.x |18.x.x|
36
+ Below is a table of the corresponding ng-formworks versions that's needed for the Angular version installed. It also lists the installation command if choosing to use the Material Design Framework, but installing other frameworks should have a similar command, have a look at their READMES for specific details.
37
+
38
+ | Angular | ng-formworks | installation (for Material Design)
39
+ |--|--|--|
40
+ | 18.x.x |18.x.x|```npm install @ng-formworks/core@^18.0.0 @ng-formworks/cssframework@^18.0.0 @ng-formworks/material@^18.0.0```|
41
+ | 17.x.x |17.x.x|```npm install @ng-formworks/core@^17.0.0 @ng-formworks/cssframework@^17.0.0 @ng-formworks/material@^17.0.0```|
42
+ | 16.x.x |16.x.x|```npm install @ng-formworks/core@^16.0.0 @ng-formworks/cssframework@^16.0.0 @ng-formworks/material@^16.0.0```|
43
+ | 15.x.x |15.x.x|```npm install @ng-formworks/core@^15.0.0 @ng-formworks/cssframework@^15.0.0 @ng-formworks/material@^15.0.0```|
41
44
 
42
45
 
43
46
  ## Packages
44
47
 
45
- * [`@ng-formworks/core`][gh_core_project] [![npm version][npm_core_badge]][npm_core_ver][![npm RC version][npm_core_badge_alpha]][npm_core_ver_alpha]
48
+ * [`@ng-formworks/core`][gh_core_project] [![npm version][npm_core_badge]][npm_core_ver]
46
49
 
47
- * [`@ng-formworks/cssframework`][gh_cssframework_project] [![npm version][npm_cssframework_badge]][npm_cssframework_ver][![npm RC version][npm_cssframework_badge_alpha]][npm_cssframework_ver_alpha]
50
+ * [`@ng-formworks/cssframework`][gh_cssframework_project] [![npm version][npm_cssframework_badge]][npm_cssframework_ver]
48
51
 
49
- * [`@ng-formworks/bootstrap3`][gh_bootstrap3_project] [![npm version][npm_bootstrap3_badge]][npm_bootstrap3_ver][![npm RC version][npm_bootstrap3_badge_alpha]][npm_bootstrap3_ver_alpha]
52
+ * [`@ng-formworks/bootstrap3`][gh_bootstrap3_project] [![npm version][npm_bootstrap3_badge]][npm_bootstrap3_ver]
50
53
 
51
- * [`@ng-formworks/bootstrap4`][gh_bootstrap4_project] [![npm version][npm_bootstrap4_badge]][npm_bootstrap4_ver][![npm RC version][npm_bootstrap4_badge_alpha]][npm_bootstrap4_ver_alpha]
54
+ * [`@ng-formworks/bootstrap4`][gh_bootstrap4_project] [![npm version][npm_bootstrap4_badge]][npm_bootstrap4_ver]
52
55
 
53
56
 
54
- * [`@ng-formworks/bootstrap5`][gh_bootstrap5_project] [![npm version][npm_bootstrap5_badge]][npm_bootstrap5_ver][![npm RC version][npm_bootstrap5_badge_alpha]][npm_bootstrap5_ver_alpha]
57
+ * [`@ng-formworks/bootstrap5`][gh_bootstrap5_project] [![npm version][npm_bootstrap5_badge]][npm_bootstrap5_ver]
55
58
 
56
59
 
57
- * [`@ng-formworks/daisyui`][gh_daisyui_project] [![npm version][npm_daisyui_badge]][npm_daisyui_ver][![npm RC version][npm_daisyui_badge_alpha]][npm_daisyui_ver_alpha]
60
+ * [`@ng-formworks/daisyui`][gh_daisyui_project] [![npm version][npm_daisyui_badge]][npm_daisyui_ver]
58
61
 
59
62
 
60
- * [`@ng-formworks/material`][gh_material_project] [![npm version][npm_material_badge]][npm_material_ver][![npm RC version][npm_material_badge_alpha]][npm_material_ver_alpha]
63
+ * [`@ng-formworks/material`][gh_material_project] [![npm version][npm_material_badge]][npm_material_ver]
61
64
 
62
65
  ## Check out the live demo and play with the examples
63
66
 
@@ -92,12 +95,12 @@ For example if you'd like to try the material design based framework, [install @
92
95
 
93
96
 
94
97
  ```shell
95
- npm install @ng-formworks/core@latest @ng-formworks/cssframework@latest @ng-formworks/material@latest
98
+ npm install @ng-formworks/core @ng-formworks/cssframework @ng-formworks/material
96
99
  ```
97
100
 
98
101
  With YARN, run the following:
99
102
  ```shell
100
- yarn add @ng-formworks/core@latest @ng-formworks/cssframework@latest @ng-formworks/material@latest
103
+ yarn add @ng-formworks/core @ng-formworks/cssframework @ng-formworks/material
101
104
  ```
102
105
 
103
106
  include the themes scss in your applications sass file(typically "styles.scss" under "src" folder -see angular docs for more details)
@@ -690,7 +693,7 @@ currently the following built-in themes are available(per framework):
690
693
  * Bootstrap 3:"bootstrap3_default"
691
694
  * Bootstrap 4:"bootstrap4_default"
692
695
  * Bootstrap 5:"bootstrap5_default" | "light" | "dark"
693
- * Material design:"material_default" | "indigo-pink" | "purple-green" | "deeppurple-amber" | "pink-bluegrey"
696
+ * Material design:"material_default" | "azure-blue" | "rose-red" | "cyan-orange" | "magenta-violet" | "indigo-pink" | "purple-green" | "deeppurple-amber" | "pink-bluegrey"
694
697
  * DaisyUi: "daisyui_default" | "light" | "dark" | "cupcake" | "cmyk" | "pastel" |"daisyui_leaf"
695
698
 
696
699
  | Framework Values | Theme values |
@@ -700,6 +703,10 @@ currently the following built-in themes are available(per framework):
700
703
  | "bootstrap-5" | "light" |
701
704
  | | "dark" |
702
705
  | "material-design" | "material_default" |
706
+ | | "azure-blue" |
707
+ | | "rose-red" |
708
+ | | "cyan-orange" |
709
+ | | "magenta-violet" |
703
710
  | | "indigo-pink" |
704
711
  | | "purple-green" |
705
712
  | | "deeppurple-amber" |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-formworks/cssframework",
3
- "version": "18.0.0",
3
+ "version": "18.4.0",
4
4
  "description": "Angular ng-formworks - JSON Schema Form builder cssframework",
5
5
  "author": "https://github.com/zahmo/ng-formworks/graphs/contributors",
6
6
  "keywords": [
@@ -44,7 +44,7 @@
44
44
  },
45
45
  "dependencies": {
46
46
  "tslib": "^2.7.0",
47
- "@ng-formworks/core": "~18.0.0"
47
+ "@ng-formworks/core": "~18.4.0"
48
48
  },
49
49
  "sideEffects": false,
50
50
  "module": "fesm2022/ng-formworks-cssframework.mjs",