@patternfly/patternfly 4.196.3 → 4.196.6

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 (22) hide show
  1. package/RELEASE-NOTES.md +23 -0
  2. package/base/patternfly-variables.css +3 -3
  3. package/components/AboutModalBox/about-modal-box.css +1 -1
  4. package/components/Banner/banner.css +1 -1
  5. package/components/ChipGroup/chip-group.css +1 -1
  6. package/components/ChipGroup/chip-group.scss +2 -1
  7. package/components/LabelGroup/label-group.css +1 -0
  8. package/components/LabelGroup/label-group.scss +1 -0
  9. package/components/LogViewer/log-viewer.css +1 -1
  10. package/components/Login/login.css +1 -1
  11. package/components/Masthead/masthead.css +1 -1
  12. package/components/Page/page.css +1 -1
  13. package/components/Wizard/wizard.css +1 -1
  14. package/docs/components/Form/examples/Form.md +56 -511
  15. package/docs/demos/Form/examples/BasicForms.md +781 -0
  16. package/package.json +1 -1
  17. package/patternfly-base-no-reset.css +3 -3
  18. package/patternfly-base.css +3 -3
  19. package/patternfly-no-reset.css +55 -54
  20. package/patternfly.css +55 -54
  21. package/patternfly.min.css +1 -1
  22. package/patternfly.min.css.map +1 -1
package/RELEASE-NOTES.md CHANGED
@@ -3,6 +3,29 @@ id: Release notes
3
3
  section: developer-resources
4
4
  releaseNoteTOC: true
5
5
  ---
6
+ ## 2022.07 release notes (2022-06-03)
7
+ Packages released:
8
+ - [@patternfly/patternfly@v4.196.6](https://www.npmjs.com/package/@patternfly/patternfly/v/4.196.6)
9
+
10
+ ### Components
11
+ - **Calendar month:** Improved layout of nav controls ([#4862](https://github.com/patternfly/patternfly/pull/4862))
12
+ - **Chip group:** Fixed premature wrapping ([#4879](https://github.com/patternfly/patternfly/pull/4879))
13
+ - **Drawer:** Added demos with jumplinks ([#4608](https://github.com/patternfly/patternfly/pull/4608))
14
+ - **Form field:** Documented autocomplete limitation ([#4856](https://github.com/patternfly/patternfly/pull/4856))
15
+ - **Form:** Added complex form demo ([#4865](https://github.com/patternfly/patternfly/pull/4865))
16
+ - **Label:** Added gold, updated orange bgcolor ([#4863](https://github.com/patternfly/patternfly/pull/4863))
17
+ - **Page:** Added masthead to header/nav/main stacking context order ([#4839](https://github.com/patternfly/patternfly/pull/4839))
18
+ - **Table:**
19
+ - Added expanded set column width example ([#4852](https://github.com/patternfly/patternfly/pull/4852))
20
+ - Added image and text demo ([#4853](https://github.com/patternfly/patternfly/pull/4853))
21
+
22
+ ### Other
23
+ - **Theme:**
24
+ * Imported dark theme per component, added new global var ([#4864](https://github.com/patternfly/patternfly/pull/4864))
25
+ * Update dark theme default text color ([#4875](https://github.com/patternfly/patternfly/pull/4875))
26
+ - **Utilities:** Added font family utilities ([#4868](https://github.com/patternfly/patternfly/pull/4868))
27
+
28
+
6
29
  ## 2022.06 release notes (2022-05-13)
7
30
  Packages released:
8
31
  - [@patternfly/patternfly@v4.194.4](https://www.npmjs.com/package/@patternfly/patternfly/v/4.194.4)
package/base/patternfly-variables.css CHANGED
@@ -280,7 +280,7 @@
280
280
  --pf-global--BorderColor--200: #444548;
281
281
  --pf-global--BorderColor--300: #57585a;
282
282
  --pf-global--BorderColor--400: #aaabac;
283
- --pf-global--Color--100: #fff;
283
+ --pf-global--Color--100: #e0e0e0;
284
284
  --pf-global--Color--200: #aaabac;
285
285
  --pf-global--active-color--100: #1fa7f8;
286
286
  --pf-global--primary-color--100: #1fa7f8;
@@ -297,9 +297,9 @@
297
297
  --pf-global--disabled-color--300: #aaabac;
298
298
  --pf-global--icon--Color--light: #aaabac;
299
299
  --pf-global--icon--Color--dark: #aaabac;
300
- --pf-global--Color--dark-100: #fff;
300
+ --pf-global--Color--dark-100: #e0e0e0;
301
301
  --pf-global--Color--dark-200: #aaabac;
302
- --pf-global--Color--light-100: #fff;
302
+ --pf-global--Color--light-100: #e0e0e0;
303
303
  --pf-global--Color--light-200: #aaabac;
304
304
  --pf-global--Color--light-300: #3c3f42;
305
305
  --pf-global--BorderColor--dark-100: #444548;
package/components/AboutModalBox/about-modal-box.css CHANGED
@@ -263,7 +263,7 @@
263
263
  }
264
264
 
265
265
  :where(.pf-theme-dark) .pf-c-about-modal-box {
266
- --pf-global--Color--100: #fff;
266
+ --pf-global--Color--100: #e0e0e0;
267
267
  --pf-global--Color--200: #aaabac;
268
268
  --pf-global--BorderColor--100: #444548;
269
269
  --pf-global--primary-color--100: #1fa7f8;
package/components/Banner/banner.css CHANGED
@@ -127,7 +127,7 @@
127
127
  }
128
128
 
129
129
  :where(.pf-theme-dark) .pf-c-banner {
130
- --pf-global--Color--100: #fff;
130
+ --pf-global--Color--100: #e0e0e0;
131
131
  --pf-global--Color--200: #aaabac;
132
132
  --pf-global--BorderColor--100: #444548;
133
133
  --pf-global--primary-color--100: #1fa7f8;
package/components/ChipGroup/chip-group.css CHANGED
@@ -25,6 +25,7 @@
25
25
  --pf-c-chip-group__close--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
26
26
  --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
27
27
  --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
28
+ max-width: 100%;
28
29
  }
29
30
  .pf-c-chip-group.pf-m-category {
30
31
  padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
@@ -54,7 +55,6 @@
54
55
  flex-wrap: wrap;
55
56
  align-items: center;
56
57
  min-width: 0;
57
- max-width: 100%;
58
58
  }
59
59
 
60
60
  .pf-c-chip-group__list-item {
package/components/ChipGroup/chip-group.scss CHANGED
@@ -26,6 +26,8 @@
26
26
  --pf-c-chip-group__list-item--MarginRight: var(--pf-global--spacer--xs);
27
27
  --pf-c-chip-group__list-item--MarginBottom: var(--pf-global--spacer--xs);
28
28
 
29
+ max-width: 100%;
30
+
29
31
  &.pf-m-category {
30
32
  padding-top: var(--pf-c-chip-group--m-category--PaddingTop);
31
33
  padding-right: var(--pf-c-chip-group--m-category--PaddingRight);
@@ -55,7 +57,6 @@
55
57
  flex-wrap: wrap;
56
58
  align-items: center;
57
59
  min-width: 0;
58
- max-width: 100%;
59
60
  }
60
61
 
61
62
  .pf-c-chip-group__list-item {
package/components/LabelGroup/label-group.css CHANGED
@@ -30,6 +30,7 @@
30
30
  --pf-c-label-group__textarea--PaddingBottom: 0;
31
31
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
32
32
  display: inline-flex;
33
+ align-items: center;
33
34
  }
34
35
  .pf-c-label-group.pf-m-category {
35
36
  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
package/components/LabelGroup/label-group.scss CHANGED
@@ -42,6 +42,7 @@
42
42
  --pf-c-label-group__textarea--PaddingLeft: var(--pf-global--spacer--xs);
43
43
 
44
44
  display: inline-flex;
45
+ align-items: center;
45
46
 
46
47
  &.pf-m-category {
47
48
  padding-top: var(--pf-c-label-group--m-category--PaddingTop);
package/components/LogViewer/log-viewer.css CHANGED
@@ -201,7 +201,7 @@
201
201
  }
202
202
 
203
203
  :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
204
- --pf-global--Color--100: #fff;
204
+ --pf-global--Color--100: #e0e0e0;
205
205
  --pf-global--Color--200: #aaabac;
206
206
  --pf-global--BorderColor--100: #444548;
207
207
  --pf-global--primary-color--100: #1fa7f8;
package/components/Login/login.css CHANGED
@@ -298,7 +298,7 @@
298
298
 
299
299
  :where(.pf-theme-dark) .pf-c-login__header,
300
300
  :where(.pf-theme-dark) .pf-c-login__footer {
301
- --pf-global--Color--100: #fff;
301
+ --pf-global--Color--100: #e0e0e0;
302
302
  --pf-global--Color--200: #aaabac;
303
303
  --pf-global--BorderColor--100: #444548;
304
304
  --pf-global--primary-color--100: #1fa7f8;
package/components/Masthead/masthead.css CHANGED
@@ -660,7 +660,7 @@
660
660
  }
661
661
 
662
662
  :where(.pf-theme-dark) .pf-c-masthead {
663
- --pf-global--Color--100: #fff;
663
+ --pf-global--Color--100: #e0e0e0;
664
664
  --pf-global--Color--200: #aaabac;
665
665
  --pf-global--BorderColor--100: #444548;
666
666
  --pf-global--primary-color--100: #1fa7f8;
package/components/Page/page.css CHANGED
@@ -782,7 +782,7 @@
782
782
  :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
783
783
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
784
784
  :where(.pf-theme-dark) .pf-c-page__header {
785
- --pf-global--Color--100: #fff;
785
+ --pf-global--Color--100: #e0e0e0;
786
786
  --pf-global--Color--200: #aaabac;
787
787
  --pf-global--BorderColor--100: #444548;
788
788
  --pf-global--primary-color--100: #1fa7f8;
package/components/Wizard/wizard.css CHANGED
@@ -512,7 +512,7 @@
512
512
  }
513
513
 
514
514
  :where(.pf-theme-dark) .pf-c-wizard__header {
515
- --pf-global--Color--100: #fff;
515
+ --pf-global--Color--100: #e0e0e0;
516
516
  --pf-global--Color--200: #aaabac;
517
517
  --pf-global--BorderColor--100: #444548;
518
518
  --pf-global--primary-color--100: #1fa7f8;