@patternfly/patternfly 4.205.0 → 4.206.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 (54) hide show
  1. package/base/_common.scss +9 -0
  2. package/base/patternfly-common.css +7 -0
  3. package/components/Tabs/tabs.css +4 -0
  4. package/components/Tabs/tabs.scss +8 -1
  5. package/components/TreeView/tree-view.css +6 -12
  6. package/components/TreeView/tree-view.scss +4 -8
  7. package/docs/components/AppLauncher/examples/application-launcher.md +69 -22
  8. package/docs/components/DataList/examples/DataList.md +30 -30
  9. package/docs/components/DatePicker/examples/DatePicker.md +4 -4
  10. package/docs/components/LabelGroup/examples/LabelGroup.md +19 -19
  11. package/docs/components/LogViewer/examples/LogViewer.md +46 -37
  12. package/docs/components/Masthead/examples/masthead.md +1 -1
  13. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +54 -27
  14. package/docs/components/Nav/examples/Navigation.md +12 -6
  15. package/docs/components/Pagination/examples/Pagination.md +47 -14
  16. package/docs/components/Popover/examples/Popover.md +36 -24
  17. package/docs/components/SearchInput/examples/SearchInput.md +12 -12
  18. package/docs/components/Select/examples/Select.md +8 -8
  19. package/docs/components/Table/examples/Table.md +1 -1
  20. package/docs/components/Tabs/examples/Tabs.md +67 -73
  21. package/docs/components/TextInputGroup/examples/TextInputGroup.md +60 -60
  22. package/docs/components/Tile/examples/Tile.md +0 -2
  23. package/docs/components/TreeView/examples/TreeView.md +257 -217
  24. package/docs/demos/AboutModal/examples/AboutModal.md +1 -1
  25. package/docs/demos/Alert/examples/Alert.md +3 -3
  26. package/docs/demos/BackToTop/examples/BackToTop.md +1 -1
  27. package/docs/demos/Banner/examples/Banner.md +2 -2
  28. package/docs/demos/CardView/examples/CardView.md +1 -1
  29. package/docs/demos/ContextSelector/examples/ContextSelector.md +3 -3
  30. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  31. package/docs/demos/DataList/examples/DataList.md +4 -4
  32. package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
  33. package/docs/demos/Drawer/examples/Drawer.md +5 -5
  34. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -6
  35. package/docs/demos/Masthead/examples/Masthead.md +2 -2
  36. package/docs/demos/Modal/examples/Modal.md +6 -6
  37. package/docs/demos/Nav/examples/Nav.md +8 -8
  38. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  39. package/docs/demos/Page/examples/Page.md +8 -8
  40. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  41. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  42. package/docs/demos/Table/examples/Table.md +14 -14
  43. package/docs/demos/Tabs/examples/Tabs.md +8 -8
  44. package/docs/demos/Toolbar/examples/Toolbar.md +55 -37
  45. package/docs/demos/Wizard/examples/Wizard.md +8 -8
  46. package/docs/layouts/Flex/examples/Flex.md +1 -1
  47. package/docs/layouts/Grid/examples/Grid.md +1 -1
  48. package/package.json +1 -1
  49. package/patternfly-base-no-reset.css +7 -0
  50. package/patternfly-base.css +7 -0
  51. package/patternfly-no-reset.css +17 -12
  52. package/patternfly.css +17 -12
  53. package/patternfly.min.css +1 -1
  54. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -754,6 +754,13 @@ html {
754
754
  white-space: nowrap;
755
755
  border: 0;
756
756
  }
757
+ .pf-screen-reader.pf-m-full-size {
758
+ width: 100%;
759
+ height: 100%;
760
+ }
761
+ .pf-screen-reader.pf-m-absolute {
762
+ position: absolute;
763
+ }
757
764
 
758
765
  .pf-m-tabular-nums {
759
766
  font-variant-numeric: tabular-nums;
@@ -30019,6 +30026,10 @@ svg.pf-c-spinner.pf-m-xl {
30019
30026
  .pf-c-tabs.pf-m-page-insets {
30020
30027
  --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
30021
30028
  }
30029
+ .pf-c-tabs.pf-m-overflow,
30030
+ .pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
30031
+ overflow: visible;
30032
+ }
30022
30033
 
30023
30034
  .pf-c-tabs__toggle {
30024
30035
  display: var(--pf-c-tabs__toggle--Display);
@@ -31549,20 +31560,14 @@ svg.pf-c-spinner.pf-m-xl {
31549
31560
  .pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
31550
31561
  --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
31551
31562
  }
31552
- .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle {
31553
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
31554
- }
31555
- .pf-c-tree-view__node:hover,
31556
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:hover {
31557
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover__icon--Color);
31563
+ .pf-c-tree-view__node:not(.pf-m-selectable):hover, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:hover {
31564
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover--Color);
31558
31565
  }
31559
- .pf-c-tree-view__node:focus,
31560
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:focus {
31561
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus__icon--Color);
31566
+ .pf-c-tree-view__node:not(.pf-m-selectable):focus, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:focus {
31567
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus--Color);
31562
31568
  }
31563
- .pf-c-tree-view__node:active,
31564
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:active {
31565
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active__icon--Color);
31569
+ .pf-c-tree-view__node:not(.pf-m-selectable):active, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:active {
31570
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active--Color);
31566
31571
  }
31567
31572
 
31568
31573
  .pf-c-tree-view__node-container {