@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/Tabs/examples/Tabs.md CHANGED
@@ -2131,40 +2131,51 @@ section: components
2131
2131
  class="pf-v6-c-table__td pf-v6-c-table__check"
2132
2132
  role="cell"
2133
2133
  >
2134
- <div class="pf-v6-c-check pf-m-standalone">
2134
+ <label
2135
+ class="pf-v6-c-check pf-m-standalone"
2136
+ id="table-tabs-example-tablecheckrowcheck"
2137
+ for="table-tabs-example-tablecheckrowcheck-input"
2138
+ >
2135
2139
  <input
2136
2140
  class="pf-v6-c-check__input"
2137
2141
  type="checkbox"
2138
- name="check-all"
2139
- aria-label="Select all rows"
2142
+ id="table-tabs-example-tablecheckrowcheck-input"
2143
+ name="table-tabs-example-tablecheckrowcheck-input"
2144
+ aria-label="Standalone check"
2140
2145
  />
2141
- </div>
2146
+ </label>
2142
2147
  </td>
2148
+
2143
2149
  <th
2144
2150
  class="pf-v6-c-table__th"
2145
2151
  role="columnheader"
2146
2152
  scope="col"
2147
2153
  >Repositories</th>
2154
+
2148
2155
  <th
2149
2156
  class="pf-v6-c-table__th"
2150
2157
  role="columnheader"
2151
2158
  scope="col"
2152
2159
  >Branches</th>
2160
+
2153
2161
  <th
2154
2162
  class="pf-v6-c-table__th"
2155
2163
  role="columnheader"
2156
2164
  scope="col"
2157
2165
  >Pull requests</th>
2166
+
2158
2167
  <th
2159
2168
  class="pf-v6-c-table__th"
2160
2169
  role="columnheader"
2161
2170
  scope="col"
2162
2171
  >Workspaces</th>
2172
+
2163
2173
  <th
2164
2174
  class="pf-v6-c-table__th"
2165
2175
  role="columnheader"
2166
2176
  scope="col"
2167
2177
  >Last commit</th>
2178
+
2168
2179
  <td class="pf-v6-c-table__td"></td>
2169
2180
  </tr>
2170
2181
  </thead>
@@ -2175,15 +2186,21 @@ section: components
2175
2186
  class="pf-v6-c-table__td pf-v6-c-table__check"
2176
2187
  role="cell"
2177
2188
  >
2178
- <div class="pf-v6-c-check pf-m-standalone">
2189
+ <label
2190
+ class="pf-v6-c-check pf-m-standalone"
2191
+ id="table-tabs-example-tablecheckrow1check"
2192
+ for="table-tabs-example-tablecheckrow1check-input"
2193
+ >
2179
2194
  <input
2180
2195
  class="pf-v6-c-check__input"
2181
2196
  type="checkbox"
2182
- name="checkrow1"
2183
- aria-labelledby="table-tabs-example-table-node1"
2197
+ id="table-tabs-example-tablecheckrow1check-input"
2198
+ name="table-tabs-example-tablecheckrow1check-input"
2199
+ aria-label="Standalone check"
2184
2200
  />
2185
- </div>
2201
+ </label>
2186
2202
  </td>
2203
+
2187
2204
  <th
2188
2205
  class="pf-v6-c-table__th"
2189
2206
  role="columnheader"
@@ -2194,6 +2211,7 @@ section: components
2194
2211
  <a href="#">siemur/test-space</a>
2195
2212
  </div>
2196
2213
  </th>
2214
+
2197
2215
  <td
2198
2216
  class="pf-v6-c-table__td"
2199
2217
  role="cell"
@@ -2235,41 +2253,21 @@ section: components
2235
2253
  role="cell"
2236
2254
  data-label="Last commit"
2237
2255
  >2 days ago</td>
2256
+
2238
2257
  <td
2239
2258
  class="pf-v6-c-table__td pf-v6-c-table__action"
2240
2259
  role="cell"
2241
2260
  >
2242
- <div
2243
- class="pf-v6-c-overflow-menu"
2244
- id="table-tabs-example-table-dropdown-kebab-1"
2261
+ <button
2262
+ class="pf-v6-c-menu-toggle pf-m-plain"
2263
+ type="button"
2264
+ aria-expanded="false"
2265
+ aria-label="Table actions"
2245
2266
  >
2246
- <div class="pf-v6-c-overflow-menu__control">
2247
- <div class="pf-v6-c-dropdown">
2248
- <button
2249
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
2250
- type="button"
2251
- id="table-tabs-example-table-dropdown-kebab-1-dropdown-toggle"
2252
- aria-label="Dropdown for tabs table"
2253
- aria-expanded="false"
2254
- >
2255
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2256
- </button>
2257
- <ul
2258
- class="pf-v6-c-dropdown__menu pf-m-align-right"
2259
- role="menu"
2260
- aria-labelledby="table-tabs-example-table-dropdown-kebab-1-dropdown-toggle"
2261
- hidden
2262
- >
2263
- <li role="none">
2264
- <button
2265
- role="menuitem"
2266
- class="pf-v6-c-dropdown__menu-item"
2267
- >Action Link</button>
2268
- </li>
2269
- </ul>
2270
- </div>
2271
- </div>
2272
- </div>
2267
+ <span class="pf-v6-c-menu-toggle__icon">
2268
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2269
+ </span>
2270
+ </button>
2273
2271
  </td>
2274
2272
  </tr>
2275
2273
 
@@ -2278,15 +2276,21 @@ section: components
2278
2276
  class="pf-v6-c-table__td pf-v6-c-table__check"
2279
2277
  role="cell"
2280
2278
  >
2281
- <div class="pf-v6-c-check pf-m-standalone">
2279
+ <label
2280
+ class="pf-v6-c-check pf-m-standalone"
2281
+ id="table-tabs-example-tablecheckrow2check"
2282
+ for="table-tabs-example-tablecheckrow2check-input"
2283
+ >
2282
2284
  <input
2283
2285
  class="pf-v6-c-check__input"
2284
2286
  type="checkbox"
2285
- name="checkrow2"
2286
- aria-labelledby="table-tabs-example-table-node2"
2287
+ id="table-tabs-example-tablecheckrow2check-input"
2288
+ name="table-tabs-example-tablecheckrow2check-input"
2289
+ aria-label="Standalone check"
2287
2290
  />
2288
- </div>
2291
+ </label>
2289
2292
  </td>
2293
+
2290
2294
  <th
2291
2295
  class="pf-v6-c-table__th"
2292
2296
  role="columnheader"
@@ -2297,6 +2301,7 @@ section: components
2297
2301
  <a href="#">siemur/test-space</a>
2298
2302
  </div>
2299
2303
  </th>
2304
+
2300
2305
  <td
2301
2306
  class="pf-v6-c-table__td"
2302
2307
  role="cell"
@@ -2338,41 +2343,21 @@ section: components
2338
2343
  role="cell"
2339
2344
  data-label="Last commit"
2340
2345
  >2 days ago</td>
2346
+
2341
2347
  <td
2342
2348
  class="pf-v6-c-table__td pf-v6-c-table__action"
2343
2349
  role="cell"
2344
2350
  >
2345
- <div
2346
- class="pf-v6-c-overflow-menu"
2347
- id="table-tabs-example-table-dropdown-kebab-2"
2351
+ <button
2352
+ class="pf-v6-c-menu-toggle pf-m-plain"
2353
+ type="button"
2354
+ aria-expanded="false"
2355
+ aria-label="Table actions"
2348
2356
  >
2349
- <div class="pf-v6-c-overflow-menu__control">
2350
- <div class="pf-v6-c-dropdown">
2351
- <button
2352
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
2353
- type="button"
2354
- id="table-tabs-example-table-dropdown-kebab-2-dropdown-toggle"
2355
- aria-label="Dropdown for tabs table"
2356
- aria-expanded="false"
2357
- >
2358
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2359
- </button>
2360
- <ul
2361
- class="pf-v6-c-dropdown__menu pf-m-align-right"
2362
- role="menu"
2363
- aria-labelledby="table-tabs-example-table-dropdown-kebab-2-dropdown-toggle"
2364
- hidden
2365
- >
2366
- <li role="none">
2367
- <button
2368
- role="menuitem"
2369
- class="pf-v6-c-dropdown__menu-item"
2370
- >Action Link</button>
2371
- </li>
2372
- </ul>
2373
- </div>
2374
- </div>
2375
- </div>
2357
+ <span class="pf-v6-c-menu-toggle__icon">
2358
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2359
+ </span>
2360
+ </button>
2376
2361
  </td>
2377
2362
  </tr>
2378
2363
 
@@ -2381,15 +2366,21 @@ section: components
2381
2366
  class="pf-v6-c-table__td pf-v6-c-table__check"
2382
2367
  role="cell"
2383
2368
  >
2384
- <div class="pf-v6-c-check pf-m-standalone">
2369
+ <label
2370
+ class="pf-v6-c-check pf-m-standalone"
2371
+ id="table-tabs-example-tablecheckrow3check"
2372
+ for="table-tabs-example-tablecheckrow3check-input"
2373
+ >
2385
2374
  <input
2386
2375
  class="pf-v6-c-check__input"
2387
2376
  type="checkbox"
2388
- name="checkrow3"
2389
- aria-labelledby="table-tabs-example-table-node3"
2377
+ id="table-tabs-example-tablecheckrow3check-input"
2378
+ name="table-tabs-example-tablecheckrow3check-input"
2379
+ aria-label="Standalone check"
2390
2380
  />
2391
- </div>
2381
+ </label>
2392
2382
  </td>
2383
+
2393
2384
  <th
2394
2385
  class="pf-v6-c-table__th"
2395
2386
  role="columnheader"
@@ -2400,6 +2391,7 @@ section: components
2400
2391
  <a href="#">siemur/test-space</a>
2401
2392
  </div>
2402
2393
  </th>
2394
+
2403
2395
  <td
2404
2396
  class="pf-v6-c-table__td"
2405
2397
  role="cell"
@@ -2441,41 +2433,21 @@ section: components
2441
2433
  role="cell"
2442
2434
  data-label="Last commit"
2443
2435
  >30 days ago</td>
2436
+
2444
2437
  <td
2445
2438
  class="pf-v6-c-table__td pf-v6-c-table__action"
2446
2439
  role="cell"
2447
2440
  >
2448
- <div
2449
- class="pf-v6-c-overflow-menu"
2450
- id="table-tabs-example-table-dropdown-kebab-3"
2441
+ <button
2442
+ class="pf-v6-c-menu-toggle pf-m-plain"
2443
+ type="button"
2444
+ aria-expanded="false"
2445
+ aria-label="Table actions"
2451
2446
  >
2452
- <div class="pf-v6-c-overflow-menu__control">
2453
- <div class="pf-v6-c-dropdown">
2454
- <button
2455
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
2456
- type="button"
2457
- id="table-tabs-example-table-dropdown-kebab-3-dropdown-toggle"
2458
- aria-label="Dropdown for tabs table"
2459
- aria-expanded="false"
2460
- >
2461
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2462
- </button>
2463
- <ul
2464
- class="pf-v6-c-dropdown__menu pf-m-align-right"
2465
- role="menu"
2466
- aria-labelledby="table-tabs-example-table-dropdown-kebab-3-dropdown-toggle"
2467
- hidden
2468
- >
2469
- <li role="none">
2470
- <button
2471
- role="menuitem"
2472
- class="pf-v6-c-dropdown__menu-item"
2473
- >Action Link</button>
2474
- </li>
2475
- </ul>
2476
- </div>
2477
- </div>
2478
- </div>
2447
+ <span class="pf-v6-c-menu-toggle__icon">
2448
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2449
+ </span>
2450
+ </button>
2479
2451
  </td>
2480
2452
  </tr>
2481
2453
 
@@ -2484,15 +2456,21 @@ section: components
2484
2456
  class="pf-v6-c-table__td pf-v6-c-table__check"
2485
2457
  role="cell"
2486
2458
  >
2487
- <div class="pf-v6-c-check pf-m-standalone">
2459
+ <label
2460
+ class="pf-v6-c-check pf-m-standalone"
2461
+ id="table-tabs-example-tablecheckrow4check"
2462
+ for="table-tabs-example-tablecheckrow4check-input"
2463
+ >
2488
2464
  <input
2489
2465
  class="pf-v6-c-check__input"
2490
2466
  type="checkbox"
2491
- name="checkrow4"
2492
- aria-labelledby="table-tabs-example-table-node4"
2467
+ id="table-tabs-example-tablecheckrow4check-input"
2468
+ name="table-tabs-example-tablecheckrow4check-input"
2469
+ aria-label="Standalone check"
2493
2470
  />
2494
- </div>
2471
+ </label>
2495
2472
  </td>
2473
+
2496
2474
  <th
2497
2475
  class="pf-v6-c-table__th"
2498
2476
  role="columnheader"
@@ -2503,6 +2481,7 @@ section: components
2503
2481
  <a href="#">siemur/test-space</a>
2504
2482
  </div>
2505
2483
  </th>
2484
+
2506
2485
  <td
2507
2486
  class="pf-v6-c-table__td"
2508
2487
  role="cell"
@@ -2544,41 +2523,21 @@ section: components
2544
2523
  role="cell"
2545
2524
  data-label="Last commit"
2546
2525
  >8 days ago</td>
2526
+
2547
2527
  <td
2548
2528
  class="pf-v6-c-table__td pf-v6-c-table__action"
2549
2529
  role="cell"
2550
2530
  >
2551
- <div
2552
- class="pf-v6-c-overflow-menu"
2553
- id="table-tabs-example-table-dropdown-kebab-4"
2531
+ <button
2532
+ class="pf-v6-c-menu-toggle pf-m-plain"
2533
+ type="button"
2534
+ aria-expanded="false"
2535
+ aria-label="Table actions"
2554
2536
  >
2555
- <div class="pf-v6-c-overflow-menu__control">
2556
- <div class="pf-v6-c-dropdown">
2557
- <button
2558
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
2559
- type="button"
2560
- id="table-tabs-example-table-dropdown-kebab-4-dropdown-toggle"
2561
- aria-label="Dropdown for tabs table"
2562
- aria-expanded="false"
2563
- >
2564
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2565
- </button>
2566
- <ul
2567
- class="pf-v6-c-dropdown__menu pf-m-align-right"
2568
- role="menu"
2569
- aria-labelledby="table-tabs-example-table-dropdown-kebab-4-dropdown-toggle"
2570
- hidden
2571
- >
2572
- <li role="none">
2573
- <button
2574
- role="menuitem"
2575
- class="pf-v6-c-dropdown__menu-item"
2576
- >Action Link</button>
2577
- </li>
2578
- </ul>
2579
- </div>
2580
- </div>
2581
- </div>
2537
+ <span class="pf-v6-c-menu-toggle__icon">
2538
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2539
+ </span>
2540
+ </button>
2582
2541
  </td>
2583
2542
  </tr>
2584
2543
 
@@ -2587,14 +2546,19 @@ section: components
2587
2546
  class="pf-v6-c-table__td pf-v6-c-table__check"
2588
2547
  role="cell"
2589
2548
  >
2590
- <div class="pf-v6-c-check pf-m-standalone">
2549
+ <label
2550
+ class="pf-v6-c-check pf-m-standalone"
2551
+ id="table-tabs-example-tablecheckrow5check"
2552
+ for="table-tabs-example-tablecheckrow5check-input"
2553
+ >
2591
2554
  <input
2592
2555
  class="pf-v6-c-check__input"
2593
2556
  type="checkbox"
2594
- name="checkrow5"
2595
- aria-labelledby="table-tabs-example-table-node5"
2557
+ id="table-tabs-example-tablecheckrow5check-input"
2558
+ name="table-tabs-example-tablecheckrow5check-input"
2559
+ aria-label="Standalone check"
2596
2560
  />
2597
- </div>
2561
+ </label>
2598
2562
  </td>
2599
2563
  <td
2600
2564
  class="pf-v6-c-table__td"
@@ -2647,41 +2611,21 @@ section: components
2647
2611
  role="cell"
2648
2612
  data-label="Last commit"
2649
2613
  >2 days ago</td>
2614
+
2650
2615
  <td
2651
2616
  class="pf-v6-c-table__td pf-v6-c-table__action"
2652
2617
  role="cell"
2653
2618
  >
2654
- <div
2655
- class="pf-v6-c-overflow-menu"
2656
- id="table-tabs-example-table-dropdown-kebab-5"
2619
+ <button
2620
+ class="pf-v6-c-menu-toggle pf-m-plain"
2621
+ type="button"
2622
+ aria-expanded="false"
2623
+ aria-label="Table actions"
2657
2624
  >
2658
- <div class="pf-v6-c-overflow-menu__control">
2659
- <div class="pf-v6-c-dropdown">
2660
- <button
2661
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
2662
- type="button"
2663
- id="table-tabs-example-table-dropdown-kebab-5-dropdown-toggle"
2664
- aria-label="Dropdown for tabs table"
2665
- aria-expanded="false"
2666
- >
2667
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2668
- </button>
2669
- <ul
2670
- class="pf-v6-c-dropdown__menu pf-m-align-right"
2671
- role="menu"
2672
- aria-labelledby="table-tabs-example-table-dropdown-kebab-5-dropdown-toggle"
2673
- hidden
2674
- >
2675
- <li role="none">
2676
- <button
2677
- role="menuitem"
2678
- class="pf-v6-c-dropdown__menu-item"
2679
- >Action Link</button>
2680
- </li>
2681
- </ul>
2682
- </div>
2683
- </div>
2684
- </div>
2625
+ <span class="pf-v6-c-menu-toggle__icon">
2626
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
2627
+ </span>
2628
+ </button>
2685
2629
  </td>
2686
2630
  </tr>
2687
2631
  </tbody>