@patternfly/patternfly 6.0.0-alpha.86 → 6.0.0-alpha.87

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 (34) hide show
  1. package/components/MenuToggle/menu-toggle.css +6 -22
  2. package/components/MenuToggle/menu-toggle.scss +7 -31
  3. package/docs/components/LogViewer/examples/LogViewer.md +30 -10
  4. package/docs/components/MenuToggle/examples/MenuToggle.md +113 -132
  5. package/docs/components/Toolbar/examples/Toolbar.md +21 -7
  6. package/docs/demos/AboutModal/examples/AboutModal.md +12 -4
  7. package/docs/demos/Alert/examples/Alert.md +36 -12
  8. package/docs/demos/BackToTop/examples/BackToTop.md +12 -4
  9. package/docs/demos/Banner/examples/Banner.md +24 -8
  10. package/docs/demos/CardView/examples/CardView.md +15 -5
  11. package/docs/demos/ContextSelector/examples/ContextSelector.md +36 -12
  12. package/docs/demos/Dashboard/examples/Dashboard.md +12 -4
  13. package/docs/demos/DataList/examples/DataList.md +57 -19
  14. package/docs/demos/DescriptionList/examples/DescriptionList.md +36 -12
  15. package/docs/demos/Drawer/examples/Drawer.md +60 -20
  16. package/docs/demos/JumpLinks/examples/JumpLinks.md +72 -24
  17. package/docs/demos/Masthead/examples/Masthead.md +48 -16
  18. package/docs/demos/Modal/examples/Modal.md +72 -24
  19. package/docs/demos/Nav/examples/Nav.md +72 -24
  20. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +60 -20
  21. package/docs/demos/Page/examples/Page.md +108 -36
  22. package/docs/demos/Page/examples/Penta.md +3 -1
  23. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +96 -32
  24. package/docs/demos/Skeleton/examples/Skeleton.md +12 -4
  25. package/docs/demos/Table/examples/Table.md +216 -72
  26. package/docs/demos/Tabs/examples/Tabs.md +75 -25
  27. package/docs/demos/Toolbar/examples/Toolbar.md +48 -16
  28. package/docs/demos/Wizard/examples/Wizard.md +108 -36
  29. package/package.json +1 -1
  30. package/patternfly-no-globals.css +6 -22
  31. package/patternfly-theme-dark-unversioned.css +6 -22
  32. package/patternfly.css +6 -22
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -20580,8 +20580,6 @@ ul.pf-v5-c-list {
20580
20580
  --pf-v5-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
20581
20581
  --pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
20582
20582
  --pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
20583
- --pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
20584
- --pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
20585
20583
  --pf-v5-c-menu-toggle__controls--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
20586
20584
  --pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-t--global--spacer--lg);
20587
20585
  --pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-t--global--spacer--lg);
@@ -20609,9 +20607,8 @@ ul.pf-v5-c-list {
20609
20607
  --pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20610
20608
  --pf-v5-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20611
20609
  --pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
20612
- --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
20613
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
20614
- --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
20610
+ --pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
20611
+ --pf-v5-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
20615
20612
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
20616
20613
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
20617
20614
  }
@@ -20619,6 +20616,7 @@ ul.pf-v5-c-list {
20619
20616
  .pf-v5-c-menu-toggle {
20620
20617
  position: relative;
20621
20618
  display: inline-flex;
20619
+ column-gap: var(--pf-v5-c-menu-toggle--ColumnGap);
20622
20620
  align-items: center;
20623
20621
  justify-content: center;
20624
20622
  min-width: var(--pf-v5-c-menu-toggle--MinWidth);
@@ -20703,22 +20701,12 @@ ul.pf-v5-c-list {
20703
20701
  --pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor);
20704
20702
  --pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor);
20705
20703
  --pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
20704
+ --pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--disabled--BackgroundColor);
20706
20705
  mix-blend-mode: var(--pf-v5-c-menu-toggle--m-plain--MixBlendMode);
20707
20706
  }
20708
20707
  .pf-v5-c-menu-toggle.pf-m-plain::before {
20709
20708
  border: none;
20710
20709
  }
20711
- .pf-v5-c-menu-toggle:has(.pf-v5-c-button:only-child) {
20712
- padding: revert;
20713
- }
20714
- .pf-v5-c-menu-toggle:is(button),
20715
- .pf-v5-c-menu-toggle .pf-v5-c-button {
20716
- background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
20717
- }
20718
- .pf-v5-c-menu-toggle:is(button):has(> i:only-child),
20719
- .pf-v5-c-menu-toggle .pf-v5-c-button:has(> i:only-child) {
20720
- aspect-ratio: 1/1;
20721
- }
20722
20710
  .pf-v5-c-menu-toggle:is(:hover, :focus) {
20723
20711
  --pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--hover--Color);
20724
20712
  --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
@@ -20756,6 +20744,7 @@ ul.pf-v5-c-list {
20756
20744
  }
20757
20745
 
20758
20746
  .pf-v5-c-menu-toggle.pf-m-split-button {
20747
+ --pf-v5-c-menu-toggle--ColumnGap: 0;
20759
20748
  padding: 0;
20760
20749
  }
20761
20750
  .pf-v5-c-menu-toggle.pf-m-split-button > * {
@@ -20789,7 +20778,6 @@ ul.pf-v5-c-list {
20789
20778
  }
20790
20779
 
20791
20780
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action {
20792
- --pf-v5-c-menu-toggle--ColumnGap: 0;
20793
20781
  --pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--BorderColor);
20794
20782
  }
20795
20783
  .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
@@ -20830,6 +20818,7 @@ ul.pf-v5-c-list {
20830
20818
 
20831
20819
  .pf-v5-c-menu-toggle.pf-m-typeahead {
20832
20820
  --pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
20821
+ --pf-v5-c-menu-toggle--ColumnGap: 0;
20833
20822
  align-items: stretch;
20834
20823
  padding: 0;
20835
20824
  }
@@ -20837,7 +20826,6 @@ ul.pf-v5-c-list {
20837
20826
  --pf-v5-c-menu-toggle__button--PaddingRight: 0;
20838
20827
  }
20839
20828
  .pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__controls {
20840
- --pf-v5-c-menu-toggle--ColumnGap: 0;
20841
20829
  --pf-v5-c-menu-toggle__button--PaddingRight: 0;
20842
20830
  display: flex;
20843
20831
  align-items: stretch;
@@ -20864,8 +20852,6 @@ ul.pf-v5-c-list {
20864
20852
  .pf-v5-c-menu-toggle__icon {
20865
20853
  flex-shrink: 0;
20866
20854
  align-self: center;
20867
- margin-inline-end: var(--pf-v5-c-menu-toggle__icon--MarginRight);
20868
- line-height: 1;
20869
20855
  }
20870
20856
 
20871
20857
  .pf-v5-c-menu-toggle__text {
@@ -20878,7 +20864,6 @@ ul.pf-v5-c-list {
20878
20864
  .pf-v5-c-menu-toggle__count {
20879
20865
  display: flex;
20880
20866
  flex-wrap: nowrap;
20881
- margin-inline-start: var(--pf-v5-c-menu-toggle__count--MarginLeft);
20882
20867
  }
20883
20868
 
20884
20869
  .pf-v5-c-menu-toggle__controls {
@@ -20886,7 +20871,6 @@ ul.pf-v5-c-list {
20886
20871
  align-items: center;
20887
20872
  justify-content: center;
20888
20873
  min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
20889
- margin-inline-start: var(--pf-v5-c-menu-toggle--ColumnGap);
20890
20874
  }
20891
20875
 
20892
20876
  .pf-v5-c-menu-toggle__toggle-icon {