@patternfly/patternfly 5.0.0-prerelease.2 → 5.0.0-prerelease.4

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 (53) hide show
  1. package/base/_common.scss +7 -0
  2. package/base/_variables.scss +0 -7
  3. package/base/patternfly-common.css +6 -0
  4. package/base/patternfly-themes.css +6 -0
  5. package/base/patternfly-variables.css +0 -6
  6. package/components/AboutModalBox/about-modal-box.css +6 -0
  7. package/components/Banner/banner.css +6 -0
  8. package/components/LogViewer/log-viewer.css +6 -0
  9. package/components/Login/login.css +7 -0
  10. package/components/Masthead/masthead.css +8 -6
  11. package/components/Masthead/masthead.scss +1 -7
  12. package/components/Masthead/themes/dark/masthead.scss +1 -0
  13. package/components/MenuToggle/menu-toggle.css +13 -11
  14. package/components/MenuToggle/menu-toggle.scss +14 -12
  15. package/components/MenuToggle/themes/dark/menu-toggle.scss +2 -1
  16. package/components/Page/page.css +8 -0
  17. package/components/Wizard/wizard.css +6 -0
  18. package/docs/demos/AboutModal/examples/AboutModal.md +42 -774
  19. package/docs/demos/Alert/examples/Alert.md +126 -2322
  20. package/docs/demos/BackToTop/examples/BackToTop.md +42 -774
  21. package/docs/demos/Banner/examples/Banner.md +84 -1588
  22. package/docs/demos/CardView/examples/CardView.md +42 -774
  23. package/docs/demos/ContextSelector/examples/ContextSelector.md +136 -2448
  24. package/docs/demos/Dashboard/examples/Dashboard.md +42 -774
  25. package/docs/demos/DataList/examples/DataList.md +191 -3119
  26. package/docs/demos/DescriptionList/examples/DescriptionList.md +126 -2322
  27. package/docs/demos/Drawer/examples/Drawer.md +210 -3870
  28. package/docs/demos/JumpLinks/examples/JumpLinks.md +252 -4644
  29. package/docs/demos/Masthead/examples/Masthead.md +144 -1962
  30. package/docs/demos/Modal/examples/Modal.md +252 -4644
  31. package/docs/demos/Nav/examples/Nav.md +336 -6192
  32. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +231 -3891
  33. package/docs/demos/Page/examples/Page.md +378 -6966
  34. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +426 -5550
  35. package/docs/demos/Skeleton/examples/Skeleton.md +42 -774
  36. package/docs/demos/Table/examples/Table.md +752 -11732
  37. package/docs/demos/Tabs/examples/Tabs.md +252 -4644
  38. package/docs/demos/Toolbar/examples/Toolbar.md +84 -1548
  39. package/docs/demos/Wizard/examples/Wizard.md +378 -6966
  40. package/package.json +1 -1
  41. package/patternfly-base-no-globals-theme-dark-unversioned.css +9 -6
  42. package/patternfly-base-no-globals.css +9 -6
  43. package/patternfly-base-theme-dark-unversioned.css +9 -6
  44. package/patternfly-base.css +9 -6
  45. package/patternfly-no-globals.css +342 -23
  46. package/patternfly-theme-dark-unversioned.css +342 -23
  47. package/patternfly.css +342 -23
  48. package/patternfly.min.css +1 -1
  49. package/patternfly.min.css.map +1 -1
  50. package/sass-utilities/placeholders.scss +4 -0
  51. package/sass-utilities/themes/dark/placeholders.scss +4 -0
  52. package/RELEASE-NOTES.md +0 -1815
  53. package/UPGRADE-GUIDE.md +0 -1298
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "5.0.0-prerelease.2",
4
+ "version": "5.0.0-prerelease.4",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals-theme-dark-unversioned.css CHANGED
@@ -17,6 +17,9 @@
17
17
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
18
18
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
19
19
  }
20
+ .pf-t-dark .pf-v5-c-button {
21
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
22
+ }
20
23
 
21
24
  :where(:root) {
22
25
  --pf-v5-global--palette--black-100: #fafafa;
@@ -250,12 +253,6 @@
250
253
  --pf-v5-global--target-size--MinHeight: 44px;
251
254
  }
252
255
 
253
- .pf-m-vf-font {
254
- --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
255
- --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
256
- --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
257
- }
258
-
259
256
  :where(.pf-theme-dark) {
260
257
  --pf-v5-global--palette--black-50: #e0e0e0;
261
258
  --pf-v5-global--palette--black-100: #c6c7c8;
@@ -475,6 +472,12 @@
475
472
  font-variant-numeric: tabular-nums;
476
473
  }
477
474
 
475
+ .pf-v5-m-vf-font {
476
+ --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
477
+ --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
478
+ --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
479
+ }
480
+
478
481
  :where(.pf-theme-dark) {
479
482
  color-scheme: dark;
480
483
  }
package/patternfly-base-no-globals.css CHANGED
@@ -17,6 +17,9 @@
17
17
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
18
18
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
19
19
  }
20
+ .pf-v5-t-dark .pf-v5-c-button {
21
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
22
+ }
20
23
 
21
24
  :where(:root) {
22
25
  --pf-v5-global--palette--black-100: #fafafa;
@@ -250,12 +253,6 @@
250
253
  --pf-v5-global--target-size--MinHeight: 44px;
251
254
  }
252
255
 
253
- .pf-m-vf-font {
254
- --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
255
- --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
256
- --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
257
- }
258
-
259
256
  :where(.pf-v5-theme-dark) {
260
257
  --pf-v5-global--palette--black-50: #e0e0e0;
261
258
  --pf-v5-global--palette--black-100: #c6c7c8;
@@ -475,6 +472,12 @@
475
472
  font-variant-numeric: tabular-nums;
476
473
  }
477
474
 
475
+ .pf-v5-m-vf-font {
476
+ --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
477
+ --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
478
+ --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
479
+ }
480
+
478
481
  :where(.pf-v5-theme-dark) {
479
482
  color-scheme: dark;
480
483
  }
package/patternfly-base-theme-dark-unversioned.css CHANGED
@@ -17,6 +17,9 @@
17
17
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
18
18
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
19
19
  }
20
+ .pf-t-dark .pf-v5-c-button {
21
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
22
+ }
20
23
 
21
24
  :where(:root) {
22
25
  --pf-v5-global--palette--black-100: #fafafa;
@@ -250,12 +253,6 @@
250
253
  --pf-v5-global--target-size--MinHeight: 44px;
251
254
  }
252
255
 
253
- .pf-m-vf-font {
254
- --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
255
- --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
256
- --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
257
- }
258
-
259
256
  :where(.pf-theme-dark) {
260
257
  --pf-v5-global--palette--black-50: #e0e0e0;
261
258
  --pf-v5-global--palette--black-100: #c6c7c8;
@@ -475,6 +472,12 @@
475
472
  font-variant-numeric: tabular-nums;
476
473
  }
477
474
 
475
+ .pf-v5-m-vf-font {
476
+ --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
477
+ --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
478
+ --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
479
+ }
480
+
478
481
  :where(html,
479
482
  body,
480
483
  p,
package/patternfly-base.css CHANGED
@@ -17,6 +17,9 @@
17
17
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
18
18
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
19
19
  }
20
+ .pf-v5-t-dark .pf-v5-c-button {
21
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
22
+ }
20
23
 
21
24
  :where(:root) {
22
25
  --pf-v5-global--palette--black-100: #fafafa;
@@ -250,12 +253,6 @@
250
253
  --pf-v5-global--target-size--MinHeight: 44px;
251
254
  }
252
255
 
253
- .pf-m-vf-font {
254
- --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
255
- --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
256
- --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
257
- }
258
-
259
256
  :where(.pf-v5-theme-dark) {
260
257
  --pf-v5-global--palette--black-50: #e0e0e0;
261
258
  --pf-v5-global--palette--black-100: #c6c7c8;
@@ -475,6 +472,12 @@
475
472
  font-variant-numeric: tabular-nums;
476
473
  }
477
474
 
475
+ .pf-v5-m-vf-font {
476
+ --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
477
+ --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
478
+ --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
479
+ }
480
+
478
481
  :where(html,
479
482
  body,
480
483
  p,