@patternfly/patternfly 4.184.3 → 4.185.2

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 (45) hide show
  1. package/RELEASE-NOTES.md +22 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pficon.scss +6 -0
  4. package/assets/pficon/pficon.woff +0 -0
  5. package/assets/pficon/pficon.woff2 +0 -0
  6. package/base/patternfly-icons.css +5 -1
  7. package/base/patternfly-pf-icons.css +5 -1
  8. package/components/Form/form.css +4 -2
  9. package/components/Form/form.scss +4 -2
  10. package/components/Masthead/masthead.css +1 -1
  11. package/components/Masthead/masthead.scss +1 -1
  12. package/components/Menu/menu.css +1 -0
  13. package/components/Menu/menu.scss +1 -0
  14. package/docs/demos/AboutModal/examples/AboutModal.md +916 -1
  15. package/docs/demos/Alert/examples/Alert.md +2484 -490
  16. package/docs/demos/BackToTop/examples/BackToTop.md +785 -140
  17. package/docs/demos/Banner/examples/Banner.md +2074 -1466
  18. package/docs/demos/Button/examples/Button.md +33 -21
  19. package/docs/demos/CardView/examples/CardView.md +1065 -260
  20. package/docs/demos/ContextSelector/examples/ContextSelector.md +1580 -1638
  21. package/docs/demos/Dashboard/examples/Dashboard.md +40 -6
  22. package/docs/demos/DataList/examples/DataList.md +3777 -1553
  23. package/docs/demos/DescriptionList/examples/DescriptionList.md +55 -61
  24. package/docs/demos/Drawer/examples/Drawer.md +2554 -439
  25. package/docs/demos/JumpLinks/examples/JumpLinks.md +3223 -596
  26. package/docs/demos/Masthead/examples/Masthead.md +9 -20
  27. package/docs/demos/Modal/examples/Modal.md +5521 -34
  28. package/docs/demos/Nav/examples/Nav.md +6453 -1201
  29. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4036 -940
  30. package/docs/demos/Page/examples/Page.md +14 -35
  31. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +6003 -1512
  32. package/docs/demos/Skeleton/examples/Skeleton.md +831 -149
  33. package/docs/demos/Table/examples/Table.md +26 -65
  34. package/docs/demos/Tabs/examples/Tabs.md +10149 -4897
  35. package/docs/demos/Toolbar/examples/Toolbar.md +797 -149
  36. package/docs/demos/Wizard/examples/Wizard.md +3418 -288
  37. package/docs/pages/icons.md +1 -0
  38. package/icons/pf-icons.json +1 -0
  39. package/package.json +1 -1
  40. package/patternfly-base-no-reset.css +5 -1
  41. package/patternfly-base.css +5 -1
  42. package/patternfly-no-reset.css +11 -4
  43. package/patternfly.css +11 -4
  44. package/patternfly.min.css +1 -1
  45. package/patternfly.min.css.map +1 -1
package/docs/demos/Button/examples/Button.md CHANGED
@@ -7,10 +7,10 @@ cssPrefix: pf-d-button
7
7
  ### Progress button - initial
8
8
 
9
9
  ```html
10
- <form novalidate class="pf-c-form">
10
+ <form novalidate class="pf-c-form pf-m-limit-width">
11
11
  <div class="pf-c-form__group">
12
12
  <div class="pf-c-form__group-label">
13
- <label class="pf-c-form__label" for="progress-button-initial-login">
13
+ <label class="pf-c-form__label" for="progress-button-example-login">
14
14
  <span class="pf-c-form__label-text">Username</span>
15
15
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
16
16
  </label>
@@ -19,8 +19,8 @@ cssPrefix: pf-d-button
19
19
  <input
20
20
  class="pf-c-form-control"
21
21
  type="text"
22
- id="progress-button-initial-login"
23
- name="progress-button-initial-login"
22
+ id="progress-button-example-login"
23
+ name="progress-button-example-login"
24
24
  value="johndoe"
25
25
  required
26
26
  />
@@ -28,7 +28,7 @@ cssPrefix: pf-d-button
28
28
  </div>
29
29
  <div class="pf-c-form__group">
30
30
  <div class="pf-c-form__group-label">
31
- <label class="pf-c-form__label" for="progress-button-initial-password">
31
+ <label class="pf-c-form__label" for="progress-button-example-password">
32
32
  <span class="pf-c-form__label-text">Password</span>
33
33
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
34
34
  </label>
@@ -38,8 +38,8 @@ cssPrefix: pf-d-button
38
38
  class="pf-c-form-control"
39
39
  type="password"
40
40
  value="p@ssw0rd"
41
- id="progress-button-initial-password"
42
- name="progress-button-initial-password"
41
+ id="progress-button-example-password"
42
+ name="progress-button-example-password"
43
43
  required
44
44
  />
45
45
  </div>
@@ -59,10 +59,13 @@ cssPrefix: pf-d-button
59
59
  ### Progress button - loading
60
60
 
61
61
  ```html
62
- <form novalidate class="pf-c-form">
62
+ <form novalidate class="pf-c-form pf-m-limit-width">
63
63
  <div class="pf-c-form__group">
64
64
  <div class="pf-c-form__group-label">
65
- <label class="pf-c-form__label" for="progress-button-loading-login">
65
+ <label
66
+ class="pf-c-form__label"
67
+ for="progress-button-loading-example-login"
68
+ >
66
69
  <span class="pf-c-form__label-text">Username</span>
67
70
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
68
71
  </label>
@@ -71,8 +74,8 @@ cssPrefix: pf-d-button
71
74
  <input
72
75
  class="pf-c-form-control"
73
76
  type="text"
74
- id="progress-button-loading-login"
75
- name="progress-button-loading-login"
77
+ id="progress-button-loading-example-login"
78
+ name="progress-button-loading-example-login"
76
79
  value="johndoe"
77
80
  required
78
81
  />
@@ -80,7 +83,10 @@ cssPrefix: pf-d-button
80
83
  </div>
81
84
  <div class="pf-c-form__group">
82
85
  <div class="pf-c-form__group-label">
83
- <label class="pf-c-form__label" for="progress-button-loading-password">
86
+ <label
87
+ class="pf-c-form__label"
88
+ for="progress-button-loading-example-password"
89
+ >
84
90
  <span class="pf-c-form__label-text">Password</span>
85
91
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
86
92
  </label>
@@ -90,8 +96,8 @@ cssPrefix: pf-d-button
90
96
  class="pf-c-form-control"
91
97
  type="password"
92
98
  value="p@ssw0rd"
93
- id="progress-button-loading-password"
94
- name="progress-button-loading-password"
99
+ id="progress-button-loading-example-password"
100
+ name="progress-button-loading-example-password"
95
101
  required
96
102
  />
97
103
  </div>
@@ -124,10 +130,13 @@ cssPrefix: pf-d-button
124
130
  ### Progress button - complete
125
131
 
126
132
  ```html
127
- <form novalidate class="pf-c-form">
133
+ <form novalidate class="pf-c-form pf-m-limit-width">
128
134
  <div class="pf-c-form__group">
129
135
  <div class="pf-c-form__group-label">
130
- <label class="pf-c-form__label" for="progress-button-complete-login">
136
+ <label
137
+ class="pf-c-form__label"
138
+ for="progress-button-complete-example-login"
139
+ >
131
140
  <span class="pf-c-form__label-text">Username</span>
132
141
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
133
142
  </label>
@@ -136,8 +145,8 @@ cssPrefix: pf-d-button
136
145
  <input
137
146
  class="pf-c-form-control"
138
147
  type="text"
139
- id="progress-button-complete-login"
140
- name="progress-button-complete-login"
148
+ id="progress-button-complete-example-login"
149
+ name="progress-button-complete-example-login"
141
150
  value="johndoe"
142
151
  required
143
152
  />
@@ -145,7 +154,10 @@ cssPrefix: pf-d-button
145
154
  </div>
146
155
  <div class="pf-c-form__group">
147
156
  <div class="pf-c-form__group-label">
148
- <label class="pf-c-form__label" for="progress-button-complete-password">
157
+ <label
158
+ class="pf-c-form__label"
159
+ for="progress-button-complete-example-password"
160
+ >
149
161
  <span class="pf-c-form__label-text">Password</span>
150
162
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
151
163
  </label>
@@ -155,8 +167,8 @@ cssPrefix: pf-d-button
155
167
  class="pf-c-form-control"
156
168
  type="password"
157
169
  value="p@ssw0rd"
158
- id="progress-button-complete-password"
159
- name="progress-button-complete-password"
170
+ id="progress-button-complete-example-password"
171
+ name="progress-button-complete-example-password"
160
172
  required
161
173
  />
162
174
  </div>