@ansible/ansible-ui-framework 0.0.336 → 0.0.337
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/docs/Framework.md +2 -0
- package/docs/GettingStarted.md +2 -6
- package/docs/Guides.md +0 -1
- package/docs/assets/css/style.scss +8 -7
- package/package.json +1 -1
package/docs/Framework.md
CHANGED
|
@@ -10,6 +10,8 @@ A framework for building applications using [PatternFly](https://www.patternfly.
|
|
|
10
10
|
|
|
11
11
|
The framework is made up of high level components abstracting design patterns away from the PatternFly components used underneath.
|
|
12
12
|
|
|
13
|
+
While PatternFly provides the building blocks and guidance on building applications, PatternFly does not manage state for the developer. This framework adds state management and abstractions for common patterns of application development.
|
|
14
|
+
|
|
13
15
|
This framework:
|
|
14
16
|
|
|
15
17
|
- does not use any state libraries other than the built in react context state management.
|
package/docs/GettingStarted.md
CHANGED
|
@@ -2,13 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
# Getting Started
|
|
4
4
|
|
|
5
|
-
While PatternFly provides the building blocks and guidance on building applications, PatternFly does not manage state for the developer. This framework adds state management and abstractions for common patterns of application development.
|
|
6
|
-
|
|
7
|
-
There is an [Ansible UI Framework Demo](https://github.com/jamestalton/ansible-ui-framework-demo) repo showing an example of using the framework.
|
|
8
|
-
|
|
9
5
|
## Install the NPM package
|
|
10
6
|
|
|
11
|
-
|
|
7
|
+
NPM Package: [@ansible/ansible-ui-framework](https://www.npmjs.com/package/@ansible/ansible-ui-framework)
|
|
12
8
|
|
|
13
9
|
```
|
|
14
10
|
npm install @ansible/ansible-ui-framework
|
|
@@ -84,7 +80,7 @@ TODO
|
|
|
84
80
|
|
|
85
81
|
TODO
|
|
86
82
|
|
|
87
|
-
### Other Components
|
|
83
|
+
### Other Useful Components
|
|
88
84
|
|
|
89
85
|
<!-- - [PageAlertToaster](PageAlertToaster.md) -->
|
|
90
86
|
|
package/docs/Guides.md
CHANGED
|
@@ -51,27 +51,28 @@ h4 {
|
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
.highlight .p {
|
|
54
|
-
color: #
|
|
54
|
+
color: #da71d6;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
.highlight .nv {
|
|
58
|
-
color: #
|
|
58
|
+
color: #579cd6;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
.highlight .nc {
|
|
62
|
-
color: #
|
|
62
|
+
color: #579cd6;
|
|
63
|
+
font-weight: normal;
|
|
63
64
|
}
|
|
64
65
|
|
|
65
66
|
.highlight .na {
|
|
66
|
-
color: #
|
|
67
|
+
color: #579cd6;
|
|
67
68
|
}
|
|
68
69
|
|
|
69
70
|
.highlight .k {
|
|
70
|
-
color: #
|
|
71
|
+
color: #579cd6;
|
|
71
72
|
}
|
|
72
73
|
|
|
73
74
|
.highlight .kd {
|
|
74
|
-
color: #
|
|
75
|
+
color: #579cd6;
|
|
75
76
|
}
|
|
76
77
|
|
|
77
78
|
.highlight .o {
|
|
@@ -79,7 +80,7 @@ h4 {
|
|
|
79
80
|
}
|
|
80
81
|
|
|
81
82
|
.highlight .s1 {
|
|
82
|
-
color: #
|
|
83
|
+
color: #bb846e;
|
|
83
84
|
}
|
|
84
85
|
|
|
85
86
|
.highlight .s {
|