@patternfly/patternfly 4.196.2 → 4.196.5

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 (24) hide show
  1. package/base/patternfly-variables.css +3 -3
  2. package/components/AboutModalBox/about-modal-box.css +1 -1
  3. package/components/Banner/banner.css +1 -1
  4. package/components/CalendarMonth/calendar-month.css +4 -4
  5. package/components/CalendarMonth/calendar-month.scss +4 -4
  6. package/components/ChipGroup/chip-group.css +1 -1
  7. package/components/ChipGroup/chip-group.scss +2 -1
  8. package/components/LabelGroup/label-group.css +1 -0
  9. package/components/LabelGroup/label-group.scss +1 -0
  10. package/components/LogViewer/log-viewer.css +1 -1
  11. package/components/Login/login.css +1 -1
  12. package/components/Masthead/masthead.css +1 -1
  13. package/components/Page/page.css +1 -1
  14. package/components/Wizard/wizard.css +1 -1
  15. package/docs/components/CalendarMonth/examples/CalendarMonth.md +264 -253
  16. package/docs/components/Form/examples/Form.md +56 -511
  17. package/docs/demos/Form/examples/BasicForms.md +781 -0
  18. package/package.json +1 -1
  19. package/patternfly-base-no-reset.css +3 -3
  20. package/patternfly-base.css +3 -3
  21. package/patternfly-no-reset.css +59 -58
  22. package/patternfly.css +59 -58
  23. package/patternfly.min.css +1 -1
  24. package/patternfly.min.css.map +1 -1
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/CalendarMonth/calendar-month.css CHANGED
@@ -19,10 +19,10 @@
19
19
  --pf-c-calendar-month__header-year--Width: 8ch;
20
20
  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
21
21
  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
22
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
23
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
24
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
25
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
22
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0;
23
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0;
24
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0;
25
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0;
26
26
  --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
27
27
  --pf-c-calendar-month__days--BorderBottomColor: var(--pf-global--BorderColor--100);
28
28
  --pf-c-calendar-month__day--PaddingBottom: var(--pf-global--spacer--md);
package/components/CalendarMonth/calendar-month.scss CHANGED
@@ -11,10 +11,10 @@
11
11
  --pf-c-calendar-month__header-year--Width: 8ch;
12
12
  --pf-c-calendar-month__header-nav-control--MarginRight: 0;
13
13
  --pf-c-calendar-month__header-nav-control--MarginLeft: 0;
14
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: var(--pf-global--spacer--sm);
15
- --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: calc(var(--pf-global--spacer--md) * -1);
16
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: calc(var(--pf-global--spacer--md) * -1);
17
- --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: var(--pf-global--spacer--sm);
14
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginRight: 0; // remove in breaking change
15
+ --pf-c-calendar-month__header-nav-control--m-prev-month--MarginLeft: 0; // remove in breaking change
16
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginRight: 0; // remove in breaking change
17
+ --pf-c-calendar-month__header-nav-control--m-next-month--MarginLeft: 0; // remove in breaking change
18
18
 
19
19
  // week days thead
20
20
  --pf-c-calendar-month__days--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
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;