@patternfly/patternfly 6.0.0-alpha.97 → 6.0.0-alpha.99

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 (153) hide show
  1. package/components/Card/card.css +1 -0
  2. package/components/Card/card.scss +1 -0
  3. package/components/Check/check.css +10 -3
  4. package/components/Check/check.scss +17 -4
  5. package/components/Masthead/masthead.css +17 -9
  6. package/components/Masthead/masthead.scss +18 -9
  7. package/components/MenuToggle/menu-toggle.css +20 -6
  8. package/components/MenuToggle/menu-toggle.scss +32 -6
  9. package/components/ModalBox/modal-box.css +11 -7
  10. package/components/ModalBox/modal-box.scss +27 -12
  11. package/components/Nav/nav.css +64 -110
  12. package/components/Nav/nav.scss +70 -143
  13. package/components/Page/page.css +9 -17
  14. package/components/Page/page.scss +10 -23
  15. package/components/Radio/radio.css +12 -5
  16. package/components/Radio/radio.scss +21 -6
  17. package/components/Table/table-grid.css +30 -35
  18. package/components/Table/table-grid.scss +44 -32
  19. package/components/Table/table-scrollable.css +14 -6
  20. package/components/Table/table-scrollable.scss +6 -1
  21. package/components/Table/table-tree-view.css +5 -5
  22. package/components/Table/table-tree-view.scss +14 -8
  23. package/components/Table/table.css +90 -254
  24. package/components/Table/table.scss +158 -347
  25. package/components/Toolbar/toolbar.css +66 -2
  26. package/components/Toolbar/toolbar.scss +21 -2
  27. package/docs/components/AboutModalBox/examples/AboutModalBox.md +12 -12
  28. package/docs/components/Accordion/examples/Accordion.md +19 -19
  29. package/docs/components/ActionList/examples/ActionList.md +5 -5
  30. package/docs/components/Alert/examples/Alert.md +26 -26
  31. package/docs/components/AppLauncher/deprecated/application-launcher.md +31 -31
  32. package/docs/components/Avatar/examples/Avatar.md +8 -8
  33. package/docs/components/BackToTop/examples/BackToTop.md +3 -3
  34. package/docs/components/Backdrop/examples/Backdrop.md +3 -3
  35. package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
  36. package/docs/components/Badge/examples/Badge.md +6 -6
  37. package/docs/components/Banner/examples/Banner.md +17 -17
  38. package/docs/components/Brand/examples/Brand.css +3 -3
  39. package/docs/components/Brand/examples/Brand.md +7 -7
  40. package/docs/components/Breadcrumb/examples/Breadcrumb.md +12 -12
  41. package/docs/components/Button/examples/Button.css +2 -2
  42. package/docs/components/Button/examples/Button.md +35 -35
  43. package/docs/components/CalendarMonth/examples/CalendarMonth.md +29 -29
  44. package/docs/components/Card/examples/Card.md +30 -30
  45. package/docs/components/Check/examples/Check.md +12 -12
  46. package/docs/components/Chip/examples/Chip.md +21 -21
  47. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +19 -19
  48. package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
  49. package/docs/components/CodeEditor/examples/CodeEditor.md +14 -14
  50. package/docs/components/Content/examples/Content.md +5 -5
  51. package/docs/components/ContextSelector/deprecated/context-selector.md +23 -23
  52. package/docs/components/DataList/examples/DataList.md +177 -112
  53. package/docs/components/DatePicker/examples/DatePicker.md +10 -10
  54. package/docs/components/DescriptionList/examples/DescriptionList.md +29 -29
  55. package/docs/components/Divider/examples/Divider.md +7 -7
  56. package/docs/components/DragDrop/examples/DragDrop.md +5 -5
  57. package/docs/components/Drawer/examples/Drawer.md +36 -36
  58. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  59. package/docs/components/Dropdown/deprecated/Dropdown.md +47 -47
  60. package/docs/components/DualListSelector/examples/DualListSelector.md +41 -41
  61. package/docs/components/EmptyState/examples/EmptyState.md +21 -21
  62. package/docs/components/ExpandableSection/examples/ExpandableSection.md +18 -18
  63. package/docs/components/FileUpload/examples/FileUpload.md +8 -8
  64. package/docs/components/Form/examples/Form.md +52 -52
  65. package/docs/components/FormControl/examples/FormControl.md +22 -22
  66. package/docs/components/HelperText/examples/HelperText.md +11 -11
  67. package/docs/components/Hint/examples/Hint.md +6 -6
  68. package/docs/components/Icon/examples/Icon.md +13 -13
  69. package/docs/components/InlineEdit/examples/InlineEdit.md +54 -138
  70. package/docs/components/InputGroup/examples/InputGroup.md +10 -10
  71. package/docs/components/JumpLinks/examples/JumpLinks.md +19 -19
  72. package/docs/components/Label/examples/Label.css +4 -4
  73. package/docs/components/Label/examples/Label.md +45 -45
  74. package/docs/components/List/examples/List.md +6 -6
  75. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  76. package/docs/components/LogViewer/examples/LogViewer.md +35 -35
  77. package/docs/components/Login/examples/Login.md +21 -21
  78. package/docs/components/Masthead/examples/masthead.md +7 -7
  79. package/docs/components/Menu/examples/Menu.md +60 -60
  80. package/docs/components/MenuToggle/examples/MenuToggle.md +106 -22
  81. package/docs/components/ModalBox/examples/ModalBox.md +75 -34
  82. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +21 -21
  83. package/docs/components/Nav/examples/Navigation.css +20 -3
  84. package/docs/components/Nav/examples/Navigation.md +44 -50
  85. package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
  86. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +36 -36
  87. package/docs/components/NumberInput/examples/NumberInput.md +13 -13
  88. package/docs/components/OptionsMenu/deprecated/options-menu.md +22 -22
  89. package/docs/components/OverflowMenu/examples/overflow-menu.md +20 -20
  90. package/docs/components/Page/deprecated/PageHeader.md +30 -30
  91. package/docs/components/Page/examples/Page.md +55 -54
  92. package/docs/components/Pagination/examples/Pagination.md +25 -25
  93. package/docs/components/Panel/examples/Panel.md +10 -10
  94. package/docs/components/Popover/examples/Popover.md +30 -30
  95. package/docs/components/Progress/examples/Progress.md +31 -31
  96. package/docs/components/ProgressStepper/examples/ProgressStepper.md +17 -17
  97. package/docs/components/Radio/examples/Radio.md +9 -9
  98. package/docs/components/Select/deprecated/Select.md +110 -110
  99. package/docs/components/Sidebar/examples/Sidebar.md +16 -16
  100. package/docs/components/SimpleList/examples/SimpleList.md +9 -9
  101. package/docs/components/Skeleton/examples/Skeleton.md +14 -14
  102. package/docs/components/SkipToContent/examples/SkipToContent.md +4 -4
  103. package/docs/components/Slider/examples/Slider.md +33 -33
  104. package/docs/components/Spinner/examples/Spinner.md +14 -14
  105. package/docs/components/Switch/examples/Switch.md +14 -14
  106. package/docs/components/TabContent/examples/TabContent.md +10 -10
  107. package/docs/components/Table/examples/Table.md +5395 -15077
  108. package/docs/components/Tabs/examples/Tabs.md +39 -39
  109. package/docs/components/TextInputGroup/examples/TextInputGroup.md +1 -1
  110. package/docs/components/Tile/examples/Tile.md +12 -12
  111. package/docs/components/Timestamp/examples/Timestamp.md +4 -4
  112. package/docs/components/Title/examples/Title.md +20 -20
  113. package/docs/components/ToggleGroup/examples/toggle-group.md +10 -10
  114. package/docs/components/Toolbar/examples/Toolbar.md +57 -57
  115. package/docs/components/Tooltip/examples/Tooltip.md +9 -9
  116. package/docs/components/TreeView/examples/TreeView.md +31 -31
  117. package/docs/components/Truncate/examples/Truncate.md +8 -8
  118. package/docs/components/Wizard/examples/Wizard.md +46 -46
  119. package/docs/demos/Banner/examples/Banner.md +1 -1
  120. package/docs/demos/Card/examples/Card.md +12 -19
  121. package/docs/demos/DataList/examples/DataList.md +179 -280
  122. package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -0
  123. package/docs/demos/Masthead/examples/Masthead.md +4 -8
  124. package/docs/demos/Nav/examples/Nav.md +45 -149
  125. package/docs/demos/Page/examples/Page.md +3 -37
  126. package/docs/demos/Page/examples/Penta.md +119 -40
  127. package/docs/demos/Table/examples/Table.md +1531 -4970
  128. package/docs/demos/Tabs/examples/Tabs.md +118 -174
  129. package/docs/demos/Toolbar/examples/Toolbar.md +220 -600
  130. package/docs/layouts/Bullseye/examples/Bullseye.md +3 -3
  131. package/docs/layouts/Flex/examples/Flex.md +76 -76
  132. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  133. package/docs/layouts/Grid/examples/Grid.md +8 -8
  134. package/docs/layouts/Level/examples/Level.md +4 -4
  135. package/docs/layouts/Split/examples/Split.md +6 -6
  136. package/docs/layouts/Stack/examples/Stack.md +5 -5
  137. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  138. package/docs/utilities/Alignment/examples/Alignment.md +4 -4
  139. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +10 -10
  140. package/docs/utilities/BoxShadow/examples/box-shadow.md +20 -20
  141. package/docs/utilities/Display/examples/Display.md +9 -9
  142. package/docs/utilities/Flex/examples/Flex.md +32 -32
  143. package/docs/utilities/Float/examples/Float.md +2 -2
  144. package/docs/utilities/Sizing/examples/Sizing.md +41 -41
  145. package/docs/utilities/Spacing/examples/Spacing.md +11 -11
  146. package/docs/utilities/Text/examples/Text.md +28 -28
  147. package/package.json +2 -1
  148. package/patternfly-no-globals.css +363 -465
  149. package/patternfly-theme-dark-unversioned.css +363 -465
  150. package/patternfly.css +363 -465
  151. package/patternfly.min.css +1 -1
  152. package/patternfly.min.css.map +1 -1
  153. package/components/Table/themes/dark/table.scss +0 -16
package/docs/demos/DescriptionList/examples/DescriptionList.md CHANGED
@@ -1468,6 +1468,7 @@ cssPrefix: pf-d-description-list
1468
1468
  role="columnheader"
1469
1469
  scope="col"
1470
1470
  >Type</th>
1471
+
1471
1472
  <th
1472
1473
  class="pf-v6-c-table__th"
1473
1474
  role="columnheader"
@@ -1475,6 +1476,7 @@ cssPrefix: pf-d-description-list
1475
1476
  >Location</th>
1476
1477
  </tr>
1477
1478
  </thead>
1479
+
1478
1480
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
1479
1481
  <tr class="pf-v6-c-table__tr" role="row">
1480
1482
  <td
@@ -1526,16 +1528,19 @@ cssPrefix: pf-d-description-list
1526
1528
  role="columnheader"
1527
1529
  scope="col"
1528
1530
  >Name</th>
1531
+
1529
1532
  <th
1530
1533
  class="pf-v6-c-table__th"
1531
1534
  role="columnheader"
1532
1535
  scope="col"
1533
1536
  >Port</th>
1537
+
1534
1538
  <th
1535
1539
  class="pf-v6-c-table__th"
1536
1540
  role="columnheader"
1537
1541
  scope="col"
1538
1542
  >Protocol</th>
1543
+
1539
1544
  <th
1540
1545
  class="pf-v6-c-table__th"
1541
1546
  role="columnheader"
@@ -1543,6 +1548,7 @@ cssPrefix: pf-d-description-list
1543
1548
  >Pod port or name</th>
1544
1549
  </tr>
1545
1550
  </thead>
1551
+
1546
1552
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
1547
1553
  <tr class="pf-v6-c-table__tr" role="row">
1548
1554
  <td
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -2090,13 +2090,11 @@ wrapperTag: div
2090
2090
  >
2091
2091
  <div class="pf-v6-c-nav__scroll-button">
2092
2092
  <button
2093
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
2093
+ class="pf-v6-c-button pf-m-plain"
2094
2094
  type="button"
2095
2095
  aria-label="Scroll start"
2096
2096
  >
2097
- <span class="pf-v6-c-button__icon">
2098
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2099
- </span>
2097
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
2100
2098
  </button>
2101
2099
  </div>
2102
2100
  <ul class="pf-v6-c-nav__list" role="list">
@@ -2122,13 +2120,11 @@ wrapperTag: div
2122
2120
  </ul>
2123
2121
  <div class="pf-v6-c-nav__scroll-button">
2124
2122
  <button
2125
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
2123
+ class="pf-v6-c-button pf-m-plain"
2126
2124
  type="button"
2127
2125
  aria-label="Scroll end"
2128
2126
  >
2129
- <span class="pf-v6-c-button__icon">
2130
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2131
- </span>
2127
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
2132
2128
  </button>
2133
2129
  </div>
2134
2130
  </nav>
package/docs/demos/Nav/examples/Nav.md CHANGED
@@ -1179,13 +1179,11 @@ section: components
1179
1179
  >
1180
1180
  <div class="pf-v6-c-nav__scroll-button">
1181
1181
  <button
1182
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
1182
+ class="pf-v6-c-button pf-m-plain"
1183
1183
  type="button"
1184
1184
  aria-label="Scroll start"
1185
1185
  >
1186
- <span class="pf-v6-c-button__icon">
1187
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1188
- </span>
1186
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1189
1187
  </button>
1190
1188
  </div>
1191
1189
  <ul class="pf-v6-c-nav__list" role="list">
@@ -1211,13 +1209,11 @@ section: components
1211
1209
  </ul>
1212
1210
  <div class="pf-v6-c-nav__scroll-button">
1213
1211
  <button
1214
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
1212
+ class="pf-v6-c-button pf-m-plain"
1215
1213
  type="button"
1216
1214
  aria-label="Scroll end"
1217
1215
  >
1218
- <span class="pf-v6-c-button__icon">
1219
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1220
- </span>
1216
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1221
1217
  </button>
1222
1218
  </div>
1223
1219
  </nav>
@@ -1569,108 +1565,28 @@ section: components
1569
1565
  <div class="pf-v6-c-page__sidebar-body">
1570
1566
  <nav
1571
1567
  class="pf-v6-c-nav"
1572
- id="nav-horizontal-subnav-example-expandable-nav"
1568
+ id="nav-horizontal-subnav-example-primary-nav"
1573
1569
  aria-label="Global"
1574
1570
  >
1575
1571
  <ul class="pf-v6-c-nav__list" role="list">
1576
- <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
1577
- <button
1578
- class="pf-v6-c-nav__link"
1579
- aria-expanded="true"
1580
- id="nav-horizontal-subnav-example-expandable-nav-link1"
1581
- >
1582
- System panel
1583
- <span class="pf-v6-c-nav__toggle">
1584
- <span class="pf-v6-c-nav__toggle-icon">
1585
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1586
- </span>
1587
- </span>
1588
- </button>
1589
- <section
1590
- class="pf-v6-c-nav__subnav"
1591
- aria-labelledby="nav-horizontal-subnav-example-expandable-nav-link1"
1592
- >
1593
- <ul class="pf-v6-c-nav__list" role="list">
1594
- <li class="pf-v6-c-nav__item">
1595
- <a href="#" class="pf-v6-c-nav__link">Overview</a>
1596
- </li>
1597
- <li class="pf-v6-c-nav__item">
1598
- <a
1599
- href="#"
1600
- class="pf-v6-c-nav__link pf-m-current"
1601
- aria-current="page"
1602
- >Resource usage</a>
1603
- </li>
1604
- <li class="pf-v6-c-nav__item">
1605
- <a href="#" class="pf-v6-c-nav__link">Hypervisors</a>
1606
- </li>
1607
- <li class="pf-v6-c-nav__item">
1608
- <a href="#" class="pf-v6-c-nav__link">Instances</a>
1609
- </li>
1610
- <li class="pf-v6-c-nav__item">
1611
- <a href="#" class="pf-v6-c-nav__link">Volumes</a>
1612
- </li>
1613
- <li class="pf-v6-c-nav__item">
1614
- <a href="#" class="pf-v6-c-nav__link">Networks</a>
1615
- </li>
1616
- </ul>
1617
- </section>
1572
+ <li class="pf-v6-c-nav__item">
1573
+ <a href="#" class="pf-v6-c-nav__link">System panel</a>
1618
1574
  </li>
1619
- <li class="pf-v6-c-nav__item pf-m-expandable">
1620
- <button
1621
- class="pf-v6-c-nav__link"
1622
- aria-expanded="false"
1623
- id="nav-horizontal-subnav-example-expandable-nav-link2"
1624
- >
1625
- Policy
1626
- <span class="pf-v6-c-nav__toggle">
1627
- <span class="pf-v6-c-nav__toggle-icon">
1628
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1629
- </span>
1630
- </span>
1631
- </button>
1632
- <section
1633
- class="pf-v6-c-nav__subnav"
1634
- aria-labelledby="nav-horizontal-subnav-example-expandable-nav-link2"
1635
- hidden
1636
- >
1637
- <ul class="pf-v6-c-nav__list" role="list">
1638
- <li class="pf-v6-c-nav__item">
1639
- <a href="#" class="pf-v6-c-nav__link">Subnav link 1</a>
1640
- </li>
1641
- <li class="pf-v6-c-nav__item">
1642
- <a href="#" class="pf-v6-c-nav__link">Subnav link 2</a>
1643
- </li>
1644
- </ul>
1645
- </section>
1575
+ <li class="pf-v6-c-nav__item">
1576
+ <a
1577
+ href="#"
1578
+ class="pf-v6-c-nav__link pf-m-current"
1579
+ aria-current="page"
1580
+ >Policy</a>
1646
1581
  </li>
1647
- <li class="pf-v6-c-nav__item pf-m-expandable">
1648
- <button
1649
- class="pf-v6-c-nav__link"
1650
- aria-expanded="false"
1651
- id="nav-horizontal-subnav-example-expandable-nav-link3"
1652
- >
1653
- Authentication
1654
- <span class="pf-v6-c-nav__toggle">
1655
- <span class="pf-v6-c-nav__toggle-icon">
1656
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1657
- </span>
1658
- </span>
1659
- </button>
1660
- <section
1661
- class="pf-v6-c-nav__subnav"
1662
- aria-labelledby="nav-horizontal-subnav-example-expandable-nav-link3"
1663
- hidden
1664
- >
1665
- <ul class="pf-v6-c-nav__list" role="list">
1666
- <li class="pf-v6-c-nav__item">
1667
- <a href="#" class="pf-v6-c-nav__link">Subnav link 1</a>
1668
- </li>
1669
- <li class="pf-v6-c-nav__item">
1670
- <a href="#" class="pf-v6-c-nav__link">Subnav link 2</a>
1671
- </li>
1672
- </ul>
1673
- </section>
1582
+ <li class="pf-v6-c-nav__item">
1583
+ <a href="#" class="pf-v6-c-nav__link">Authentication</a>
1584
+ </li>
1585
+ <li class="pf-v6-c-nav__item">
1586
+ <a href="#" class="pf-v6-c-nav__link">Network services</a>
1587
+ </li>
1588
+ <li class="pf-v6-c-nav__item">
1589
+ <a href="#" class="pf-v6-c-nav__link">Server</a>
1674
1590
  </li>
1675
1591
  </ul>
1676
1592
  </nav>
@@ -1681,6 +1597,24 @@ section: components
1681
1597
  tabindex="-1"
1682
1598
  id="main-content-nav-horizontal-subnav-example"
1683
1599
  >
1600
+ <section class="pf-v6-c-page__main-subnav pf-m-limit-width">
1601
+ <div class="pf-v6-c-page__main-body">
1602
+ <nav class="pf-v6-c-nav pf-m-horizontal pf-m-subnav" aria-label="Local">
1603
+ <ul class="pf-v6-c-nav__list" role="list">
1604
+ <li class="pf-v6-c-nav__item">
1605
+ <a
1606
+ href="#"
1607
+ class="pf-v6-c-nav__link pf-m-current"
1608
+ aria-current="page"
1609
+ >Horizontal subnav item 1</a>
1610
+ </li>
1611
+ <li class="pf-v6-c-nav__item">
1612
+ <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 2</a>
1613
+ </li>
1614
+ </ul>
1615
+ </nav>
1616
+ </div>
1617
+ </section>
1684
1618
  <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
1685
1619
  <div class="pf-v6-c-page__main-body">
1686
1620
  <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
@@ -1911,13 +1845,11 @@ section: components
1911
1845
  >
1912
1846
  <div class="pf-v6-c-nav__scroll-button">
1913
1847
  <button
1914
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
1848
+ class="pf-v6-c-button pf-m-plain"
1915
1849
  type="button"
1916
1850
  aria-label="Scroll start"
1917
1851
  >
1918
- <span class="pf-v6-c-button__icon">
1919
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1920
- </span>
1852
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1921
1853
  </button>
1922
1854
  </div>
1923
1855
  <ul class="pf-v6-c-nav__list" role="list">
@@ -1943,13 +1875,11 @@ section: components
1943
1875
  </ul>
1944
1876
  <div class="pf-v6-c-nav__scroll-button">
1945
1877
  <button
1946
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
1878
+ class="pf-v6-c-button pf-m-plain"
1947
1879
  type="button"
1948
1880
  aria-label="Scroll end"
1949
1881
  >
1950
- <span class="pf-v6-c-button__icon">
1951
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1952
- </span>
1882
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1953
1883
  </button>
1954
1884
  </div>
1955
1885
  </nav>
@@ -2020,23 +1950,9 @@ section: components
2020
1950
  tabindex="-1"
2021
1951
  id="main-content-nav-horizontal-example"
2022
1952
  >
2023
- <section class="pf-v6-c-page__main-nav pf-m-limit-width">
1953
+ <section class="pf-v6-c-page__main-subnav pf-m-limit-width">
2024
1954
  <div class="pf-v6-c-page__main-body">
2025
- <nav
2026
- class="pf-v6-c-nav pf-m-scrollable pf-m-horizontal pf-m-subnav"
2027
- aria-label="Local"
2028
- >
2029
- <div class="pf-v6-c-nav__scroll-button">
2030
- <button
2031
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
2032
- type="button"
2033
- aria-label="Scroll start"
2034
- >
2035
- <span class="pf-v6-c-button__icon">
2036
- <i class="fas fa-angle-left" aria-hidden="true"></i>
2037
- </span>
2038
- </button>
2039
- </div>
1955
+ <nav class="pf-v6-c-nav pf-m-horizontal pf-m-subnav" aria-label="Local">
2040
1956
  <ul class="pf-v6-c-nav__list" role="list">
2041
1957
  <li class="pf-v6-c-nav__item">
2042
1958
  <a
@@ -2048,27 +1964,7 @@ section: components
2048
1964
  <li class="pf-v6-c-nav__item">
2049
1965
  <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 2</a>
2050
1966
  </li>
2051
- <li class="pf-v6-c-nav__item">
2052
- <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 3</a>
2053
- </li>
2054
- <li class="pf-v6-c-nav__item">
2055
- <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 4</a>
2056
- </li>
2057
- <li class="pf-v6-c-nav__item">
2058
- <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 5</a>
2059
- </li>
2060
1967
  </ul>
2061
- <div class="pf-v6-c-nav__scroll-button">
2062
- <button
2063
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
2064
- type="button"
2065
- aria-label="Scroll end"
2066
- >
2067
- <span class="pf-v6-c-button__icon">
2068
- <i class="fas fa-angle-right" aria-hidden="true"></i>
2069
- </span>
2070
- </button>
2071
- </div>
2072
1968
  </nav>
2073
1969
  </div>
2074
1970
  </section>
package/docs/demos/Page/examples/Page.md CHANGED
@@ -879,23 +879,9 @@ wrapperTag: div
879
879
  tabindex="-1"
880
880
  id="main-content-page-demo-sticky-top-horizontal-subnav"
881
881
  >
882
- <section class="pf-v6-c-page__main-nav pf-m-limit-width pf-m-sticky-top">
882
+ <section class="pf-v6-c-page__main-subnav pf-m-limit-width pf-m-sticky-top">
883
883
  <div class="pf-v6-c-page__main-body">
884
- <nav
885
- class="pf-v6-c-nav pf-m-scrollable pf-m-horizontal pf-m-subnav"
886
- aria-label="Local"
887
- >
888
- <div class="pf-v6-c-nav__scroll-button">
889
- <button
890
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
891
- type="button"
892
- aria-label="Scroll start"
893
- >
894
- <span class="pf-v6-c-button__icon">
895
- <i class="fas fa-angle-left" aria-hidden="true"></i>
896
- </span>
897
- </button>
898
- </div>
884
+ <nav class="pf-v6-c-nav pf-m-horizontal pf-m-subnav" aria-label="Local">
899
885
  <ul class="pf-v6-c-nav__list" role="list">
900
886
  <li class="pf-v6-c-nav__item">
901
887
  <a
@@ -907,27 +893,7 @@ wrapperTag: div
907
893
  <li class="pf-v6-c-nav__item">
908
894
  <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 2</a>
909
895
  </li>
910
- <li class="pf-v6-c-nav__item">
911
- <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 3</a>
912
- </li>
913
- <li class="pf-v6-c-nav__item">
914
- <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 4</a>
915
- </li>
916
- <li class="pf-v6-c-nav__item">
917
- <a href="#" class="pf-v6-c-nav__link">Horizontal subnav item 5</a>
918
- </li>
919
896
  </ul>
920
- <div class="pf-v6-c-nav__scroll-button">
921
- <button
922
- class="pf-v6-c-button pf-m-plain pf-m-RTL-icon-static"
923
- type="button"
924
- aria-label="Scroll end"
925
- >
926
- <span class="pf-v6-c-button__icon">
927
- <i class="fas fa-angle-right" aria-hidden="true"></i>
928
- </span>
929
- </button>
930
- </div>
931
897
  </nav>
932
898
  </div>
933
899
  </section>
@@ -3574,7 +3540,7 @@ wrapperTag: div
3574
3540
  <h1>Centering page sections</h1>
3575
3541
  <p>
3576
3542
  When a width limited page section is wider than the value of
3577
- <code>--pf-v5-c-page--section--m-limit-width--MaxWidth</code>, the section will be centered in the main section.
3543
+ <code>--pf-v6-c-page--section--m-limit-width--MaxWidth</code>, the section will be centered in the main section.
3578
3544
  </p>
3579
3545
  <p>All of the page sections on this page are centered.</p>
3580
3546
  </div>