@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/Toolbar/examples/Toolbar.md CHANGED
@@ -690,32 +690,39 @@ section: components
690
690
  <thead class="pf-v6-c-table__thead">
691
691
  <tr class="pf-v6-c-table__tr" role="row">
692
692
  <td class="pf-v6-c-table__td"></td>
693
+
693
694
  <th
694
695
  class="pf-v6-c-table__th"
695
696
  role="columnheader"
696
697
  scope="col"
697
698
  >Repositories</th>
699
+
698
700
  <th
699
701
  class="pf-v6-c-table__th"
700
702
  role="columnheader"
701
703
  scope="col"
702
704
  >Branches</th>
705
+
703
706
  <th
704
707
  class="pf-v6-c-table__th"
705
708
  role="columnheader"
706
709
  scope="col"
707
710
  >Pull requests</th>
711
+
708
712
  <th
709
713
  class="pf-v6-c-table__th"
710
714
  role="columnheader"
711
715
  scope="col"
712
716
  >Workspaces</th>
717
+
713
718
  <th
714
719
  class="pf-v6-c-table__th"
715
720
  role="columnheader"
716
721
  scope="col"
717
722
  >Last commit</th>
723
+
718
724
  <td class="pf-v6-c-table__td"></td>
725
+
719
726
  <td class="pf-v6-c-table__td"></td>
720
727
  </tr>
721
728
  </thead>
@@ -723,15 +730,21 @@ section: components
723
730
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
724
731
  <tr class="pf-v6-c-table__tr" role="row">
725
732
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
726
- <div class="pf-v6-c-check pf-m-standalone">
733
+ <label
734
+ class="pf-v6-c-check pf-m-standalone"
735
+ id="-table-tablecheckrow2check"
736
+ for="-table-tablecheckrow2check-input"
737
+ >
727
738
  <input
728
739
  class="pf-v6-c-check__input"
729
740
  type="checkbox"
730
- name="checkrow1"
731
- aria-labelledby="-table-table-node1"
741
+ id="-table-tablecheckrow2check-input"
742
+ name="-table-tablecheckrow2check-input"
743
+ aria-label="Standalone check"
732
744
  />
733
- </div>
745
+ </label>
734
746
  </td>
747
+
735
748
  <th
736
749
  class="pf-v6-c-table__th"
737
750
  role="columnheader"
@@ -742,6 +755,7 @@ section: components
742
755
  <a href="#">siemur/test-space</a>
743
756
  </div>
744
757
  </th>
758
+
745
759
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
746
760
  <span>
747
761
  <i class="fas fa-code-branch"></i> 10
@@ -769,78 +783,38 @@ section: components
769
783
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
770
784
  <a href="#">Action link</a>
771
785
  </td>
786
+
772
787
  <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
773
- <div class="pf-v6-c-dropdown">
774
- <button
775
- class="pf-v6-c-dropdown__toggle pf-m-plain"
776
- id="-table-table-dropdown-kebab-1-button"
777
- aria-expanded="false"
778
- type="button"
779
- aria-label="Actions"
780
- >
788
+ <button
789
+ class="pf-v6-c-menu-toggle pf-m-plain"
790
+ type="button"
791
+ aria-expanded="false"
792
+ aria-label="Table actions"
793
+ >
794
+ <span class="pf-v6-c-menu-toggle__icon">
781
795
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
782
- </button>
783
- <ul
784
- class="pf-v6-c-dropdown__menu pf-m-align-right"
785
- aria-labelledby="-table-table-dropdown-kebab-1-button"
786
- hidden
787
- role="menu"
788
- >
789
- <li role="none">
790
- <a
791
- class="pf-v6-c-dropdown__menu-item"
792
- role="menuitem"
793
- href="#"
794
- >Link</a>
795
- </li>
796
- <li role="none">
797
- <button
798
- class="pf-v6-c-dropdown__menu-item"
799
- role="menuitem"
800
- type="button"
801
- >Action</button>
802
- </li>
803
- <li role="none">
804
- <a
805
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
806
- role="menuitem"
807
- href="#"
808
- aria-disabled="true"
809
- tabindex="-1"
810
- >Disabled link</a>
811
- </li>
812
- <li role="none">
813
- <button
814
- class="pf-v6-c-dropdown__menu-item"
815
- role="menuitem"
816
- type="button"
817
- disabled
818
- >Disabled action</button>
819
- </li>
820
- <li class="pf-v6-c-divider" role="separator"></li>
821
- <li role="none">
822
- <a
823
- class="pf-v6-c-dropdown__menu-item"
824
- role="menuitem"
825
- href="#"
826
- >Separated link</a>
827
- </li>
828
- </ul>
829
- </div>
796
+ </span>
797
+ </button>
830
798
  </td>
831
799
  </tr>
832
800
 
833
801
  <tr class="pf-v6-c-table__tr" role="row">
834
802
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
835
- <div class="pf-v6-c-check pf-m-standalone">
803
+ <label
804
+ class="pf-v6-c-check pf-m-standalone"
805
+ id="-table-tablecheckrow3check"
806
+ for="-table-tablecheckrow3check-input"
807
+ >
836
808
  <input
837
809
  class="pf-v6-c-check__input"
838
810
  type="checkbox"
839
- name="checkrow2"
840
- aria-labelledby="-table-table-node2"
811
+ id="-table-tablecheckrow3check-input"
812
+ name="-table-tablecheckrow3check-input"
813
+ aria-label="Standalone check"
841
814
  />
842
- </div>
815
+ </label>
843
816
  </td>
817
+
844
818
  <th
845
819
  class="pf-v6-c-table__th"
846
820
  role="columnheader"
@@ -851,6 +825,7 @@ section: components
851
825
  <a href="#">siemur/test-space</a>
852
826
  </div>
853
827
  </th>
828
+
854
829
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
855
830
  <span>
856
831
  <i class="fas fa-code-branch"></i> 8
@@ -878,78 +853,38 @@ section: components
878
853
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
879
854
  <a href="#">Action link</a>
880
855
  </td>
856
+
881
857
  <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
882
- <div class="pf-v6-c-dropdown">
883
- <button
884
- class="pf-v6-c-dropdown__toggle pf-m-plain"
885
- id="-table-table-dropdown-kebab-2-button"
886
- aria-expanded="false"
887
- type="button"
888
- aria-label="Actions"
889
- >
858
+ <button
859
+ class="pf-v6-c-menu-toggle pf-m-plain"
860
+ type="button"
861
+ aria-expanded="false"
862
+ aria-label="Table actions"
863
+ >
864
+ <span class="pf-v6-c-menu-toggle__icon">
890
865
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
891
- </button>
892
- <ul
893
- class="pf-v6-c-dropdown__menu pf-m-align-right"
894
- aria-labelledby="-table-table-dropdown-kebab-2-button"
895
- hidden
896
- role="menu"
897
- >
898
- <li role="none">
899
- <a
900
- class="pf-v6-c-dropdown__menu-item"
901
- role="menuitem"
902
- href="#"
903
- >Link</a>
904
- </li>
905
- <li role="none">
906
- <button
907
- class="pf-v6-c-dropdown__menu-item"
908
- role="menuitem"
909
- type="button"
910
- >Action</button>
911
- </li>
912
- <li role="none">
913
- <a
914
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
915
- role="menuitem"
916
- href="#"
917
- aria-disabled="true"
918
- tabindex="-1"
919
- >Disabled link</a>
920
- </li>
921
- <li role="none">
922
- <button
923
- class="pf-v6-c-dropdown__menu-item"
924
- role="menuitem"
925
- type="button"
926
- disabled
927
- >Disabled action</button>
928
- </li>
929
- <li class="pf-v6-c-divider" role="separator"></li>
930
- <li role="none">
931
- <a
932
- class="pf-v6-c-dropdown__menu-item"
933
- role="menuitem"
934
- href="#"
935
- >Separated link</a>
936
- </li>
937
- </ul>
938
- </div>
866
+ </span>
867
+ </button>
939
868
  </td>
940
869
  </tr>
941
870
 
942
871
  <tr class="pf-v6-c-table__tr" role="row">
943
872
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
944
- <div class="pf-v6-c-check pf-m-standalone">
873
+ <label
874
+ class="pf-v6-c-check pf-m-standalone"
875
+ id="-table-tablecheckrow4check"
876
+ for="-table-tablecheckrow4check-input"
877
+ >
945
878
  <input
946
879
  class="pf-v6-c-check__input"
947
880
  type="checkbox"
948
- name="checkrow3"
949
- aria-labelledby="-table-table-node3"
881
+ id="-table-tablecheckrow4check-input"
882
+ name="-table-tablecheckrow4check-input"
883
+ aria-label="Standalone check"
950
884
  />
951
- </div>
885
+ </label>
952
886
  </td>
887
+
953
888
  <th
954
889
  class="pf-v6-c-table__th"
955
890
  role="columnheader"
@@ -960,6 +895,7 @@ section: components
960
895
  <a href="#">siemur/test-space</a>
961
896
  </div>
962
897
  </th>
898
+
963
899
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
964
900
  <span>
965
901
  <i class="fas fa-code-branch"></i> 12
@@ -987,78 +923,38 @@ section: components
987
923
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
988
924
  <a href="#">Action link</a>
989
925
  </td>
926
+
990
927
  <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
991
- <div class="pf-v6-c-dropdown">
992
- <button
993
- class="pf-v6-c-dropdown__toggle pf-m-plain"
994
- id="-table-table-dropdown-kebab-3-button"
995
- aria-expanded="false"
996
- type="button"
997
- aria-label="Actions"
998
- >
928
+ <button
929
+ class="pf-v6-c-menu-toggle pf-m-plain"
930
+ type="button"
931
+ aria-expanded="false"
932
+ aria-label="Table actions"
933
+ >
934
+ <span class="pf-v6-c-menu-toggle__icon">
999
935
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1000
- </button>
1001
- <ul
1002
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1003
- aria-labelledby="-table-table-dropdown-kebab-3-button"
1004
- hidden
1005
- role="menu"
1006
- >
1007
- <li role="none">
1008
- <a
1009
- class="pf-v6-c-dropdown__menu-item"
1010
- role="menuitem"
1011
- href="#"
1012
- >Link</a>
1013
- </li>
1014
- <li role="none">
1015
- <button
1016
- class="pf-v6-c-dropdown__menu-item"
1017
- role="menuitem"
1018
- type="button"
1019
- >Action</button>
1020
- </li>
1021
- <li role="none">
1022
- <a
1023
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1024
- role="menuitem"
1025
- href="#"
1026
- aria-disabled="true"
1027
- tabindex="-1"
1028
- >Disabled link</a>
1029
- </li>
1030
- <li role="none">
1031
- <button
1032
- class="pf-v6-c-dropdown__menu-item"
1033
- role="menuitem"
1034
- type="button"
1035
- disabled
1036
- >Disabled action</button>
1037
- </li>
1038
- <li class="pf-v6-c-divider" role="separator"></li>
1039
- <li role="none">
1040
- <a
1041
- class="pf-v6-c-dropdown__menu-item"
1042
- role="menuitem"
1043
- href="#"
1044
- >Separated link</a>
1045
- </li>
1046
- </ul>
1047
- </div>
936
+ </span>
937
+ </button>
1048
938
  </td>
1049
939
  </tr>
1050
940
 
1051
941
  <tr class="pf-v6-c-table__tr" role="row">
1052
942
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
1053
- <div class="pf-v6-c-check pf-m-standalone">
943
+ <label
944
+ class="pf-v6-c-check pf-m-standalone"
945
+ id="-table-tablecheckrow5check"
946
+ for="-table-tablecheckrow5check-input"
947
+ >
1054
948
  <input
1055
949
  class="pf-v6-c-check__input"
1056
950
  type="checkbox"
1057
- name="checkrow4"
1058
- aria-labelledby="-table-table-node4"
951
+ id="-table-tablecheckrow5check-input"
952
+ name="-table-tablecheckrow5check-input"
953
+ aria-label="Standalone check"
1059
954
  />
1060
- </div>
955
+ </label>
1061
956
  </td>
957
+
1062
958
  <th
1063
959
  class="pf-v6-c-table__th"
1064
960
  role="columnheader"
@@ -1069,6 +965,7 @@ section: components
1069
965
  <a href="#">siemur/test-space</a>
1070
966
  </div>
1071
967
  </th>
968
+
1072
969
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
1073
970
  <span>
1074
971
  <i class="fas fa-code-branch"></i> 3
@@ -1096,77 +993,36 @@ section: components
1096
993
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
1097
994
  <a href="#">Action link</a>
1098
995
  </td>
996
+
1099
997
  <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
1100
- <div class="pf-v6-c-dropdown">
1101
- <button
1102
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1103
- id="-table-table-dropdown-kebab-4-button"
1104
- aria-expanded="false"
1105
- type="button"
1106
- aria-label="Actions"
1107
- >
998
+ <button
999
+ class="pf-v6-c-menu-toggle pf-m-plain"
1000
+ type="button"
1001
+ aria-expanded="false"
1002
+ aria-label="Table actions"
1003
+ >
1004
+ <span class="pf-v6-c-menu-toggle__icon">
1108
1005
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1109
- </button>
1110
- <ul
1111
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1112
- aria-labelledby="-table-table-dropdown-kebab-4-button"
1113
- hidden
1114
- role="menu"
1115
- >
1116
- <li role="none">
1117
- <a
1118
- class="pf-v6-c-dropdown__menu-item"
1119
- role="menuitem"
1120
- href="#"
1121
- >Link</a>
1122
- </li>
1123
- <li role="none">
1124
- <button
1125
- class="pf-v6-c-dropdown__menu-item"
1126
- role="menuitem"
1127
- type="button"
1128
- >Action</button>
1129
- </li>
1130
- <li role="none">
1131
- <a
1132
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1133
- role="menuitem"
1134
- href="#"
1135
- aria-disabled="true"
1136
- tabindex="-1"
1137
- >Disabled link</a>
1138
- </li>
1139
- <li role="none">
1140
- <button
1141
- class="pf-v6-c-dropdown__menu-item"
1142
- role="menuitem"
1143
- type="button"
1144
- disabled
1145
- >Disabled action</button>
1146
- </li>
1147
- <li class="pf-v6-c-divider" role="separator"></li>
1148
- <li role="none">
1149
- <a
1150
- class="pf-v6-c-dropdown__menu-item"
1151
- role="menuitem"
1152
- href="#"
1153
- >Separated link</a>
1154
- </li>
1155
- </ul>
1156
- </div>
1006
+ </span>
1007
+ </button>
1157
1008
  </td>
1158
1009
  </tr>
1159
1010
 
1160
1011
  <tr class="pf-v6-c-table__tr" role="row">
1161
1012
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
1162
- <div class="pf-v6-c-check pf-m-standalone">
1013
+ <label
1014
+ class="pf-v6-c-check pf-m-standalone"
1015
+ id="-table-tablecheckrow6check"
1016
+ for="-table-tablecheckrow6check-input"
1017
+ >
1163
1018
  <input
1164
1019
  class="pf-v6-c-check__input"
1165
1020
  type="checkbox"
1166
- name="checkrow5"
1167
- aria-labelledby="-table-table-node5"
1021
+ id="-table-tablecheckrow6check-input"
1022
+ name="-table-tablecheckrow6check-input"
1023
+ aria-label="Standalone check"
1168
1024
  />
1169
- </div>
1025
+ </label>
1170
1026
  </td>
1171
1027
  <td
1172
1028
  class="pf-v6-c-table__td"
@@ -1205,64 +1061,18 @@ section: components
1205
1061
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
1206
1062
  <a href="#">Action link</a>
1207
1063
  </td>
1064
+
1208
1065
  <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
1209
- <div class="pf-v6-c-dropdown">
1210
- <button
1211
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1212
- id="-table-table-dropdown-kebab-5-button"
1213
- aria-expanded="false"
1214
- type="button"
1215
- aria-label="Actions"
1216
- >
1066
+ <button
1067
+ class="pf-v6-c-menu-toggle pf-m-plain"
1068
+ type="button"
1069
+ aria-expanded="false"
1070
+ aria-label="Table actions"
1071
+ >
1072
+ <span class="pf-v6-c-menu-toggle__icon">
1217
1073
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1218
- </button>
1219
- <ul
1220
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1221
- aria-labelledby="-table-table-dropdown-kebab-5-button"
1222
- hidden
1223
- role="menu"
1224
- >
1225
- <li role="none">
1226
- <a
1227
- class="pf-v6-c-dropdown__menu-item"
1228
- role="menuitem"
1229
- href="#"
1230
- >Link</a>
1231
- </li>
1232
- <li role="none">
1233
- <button
1234
- class="pf-v6-c-dropdown__menu-item"
1235
- role="menuitem"
1236
- type="button"
1237
- >Action</button>
1238
- </li>
1239
- <li role="none">
1240
- <a
1241
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1242
- role="menuitem"
1243
- href="#"
1244
- aria-disabled="true"
1245
- tabindex="-1"
1246
- >Disabled link</a>
1247
- </li>
1248
- <li role="none">
1249
- <button
1250
- class="pf-v6-c-dropdown__menu-item"
1251
- role="menuitem"
1252
- type="button"
1253
- disabled
1254
- >Disabled action</button>
1255
- </li>
1256
- <li class="pf-v6-c-divider" role="separator"></li>
1257
- <li role="none">
1258
- <a
1259
- class="pf-v6-c-dropdown__menu-item"
1260
- role="menuitem"
1261
- href="#"
1262
- >Separated link</a>
1263
- </li>
1264
- </ul>
1265
- </div>
1074
+ </span>
1075
+ </button>
1266
1076
  </td>
1267
1077
  </tr>
1268
1078
  </tbody>
@@ -3324,32 +3134,39 @@ section: components
3324
3134
  <thead class="pf-v6-c-table__thead">
3325
3135
  <tr class="pf-v6-c-table__tr" role="row">
3326
3136
  <td class="pf-v6-c-table__td"></td>
3137
+
3327
3138
  <th
3328
3139
  class="pf-v6-c-table__th"
3329
3140
  role="columnheader"
3330
3141
  scope="col"
3331
3142
  >Repositories</th>
3143
+
3332
3144
  <th
3333
3145
  class="pf-v6-c-table__th"
3334
3146
  role="columnheader"
3335
3147
  scope="col"
3336
3148
  >Branches</th>
3149
+
3337
3150
  <th
3338
3151
  class="pf-v6-c-table__th"
3339
3152
  role="columnheader"
3340
3153
  scope="col"
3341
3154
  >Pull requests</th>
3155
+
3342
3156
  <th
3343
3157
  class="pf-v6-c-table__th"
3344
3158
  role="columnheader"
3345
3159
  scope="col"
3346
3160
  >Workspaces</th>
3161
+
3347
3162
  <th
3348
3163
  class="pf-v6-c-table__th"
3349
3164
  role="columnheader"
3350
3165
  scope="col"
3351
3166
  >Last commit</th>
3167
+
3352
3168
  <td class="pf-v6-c-table__td"></td>
3169
+
3353
3170
  <td class="pf-v6-c-table__td"></td>
3354
3171
  </tr>
3355
3172
  </thead>
@@ -3357,15 +3174,21 @@ section: components
3357
3174
  <tbody class="pf-v6-c-table__tbody" role="rowgroup">
3358
3175
  <tr class="pf-v6-c-table__tr" role="row">
3359
3176
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3360
- <div class="pf-v6-c-check pf-m-standalone">
3177
+ <label
3178
+ class="pf-v6-c-check pf-m-standalone"
3179
+ id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check"
3180
+ for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check-input"
3181
+ >
3361
3182
  <input
3362
3183
  class="pf-v6-c-check__input"
3363
3184
  type="checkbox"
3364
- name="checkrow1"
3365
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node1"
3185
+ id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check-input"
3186
+ name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow2check-input"
3187
+ aria-label="Standalone check"
3366
3188
  />
3367
- </div>
3189
+ </label>
3368
3190
  </td>
3191
+
3369
3192
  <th
3370
3193
  class="pf-v6-c-table__th"
3371
3194
  role="columnheader"
@@ -3378,6 +3201,7 @@ section: components
3378
3201
  <a href="#">siemur/test-space</a>
3379
3202
  </div>
3380
3203
  </th>
3204
+
3381
3205
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3382
3206
  <span>
3383
3207
  <i class="fas fa-code-branch"></i> 10
@@ -3405,78 +3229,38 @@ section: components
3405
3229
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
3406
3230
  <a href="#">Action link</a>
3407
3231
  </td>
3232
+
3408
3233
  <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
3409
- <div class="pf-v6-c-dropdown">
3410
- <button
3411
- class="pf-v6-c-dropdown__toggle pf-m-plain"
3412
- id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-1-button"
3413
- aria-expanded="false"
3414
- type="button"
3415
- aria-label="Actions"
3416
- >
3234
+ <button
3235
+ class="pf-v6-c-menu-toggle pf-m-plain"
3236
+ type="button"
3237
+ aria-expanded="false"
3238
+ aria-label="Table actions"
3239
+ >
3240
+ <span class="pf-v6-c-menu-toggle__icon">
3417
3241
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3418
- </button>
3419
- <ul
3420
- class="pf-v6-c-dropdown__menu pf-m-align-right"
3421
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-1-button"
3422
- hidden
3423
- role="menu"
3424
- >
3425
- <li role="none">
3426
- <a
3427
- class="pf-v6-c-dropdown__menu-item"
3428
- role="menuitem"
3429
- href="#"
3430
- >Link</a>
3431
- </li>
3432
- <li role="none">
3433
- <button
3434
- class="pf-v6-c-dropdown__menu-item"
3435
- role="menuitem"
3436
- type="button"
3437
- >Action</button>
3438
- </li>
3439
- <li role="none">
3440
- <a
3441
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
3442
- role="menuitem"
3443
- href="#"
3444
- aria-disabled="true"
3445
- tabindex="-1"
3446
- >Disabled link</a>
3447
- </li>
3448
- <li role="none">
3449
- <button
3450
- class="pf-v6-c-dropdown__menu-item"
3451
- role="menuitem"
3452
- type="button"
3453
- disabled
3454
- >Disabled action</button>
3455
- </li>
3456
- <li class="pf-v6-c-divider" role="separator"></li>
3457
- <li role="none">
3458
- <a
3459
- class="pf-v6-c-dropdown__menu-item"
3460
- role="menuitem"
3461
- href="#"
3462
- >Separated link</a>
3463
- </li>
3464
- </ul>
3465
- </div>
3242
+ </span>
3243
+ </button>
3466
3244
  </td>
3467
3245
  </tr>
3468
3246
 
3469
3247
  <tr class="pf-v6-c-table__tr" role="row">
3470
3248
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3471
- <div class="pf-v6-c-check pf-m-standalone">
3249
+ <label
3250
+ class="pf-v6-c-check pf-m-standalone"
3251
+ id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow3check"
3252
+ for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow3check-input"
3253
+ >
3472
3254
  <input
3473
3255
  class="pf-v6-c-check__input"
3474
3256
  type="checkbox"
3475
- name="checkrow2"
3476
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node2"
3257
+ id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow3check-input"
3258
+ name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow3check-input"
3259
+ aria-label="Standalone check"
3477
3260
  />
3478
- </div>
3261
+ </label>
3479
3262
  </td>
3263
+
3480
3264
  <th
3481
3265
  class="pf-v6-c-table__th"
3482
3266
  role="columnheader"
@@ -3489,6 +3273,7 @@ section: components
3489
3273
  <a href="#">siemur/test-space</a>
3490
3274
  </div>
3491
3275
  </th>
3276
+
3492
3277
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3493
3278
  <span>
3494
3279
  <i class="fas fa-code-branch"></i> 8
@@ -3516,78 +3301,38 @@ section: components
3516
3301
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
3517
3302
  <a href="#">Action link</a>
3518
3303
  </td>
3304
+
3519
3305
  <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
3520
- <div class="pf-v6-c-dropdown">
3521
- <button
3522
- class="pf-v6-c-dropdown__toggle pf-m-plain"
3523
- id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-2-button"
3524
- aria-expanded="false"
3525
- type="button"
3526
- aria-label="Actions"
3527
- >
3306
+ <button
3307
+ class="pf-v6-c-menu-toggle pf-m-plain"
3308
+ type="button"
3309
+ aria-expanded="false"
3310
+ aria-label="Table actions"
3311
+ >
3312
+ <span class="pf-v6-c-menu-toggle__icon">
3528
3313
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3529
- </button>
3530
- <ul
3531
- class="pf-v6-c-dropdown__menu pf-m-align-right"
3532
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-2-button"
3533
- hidden
3534
- role="menu"
3535
- >
3536
- <li role="none">
3537
- <a
3538
- class="pf-v6-c-dropdown__menu-item"
3539
- role="menuitem"
3540
- href="#"
3541
- >Link</a>
3542
- </li>
3543
- <li role="none">
3544
- <button
3545
- class="pf-v6-c-dropdown__menu-item"
3546
- role="menuitem"
3547
- type="button"
3548
- >Action</button>
3549
- </li>
3550
- <li role="none">
3551
- <a
3552
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
3553
- role="menuitem"
3554
- href="#"
3555
- aria-disabled="true"
3556
- tabindex="-1"
3557
- >Disabled link</a>
3558
- </li>
3559
- <li role="none">
3560
- <button
3561
- class="pf-v6-c-dropdown__menu-item"
3562
- role="menuitem"
3563
- type="button"
3564
- disabled
3565
- >Disabled action</button>
3566
- </li>
3567
- <li class="pf-v6-c-divider" role="separator"></li>
3568
- <li role="none">
3569
- <a
3570
- class="pf-v6-c-dropdown__menu-item"
3571
- role="menuitem"
3572
- href="#"
3573
- >Separated link</a>
3574
- </li>
3575
- </ul>
3576
- </div>
3314
+ </span>
3315
+ </button>
3577
3316
  </td>
3578
3317
  </tr>
3579
3318
 
3580
3319
  <tr class="pf-v6-c-table__tr" role="row">
3581
3320
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3582
- <div class="pf-v6-c-check pf-m-standalone">
3321
+ <label
3322
+ class="pf-v6-c-check pf-m-standalone"
3323
+ id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check"
3324
+ for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check-input"
3325
+ >
3583
3326
  <input
3584
3327
  class="pf-v6-c-check__input"
3585
3328
  type="checkbox"
3586
- name="checkrow3"
3587
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node3"
3329
+ id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check-input"
3330
+ name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow4check-input"
3331
+ aria-label="Standalone check"
3588
3332
  />
3589
- </div>
3333
+ </label>
3590
3334
  </td>
3335
+
3591
3336
  <th
3592
3337
  class="pf-v6-c-table__th"
3593
3338
  role="columnheader"
@@ -3600,6 +3345,7 @@ section: components
3600
3345
  <a href="#">siemur/test-space</a>
3601
3346
  </div>
3602
3347
  </th>
3348
+
3603
3349
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3604
3350
  <span>
3605
3351
  <i class="fas fa-code-branch"></i> 12
@@ -3627,78 +3373,38 @@ section: components
3627
3373
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
3628
3374
  <a href="#">Action link</a>
3629
3375
  </td>
3376
+
3630
3377
  <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
3631
- <div class="pf-v6-c-dropdown">
3632
- <button
3633
- class="pf-v6-c-dropdown__toggle pf-m-plain"
3634
- id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-3-button"
3635
- aria-expanded="false"
3636
- type="button"
3637
- aria-label="Actions"
3638
- >
3378
+ <button
3379
+ class="pf-v6-c-menu-toggle pf-m-plain"
3380
+ type="button"
3381
+ aria-expanded="false"
3382
+ aria-label="Table actions"
3383
+ >
3384
+ <span class="pf-v6-c-menu-toggle__icon">
3639
3385
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3640
- </button>
3641
- <ul
3642
- class="pf-v6-c-dropdown__menu pf-m-align-right"
3643
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-3-button"
3644
- hidden
3645
- role="menu"
3646
- >
3647
- <li role="none">
3648
- <a
3649
- class="pf-v6-c-dropdown__menu-item"
3650
- role="menuitem"
3651
- href="#"
3652
- >Link</a>
3653
- </li>
3654
- <li role="none">
3655
- <button
3656
- class="pf-v6-c-dropdown__menu-item"
3657
- role="menuitem"
3658
- type="button"
3659
- >Action</button>
3660
- </li>
3661
- <li role="none">
3662
- <a
3663
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
3664
- role="menuitem"
3665
- href="#"
3666
- aria-disabled="true"
3667
- tabindex="-1"
3668
- >Disabled link</a>
3669
- </li>
3670
- <li role="none">
3671
- <button
3672
- class="pf-v6-c-dropdown__menu-item"
3673
- role="menuitem"
3674
- type="button"
3675
- disabled
3676
- >Disabled action</button>
3677
- </li>
3678
- <li class="pf-v6-c-divider" role="separator"></li>
3679
- <li role="none">
3680
- <a
3681
- class="pf-v6-c-dropdown__menu-item"
3682
- role="menuitem"
3683
- href="#"
3684
- >Separated link</a>
3685
- </li>
3686
- </ul>
3687
- </div>
3386
+ </span>
3387
+ </button>
3688
3388
  </td>
3689
3389
  </tr>
3690
3390
 
3691
3391
  <tr class="pf-v6-c-table__tr" role="row">
3692
3392
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3693
- <div class="pf-v6-c-check pf-m-standalone">
3393
+ <label
3394
+ class="pf-v6-c-check pf-m-standalone"
3395
+ id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check"
3396
+ for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check-input"
3397
+ >
3694
3398
  <input
3695
3399
  class="pf-v6-c-check__input"
3696
3400
  type="checkbox"
3697
- name="checkrow4"
3698
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node4"
3401
+ id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check-input"
3402
+ name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow5check-input"
3403
+ aria-label="Standalone check"
3699
3404
  />
3700
- </div>
3405
+ </label>
3701
3406
  </td>
3407
+
3702
3408
  <th
3703
3409
  class="pf-v6-c-table__th"
3704
3410
  role="columnheader"
@@ -3711,6 +3417,7 @@ section: components
3711
3417
  <a href="#">siemur/test-space</a>
3712
3418
  </div>
3713
3419
  </th>
3420
+
3714
3421
  <td class="pf-v6-c-table__td" role="cell" data-label="Branches">
3715
3422
  <span>
3716
3423
  <i class="fas fa-code-branch"></i> 3
@@ -3738,77 +3445,36 @@ section: components
3738
3445
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
3739
3446
  <a href="#">Action link</a>
3740
3447
  </td>
3448
+
3741
3449
  <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
3742
- <div class="pf-v6-c-dropdown">
3743
- <button
3744
- class="pf-v6-c-dropdown__toggle pf-m-plain"
3745
- id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-4-button"
3746
- aria-expanded="false"
3747
- type="button"
3748
- aria-label="Actions"
3749
- >
3450
+ <button
3451
+ class="pf-v6-c-menu-toggle pf-m-plain"
3452
+ type="button"
3453
+ aria-expanded="false"
3454
+ aria-label="Table actions"
3455
+ >
3456
+ <span class="pf-v6-c-menu-toggle__icon">
3750
3457
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3751
- </button>
3752
- <ul
3753
- class="pf-v6-c-dropdown__menu pf-m-align-right"
3754
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-4-button"
3755
- hidden
3756
- role="menu"
3757
- >
3758
- <li role="none">
3759
- <a
3760
- class="pf-v6-c-dropdown__menu-item"
3761
- role="menuitem"
3762
- href="#"
3763
- >Link</a>
3764
- </li>
3765
- <li role="none">
3766
- <button
3767
- class="pf-v6-c-dropdown__menu-item"
3768
- role="menuitem"
3769
- type="button"
3770
- >Action</button>
3771
- </li>
3772
- <li role="none">
3773
- <a
3774
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
3775
- role="menuitem"
3776
- href="#"
3777
- aria-disabled="true"
3778
- tabindex="-1"
3779
- >Disabled link</a>
3780
- </li>
3781
- <li role="none">
3782
- <button
3783
- class="pf-v6-c-dropdown__menu-item"
3784
- role="menuitem"
3785
- type="button"
3786
- disabled
3787
- >Disabled action</button>
3788
- </li>
3789
- <li class="pf-v6-c-divider" role="separator"></li>
3790
- <li role="none">
3791
- <a
3792
- class="pf-v6-c-dropdown__menu-item"
3793
- role="menuitem"
3794
- href="#"
3795
- >Separated link</a>
3796
- </li>
3797
- </ul>
3798
- </div>
3458
+ </span>
3459
+ </button>
3799
3460
  </td>
3800
3461
  </tr>
3801
3462
 
3802
3463
  <tr class="pf-v6-c-table__tr" role="row">
3803
3464
  <td class="pf-v6-c-table__td pf-v6-c-table__check" role="cell">
3804
- <div class="pf-v6-c-check pf-m-standalone">
3465
+ <label
3466
+ class="pf-v6-c-check pf-m-standalone"
3467
+ id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow6check"
3468
+ for="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow6check-input"
3469
+ >
3805
3470
  <input
3806
3471
  class="pf-v6-c-check__input"
3807
3472
  type="checkbox"
3808
- name="checkrow5"
3809
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-node5"
3473
+ id="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow6check-input"
3474
+ name="toolbar-and-table-static-search-overflow-menu-collapsed-tablecheckrow6check-input"
3475
+ aria-label="Standalone check"
3810
3476
  />
3811
- </div>
3477
+ </label>
3812
3478
  </td>
3813
3479
  <td
3814
3480
  class="pf-v6-c-table__td"
@@ -3849,64 +3515,18 @@ section: components
3849
3515
  <td class="pf-v6-c-table__td" role="cell" data-label="Action">
3850
3516
  <a href="#">Action link</a>
3851
3517
  </td>
3518
+
3852
3519
  <td class="pf-v6-c-table__td pf-v6-c-table__action" role="cell">
3853
- <div class="pf-v6-c-dropdown">
3854
- <button
3855
- class="pf-v6-c-dropdown__toggle pf-m-plain"
3856
- id="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-5-button"
3857
- aria-expanded="false"
3858
- type="button"
3859
- aria-label="Actions"
3860
- >
3520
+ <button
3521
+ class="pf-v6-c-menu-toggle pf-m-plain"
3522
+ type="button"
3523
+ aria-expanded="false"
3524
+ aria-label="Table actions"
3525
+ >
3526
+ <span class="pf-v6-c-menu-toggle__icon">
3861
3527
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
3862
- </button>
3863
- <ul
3864
- class="pf-v6-c-dropdown__menu pf-m-align-right"
3865
- aria-labelledby="toolbar-and-table-static-search-overflow-menu-collapsed-table-dropdown-kebab-5-button"
3866
- hidden
3867
- role="menu"
3868
- >
3869
- <li role="none">
3870
- <a
3871
- class="pf-v6-c-dropdown__menu-item"
3872
- role="menuitem"
3873
- href="#"
3874
- >Link</a>
3875
- </li>
3876
- <li role="none">
3877
- <button
3878
- class="pf-v6-c-dropdown__menu-item"
3879
- role="menuitem"
3880
- type="button"
3881
- >Action</button>
3882
- </li>
3883
- <li role="none">
3884
- <a
3885
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
3886
- role="menuitem"
3887
- href="#"
3888
- aria-disabled="true"
3889
- tabindex="-1"
3890
- >Disabled link</a>
3891
- </li>
3892
- <li role="none">
3893
- <button
3894
- class="pf-v6-c-dropdown__menu-item"
3895
- role="menuitem"
3896
- type="button"
3897
- disabled
3898
- >Disabled action</button>
3899
- </li>
3900
- <li class="pf-v6-c-divider" role="separator"></li>
3901
- <li role="none">
3902
- <a
3903
- class="pf-v6-c-dropdown__menu-item"
3904
- role="menuitem"
3905
- href="#"
3906
- >Separated link</a>
3907
- </li>
3908
- </ul>
3909
- </div>
3528
+ </span>
3529
+ </button>
3910
3530
  </td>
3911
3531
  </tr>
3912
3532
  </tbody>