@patternfly/patternfly 4.200.0 → 4.201.1

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 (21) hide show
  1. package/components/AboutModalBox/about-modal-box.css +3 -0
  2. package/components/Banner/banner.css +3 -0
  3. package/components/Card/card.css +2 -1
  4. package/components/Card/themes/dark/card.scss +2 -1
  5. package/components/LogViewer/log-viewer.css +3 -0
  6. package/components/Login/login.css +4 -0
  7. package/components/Masthead/masthead.css +3 -0
  8. package/components/Page/page.css +5 -0
  9. package/components/ProgressStepper/progress-stepper.css +416 -69
  10. package/components/ProgressStepper/progress-stepper.scss +211 -80
  11. package/components/Wizard/wizard.css +5 -1
  12. package/components/Wizard/wizard.scss +3 -1
  13. package/docs/components/ProgressStepper/examples/ProgressStepper.md +328 -2
  14. package/docs/components/Wizard/examples/Wizard.md +59 -57
  15. package/docs/demos/Wizard/examples/Wizard.md +2581 -275
  16. package/package.json +1 -1
  17. package/patternfly-no-reset.css +726 -71
  18. package/patternfly.css +726 -71
  19. package/patternfly.min.css +1 -1
  20. package/patternfly.min.css.map +1 -1
  21. package/sass-utilities/themes/dark/placeholders.scss +4 -0
package/components/AboutModalBox/about-modal-box.css CHANGED
@@ -271,6 +271,9 @@
271
271
  --pf-global--link--Color--hover: #73bcf7;
272
272
  --pf-global--BackgroundColor--100: #1b1d21;
273
273
  }
274
+ :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-card {
275
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
276
+ }
274
277
  :where(.pf-theme-dark) .pf-c-about-modal-box .pf-c-button {
275
278
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
276
279
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
package/components/Banner/banner.css CHANGED
@@ -135,6 +135,9 @@
135
135
  --pf-global--link--Color--hover: #73bcf7;
136
136
  --pf-global--BackgroundColor--100: #1b1d21;
137
137
  }
138
+ :where(.pf-theme-dark) .pf-c-banner .pf-c-card {
139
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
140
+ }
138
141
  :where(.pf-theme-dark) .pf-c-banner .pf-c-button {
139
142
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
140
143
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
package/components/Card/card.css CHANGED
@@ -326,7 +326,8 @@
326
326
  font-weight: var(--pf-global--FontWeight--normal);
327
327
  }
328
328
 
329
- :where(.pf-theme-dark) .pf-c-card {
329
+ :where(.pf-theme-dark) .pf-c-card,
330
+ :where(.pf-theme-dark) .pf-c-card.pf-m-non-selectable-raised {
330
331
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
331
332
  --pf-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
332
333
  --pf-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-global--BoxShadow--lg);
package/components/Card/themes/dark/card.scss CHANGED
@@ -1,7 +1,8 @@
1
1
  @import "../../../../sass-utilities/themes/dark/all";
2
2
 
3
3
  @mixin pf-theme-dark-card() {
4
- .pf-c-card {
4
+ .pf-c-card,
5
+ .pf-c-card.pf-m-non-selectable-raised {
5
6
  --pf-c-card--BoxShadow: var(--pf-global--BoxShadow--md);
6
7
 
7
8
  // Hoverable/selectable raised
package/components/LogViewer/log-viewer.css CHANGED
@@ -209,6 +209,9 @@
209
209
  --pf-global--link--Color--hover: #73bcf7;
210
210
  --pf-global--BackgroundColor--100: #1b1d21;
211
211
  }
212
+ :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card {
213
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
214
+ }
212
215
  :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button {
213
216
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
214
217
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
package/components/Login/login.css CHANGED
@@ -306,6 +306,10 @@
306
306
  --pf-global--link--Color--hover: #73bcf7;
307
307
  --pf-global--BackgroundColor--100: #1b1d21;
308
308
  }
309
+ :where(.pf-theme-dark) .pf-c-login__header .pf-c-card,
310
+ :where(.pf-theme-dark) .pf-c-login__footer .pf-c-card {
311
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
312
+ }
309
313
  :where(.pf-theme-dark) .pf-c-login__header .pf-c-button,
310
314
  :where(.pf-theme-dark) .pf-c-login__footer .pf-c-button {
311
315
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
package/components/Masthead/masthead.css CHANGED
@@ -668,6 +668,9 @@
668
668
  --pf-global--link--Color--hover: #73bcf7;
669
669
  --pf-global--BackgroundColor--100: #1b1d21;
670
670
  }
671
+ :where(.pf-theme-dark) .pf-c-masthead .pf-c-card {
672
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
673
+ }
671
674
  :where(.pf-theme-dark) .pf-c-masthead .pf-c-button {
672
675
  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
673
676
  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
package/components/Page/page.css CHANGED
@@ -920,6 +920,11 @@
920
920
  --pf-global--link--Color--hover: #73bcf7;
921
921
  --pf-global--BackgroundColor--100: #1b1d21;
922
922
  }
923
+ :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-card,
924
+ :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-card,
925
+ :where(.pf-theme-dark) .pf-c-page__header .pf-c-card {
926
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
927
+ }
923
928
  :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector .pf-c-button,
924
929
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-] .pf-c-button,
925
930
  :where(.pf-theme-dark) .pf-c-page__header .pf-c-button {