@ansible/ansible-ui-framework 0.0.336 → 0.0.338
Sign up to get free protection for your applications and to get access to all the features.
- package/docs/Framework.md +2 -0
- package/docs/GettingStarted.md +2 -6
- package/docs/Guides.md +0 -1
- package/docs/assets/css/style.scss +12 -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,32 @@ h4 {
|
|
51
51
|
}
|
52
52
|
|
53
53
|
.highlight .p {
|
54
|
-
color: #
|
54
|
+
color: #1899f5;
|
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: #9ddcfe;
|
68
|
+
}
|
69
|
+
|
70
|
+
.highlight .nx {
|
71
|
+
color: white;
|
67
72
|
}
|
68
73
|
|
69
74
|
.highlight .k {
|
70
|
-
color: #
|
75
|
+
color: #579cd6;
|
71
76
|
}
|
72
77
|
|
73
78
|
.highlight .kd {
|
74
|
-
color: #
|
79
|
+
color: #579cd6;
|
75
80
|
}
|
76
81
|
|
77
82
|
.highlight .o {
|
@@ -79,7 +84,7 @@ h4 {
|
|
79
84
|
}
|
80
85
|
|
81
86
|
.highlight .s1 {
|
82
|
-
color: #
|
87
|
+
color: #bb846e;
|
83
88
|
}
|
84
89
|
|
85
90
|
.highlight .s {
|