@patternfly/patternfly 6.0.0-alpha.7 → 6.0.0-alpha.8

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 (257) hide show
  1. package/README.md +13 -3
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  4. package/assets/pficon/pficon.scss +6 -129
  5. package/base/_common.scss +21 -0
  6. package/base/_globals.scss +1 -1
  7. package/base/_variables.scss +7 -0
  8. package/base/patternfly-common.css +16 -2
  9. package/base/patternfly-globals.css +1 -1
  10. package/base/patternfly-icons.css +5 -1
  11. package/base/patternfly-pf-icons.css +5 -1
  12. package/base/patternfly-variables.css +16 -0
  13. package/base/tokens/_tokens-font.scss +16 -14
  14. package/components/AboutModalBox/about-modal-box.css +23 -12
  15. package/components/AboutModalBox/about-modal-box.scss +25 -12
  16. package/components/Accordion/accordion.css +33 -20
  17. package/components/Accordion/accordion.scss +32 -20
  18. package/components/ActionList/action-list.css +2 -2
  19. package/components/ActionList/action-list.scss +2 -2
  20. package/components/Alert/alert-group.css +7 -4
  21. package/components/Alert/alert-group.scss +7 -4
  22. package/components/Alert/alert.css +19 -13
  23. package/components/Alert/alert.scss +18 -13
  24. package/components/AppLauncher/app-launcher.css +32 -23
  25. package/components/AppLauncher/app-launcher.scss +32 -23
  26. package/components/BackToTop/back-to-top.css +2 -2
  27. package/components/BackToTop/back-to-top.scss +2 -2
  28. package/components/Backdrop/backdrop.css +2 -2
  29. package/components/Backdrop/backdrop.scss +2 -2
  30. package/components/BackgroundImage/background-image.css +6 -3
  31. package/components/BackgroundImage/background-image.scss +8 -3
  32. package/components/Badge/badge.css +2 -2
  33. package/components/Badge/badge.scss +2 -2
  34. package/components/Banner/banner.css +5 -5
  35. package/components/Banner/banner.scss +5 -2
  36. package/components/Breadcrumb/breadcrumb.css +9 -3
  37. package/components/Breadcrumb/breadcrumb.scss +8 -3
  38. package/components/Button/button.css +33 -21
  39. package/components/Button/button.scss +35 -23
  40. package/components/Button/themes/dark/button.scss +1 -1
  41. package/components/CalendarMonth/calendar-month.css +25 -15
  42. package/components/CalendarMonth/calendar-month.scss +23 -15
  43. package/components/Card/card.css +25 -17
  44. package/components/Card/card.scss +24 -17
  45. package/components/Check/check.css +2 -2
  46. package/components/Check/check.scss +2 -2
  47. package/components/Chip/chip-group.css +6 -6
  48. package/components/Chip/chip-group.scss +6 -6
  49. package/components/Chip/chip.css +16 -9
  50. package/components/Chip/chip.scss +17 -9
  51. package/components/ClipboardCopy/clipboard-copy.css +19 -10
  52. package/components/ClipboardCopy/clipboard-copy.scss +16 -8
  53. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +2 -2
  54. package/components/CodeBlock/code-block.css +6 -3
  55. package/components/CodeBlock/code-block.scss +6 -3
  56. package/components/CodeEditor/code-editor.css +31 -22
  57. package/components/CodeEditor/code-editor.scss +30 -21
  58. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  59. package/components/Content/content.css +33 -30
  60. package/components/Content/content.scss +33 -30
  61. package/components/ContextSelector/context-selector.css +41 -26
  62. package/components/ContextSelector/context-selector.scss +40 -25
  63. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  64. package/components/DataList/data-list-grid.css +21 -21
  65. package/components/DataList/data-list-grid.scss +3 -3
  66. package/components/DataList/data-list.css +69 -56
  67. package/components/DataList/data-list.scss +47 -35
  68. package/components/DatePicker/date-picker.css +8 -8
  69. package/components/DatePicker/date-picker.scss +8 -8
  70. package/components/DescriptionList/description-list.css +8 -5
  71. package/components/DescriptionList/description-list.scss +8 -5
  72. package/components/DragDrop/drag-drop.css +8 -8
  73. package/components/DragDrop/drag-drop.scss +8 -8
  74. package/components/Drawer/drawer.css +120 -61
  75. package/components/Drawer/drawer.scss +92 -43
  76. package/components/Dropdown/dropdown.css +75 -66
  77. package/components/Dropdown/dropdown.scss +65 -56
  78. package/components/DualListSelector/dual-list-selector.css +29 -15
  79. package/components/DualListSelector/dual-list-selector.scss +30 -15
  80. package/components/EmptyState/empty-state.css +7 -4
  81. package/components/EmptyState/empty-state.scss +7 -4
  82. package/components/ExpandableSection/expandable-section.css +17 -10
  83. package/components/ExpandableSection/expandable-section.scss +15 -10
  84. package/components/FileUpload/file-upload.css +9 -15
  85. package/components/FileUpload/file-upload.scss +9 -15
  86. package/components/Form/form.css +53 -50
  87. package/components/Form/form.scss +46 -44
  88. package/components/FormControl/form-control.css +18 -9
  89. package/components/FormControl/form-control.scss +18 -9
  90. package/components/HelperText/helper-text.css +1 -1
  91. package/components/HelperText/helper-text.scss +1 -1
  92. package/components/Hint/hint.css +9 -6
  93. package/components/Hint/hint.scss +9 -6
  94. package/components/Icon/icon.css +1 -1
  95. package/components/Icon/icon.scss +1 -1
  96. package/components/InlineEdit/inline-edit.css +4 -4
  97. package/components/InlineEdit/inline-edit.scss +4 -4
  98. package/components/InputGroup/input-group.css +12 -6
  99. package/components/InputGroup/input-group.scss +11 -5
  100. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  101. package/components/JumpLinks/jump-links.css +27 -24
  102. package/components/JumpLinks/jump-links.scss +26 -24
  103. package/components/Label/label-group.css +13 -10
  104. package/components/Label/label-group.scss +13 -10
  105. package/components/Label/label.css +9 -9
  106. package/components/Label/label.scss +9 -9
  107. package/components/List/list.css +9 -9
  108. package/components/List/list.scss +9 -9
  109. package/components/LogViewer/log-viewer.css +14 -14
  110. package/components/LogViewer/log-viewer.scss +14 -14
  111. package/components/Login/login.css +36 -27
  112. package/components/Login/login.scss +36 -27
  113. package/components/Masthead/masthead.css +19 -22
  114. package/components/Masthead/masthead.scss +19 -22
  115. package/components/Menu/menu.css +79 -65
  116. package/components/Menu/menu.scss +80 -68
  117. package/components/MenuToggle/menu-toggle.css +33 -27
  118. package/components/MenuToggle/menu-toggle.scss +33 -27
  119. package/components/ModalBox/modal-box.css +19 -19
  120. package/components/ModalBox/modal-box.scss +20 -20
  121. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  122. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  123. package/components/Nav/nav.css +120 -93
  124. package/components/Nav/nav.scss +120 -93
  125. package/components/Nav/themes/dark/nav.scss +2 -2
  126. package/components/NotificationBadge/notification-badge.css +13 -7
  127. package/components/NotificationBadge/notification-badge.scss +13 -7
  128. package/components/NotificationDrawer/notification-drawer.css +32 -19
  129. package/components/NotificationDrawer/notification-drawer.scss +30 -19
  130. package/components/NumberInput/number-input.css +2 -2
  131. package/components/NumberInput/number-input.scss +2 -2
  132. package/components/OptionsMenu/options-menu.css +43 -31
  133. package/components/OptionsMenu/options-menu.scss +43 -31
  134. package/components/OverflowMenu/overflow-menu.css +2 -2
  135. package/components/OverflowMenu/overflow-menu.scss +2 -2
  136. package/components/Page/page.css +135 -77
  137. package/components/Page/page.scss +81 -52
  138. package/components/Page/themes/dark/page.scss +1 -1
  139. package/components/Pagination/pagination.css +27 -17
  140. package/components/Pagination/pagination.scss +25 -17
  141. package/components/Panel/panel.css +13 -7
  142. package/components/Panel/panel.scss +13 -7
  143. package/components/Popover/popover.css +72 -40
  144. package/components/Popover/popover.scss +95 -75
  145. package/components/Progress/progress.css +9 -7
  146. package/components/Progress/progress.scss +12 -7
  147. package/components/ProgressStepper/progress-stepper.css +26 -20
  148. package/components/ProgressStepper/progress-stepper.scss +25 -19
  149. package/components/Radio/radio.css +3 -3
  150. package/components/Radio/radio.scss +3 -3
  151. package/components/Select/select.css +56 -47
  152. package/components/Select/select.scss +56 -47
  153. package/components/Sidebar/sidebar.css +11 -5
  154. package/components/Sidebar/sidebar.scss +11 -5
  155. package/components/SimpleList/simple-list.css +10 -4
  156. package/components/SimpleList/simple-list.scss +10 -4
  157. package/components/Skeleton/skeleton.css +6 -5
  158. package/components/Skeleton/skeleton.scss +4 -5
  159. package/components/SkipToContent/skip-to-content.css +3 -3
  160. package/components/SkipToContent/skip-to-content.scss +3 -3
  161. package/components/Slider/slider.css +47 -26
  162. package/components/Slider/slider.scss +56 -28
  163. package/components/Switch/switch.css +9 -5
  164. package/components/Switch/switch.scss +10 -6
  165. package/components/TabContent/tab-content.css +4 -1
  166. package/components/TabContent/tab-content.scss +4 -1
  167. package/components/Table/table-grid.css +256 -195
  168. package/components/Table/table-grid.scss +53 -39
  169. package/components/Table/table-scrollable.css +4 -4
  170. package/components/Table/table-scrollable.scss +6 -4
  171. package/components/Table/table-tree-view.css +112 -105
  172. package/components/Table/table-tree-view.scss +38 -33
  173. package/components/Table/table.css +92 -70
  174. package/components/Table/table.scss +90 -70
  175. package/components/Tabs/tabs.css +76 -48
  176. package/components/Tabs/tabs.scss +74 -48
  177. package/components/TextInputGroup/text-input-group.css +15 -15
  178. package/components/TextInputGroup/text-input-group.scss +15 -15
  179. package/components/Tile/tile.css +10 -10
  180. package/components/Tile/tile.scss +10 -10
  181. package/components/ToggleGroup/toggle-group.css +14 -11
  182. package/components/ToggleGroup/toggle-group.scss +14 -11
  183. package/components/Toolbar/toolbar.css +44 -41
  184. package/components/Toolbar/toolbar.scss +26 -21
  185. package/components/Tooltip/tooltip.css +60 -28
  186. package/components/Tooltip/tooltip.scss +76 -56
  187. package/components/TreeView/tree-view.css +48 -27
  188. package/components/TreeView/tree-view.scss +50 -28
  189. package/components/Truncate/truncate.css +9 -0
  190. package/components/Truncate/truncate.scss +16 -3
  191. package/components/Wizard/wizard.css +57 -36
  192. package/components/Wizard/wizard.scss +57 -36
  193. package/docs/components/Button/examples/Button.css +2 -2
  194. package/docs/components/Button/examples/Button.md +15 -3
  195. package/docs/components/Card/examples/Card.md +15 -15
  196. package/docs/components/Check/examples/Check.md +71 -59
  197. package/docs/components/Chip/examples/Chip.md +1 -1
  198. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  199. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  200. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  201. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  202. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  203. package/docs/components/Label/examples/Label.md +1 -1
  204. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  205. package/docs/components/LogViewer/examples/LogViewer.md +120 -30
  206. package/docs/components/Menu/examples/Menu.css +8 -0
  207. package/docs/components/Menu/examples/Menu.md +90 -73
  208. package/docs/components/MenuToggle/examples/MenuToggle.md +60 -39
  209. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  210. package/docs/components/Nav/examples/Navigation.css +4 -21
  211. package/docs/components/Nav/examples/Navigation.md +99 -0
  212. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  213. package/docs/components/Popover/examples/Popover.css +4 -9
  214. package/docs/components/Radio/examples/Radio.md +63 -55
  215. package/docs/components/Select/deprecated/Select.md +184 -177
  216. package/docs/components/Table/examples/Table.css +2 -2
  217. package/docs/components/Table/examples/Table.md +2 -2
  218. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  219. package/docs/components/Tile/examples/Tile.css +1 -1
  220. package/docs/components/Toolbar/examples/Toolbar.md +525 -431
  221. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  222. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  223. package/docs/components/Truncate/examples/Truncate.md +2 -2
  224. package/docs/demos/Card/examples/Card.css +3 -3
  225. package/docs/demos/Card/examples/Card.md +26 -10
  226. package/docs/demos/CardView/examples/CardView.md +24 -20
  227. package/docs/demos/Dashboard/examples/Dashboard.md +3 -3
  228. package/docs/demos/DataList/examples/DataList.md +8 -2
  229. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -124
  230. package/docs/demos/Skeleton/examples/Skeleton.md +7 -35
  231. package/docs/demos/Table/examples/Table.md +336 -252
  232. package/docs/demos/Tabs/examples/Tabs.md +28 -21
  233. package/docs/demos/Toolbar/examples/Toolbar.css +5 -0
  234. package/docs/demos/Toolbar/examples/Toolbar.md +44 -44
  235. package/docs/layouts/Flex/examples/Flex.md +5 -5
  236. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  237. package/icons/pficons.mjs +1 -0
  238. package/layouts/Flex/flex.css +115 -43
  239. package/layouts/Flex/flex.scss +20 -8
  240. package/package.json +9 -5
  241. package/patternfly-addons.css +732 -972
  242. package/patternfly-base-no-globals-theme-dark-unversioned.css +37 -3
  243. package/patternfly-base-no-globals.css +37 -3
  244. package/patternfly-base-theme-dark-unversioned.css +38 -4
  245. package/patternfly-base.css +38 -4
  246. package/patternfly-no-globals.css +2695 -1875
  247. package/patternfly-theme-dark-unversioned.css +2696 -1876
  248. package/patternfly.css +2696 -1876
  249. package/patternfly.min.css +1 -1
  250. package/patternfly.min.css.map +1 -1
  251. package/sass-utilities/functions.scss +6 -0
  252. package/sass-utilities/mixins.scss +62 -2
  253. package/sass-utilities/scss-variables.scss +8 -8
  254. package/sass-utilities/themes/dark/mixins.scss +3 -1
  255. package/utilities/Accessibility/accessibility.css +12 -12
  256. package/utilities/Spacing/spacing.css +720 -960
  257. package/utilities/Spacing/spacing.scss +4 -8
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -366,73 +366,77 @@ wrapperTag: div
366
366
  >
367
367
  <label
368
368
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
369
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active"
369
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active"
370
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active-input"
370
371
  >
371
372
  <input
372
373
  class="pf-v5-c-check__input"
373
374
  type="checkbox"
374
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active"
375
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active"
375
+ aria-describedby="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active-description"
376
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active-input"
377
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active-input"
376
378
  />
377
-
378
379
  <span class="pf-v5-c-check__label">Active</span>
379
380
  <span
380
381
  class="pf-v5-c-check__description"
382
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-active-description"
381
383
  >This is a description</span>
382
384
  </label>
383
385
  <label
384
386
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
385
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled"
387
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled"
388
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled-input"
386
389
  >
387
390
  <input
388
391
  class="pf-v5-c-check__input"
389
392
  type="checkbox"
390
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled"
391
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled"
393
+ aria-describedby="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled-description"
394
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled-input"
395
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled-input"
392
396
  />
393
-
394
397
  <span class="pf-v5-c-check__label">Canceled</span>
395
398
  <span
396
399
  class="pf-v5-c-check__description"
400
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-canceled-description"
397
401
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
398
402
  </label>
399
403
  <label
400
404
  class="pf-v5-c-check pf-v5-c-select__menu-item"
401
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused"
405
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused"
406
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused-input"
402
407
  >
403
408
  <input
404
409
  class="pf-v5-c-check__input"
405
410
  type="checkbox"
406
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused"
407
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused"
411
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused-input"
412
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-paused-input"
408
413
  />
409
-
410
414
  <span class="pf-v5-c-check__label">Paused</span>
411
415
  </label>
412
416
  <label
413
417
  class="pf-v5-c-check pf-v5-c-select__menu-item"
414
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning"
418
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning"
419
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning-input"
415
420
  >
416
421
  <input
417
422
  class="pf-v5-c-check__input"
418
423
  type="checkbox"
419
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning"
420
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning"
424
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning-input"
425
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-warning-input"
421
426
  />
422
-
423
427
  <span class="pf-v5-c-check__label">Warning</span>
424
428
  </label>
425
429
  <label
426
430
  class="pf-v5-c-check pf-v5-c-select__menu-item"
427
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted"
431
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted"
432
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted-input"
428
433
  >
429
434
  <input
430
435
  class="pf-v5-c-check__input"
431
436
  type="checkbox"
432
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted"
433
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted"
437
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted-input"
438
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-status-restarted-input"
434
439
  />
435
-
436
440
  <span class="pf-v5-c-check__label">Restarted</span>
437
441
  </label>
438
442
  </fieldset>
@@ -469,73 +473,77 @@ wrapperTag: div
469
473
  >
470
474
  <label
471
475
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
472
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active"
476
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active"
477
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active-input"
473
478
  >
474
479
  <input
475
480
  class="pf-v5-c-check__input"
476
481
  type="checkbox"
477
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active"
478
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active"
482
+ aria-describedby="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active-description"
483
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active-input"
484
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active-input"
479
485
  />
480
-
481
486
  <span class="pf-v5-c-check__label">Active</span>
482
487
  <span
483
488
  class="pf-v5-c-check__description"
489
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-active-description"
484
490
  >This is a description</span>
485
491
  </label>
486
492
  <label
487
493
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
488
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled"
494
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled"
495
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled-input"
489
496
  >
490
497
  <input
491
498
  class="pf-v5-c-check__input"
492
499
  type="checkbox"
493
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled"
494
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled"
500
+ aria-describedby="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled-description"
501
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled-input"
502
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled-input"
495
503
  />
496
-
497
504
  <span class="pf-v5-c-check__label">Canceled</span>
498
505
  <span
499
506
  class="pf-v5-c-check__description"
507
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-canceled-description"
500
508
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
501
509
  </label>
502
510
  <label
503
511
  class="pf-v5-c-check pf-v5-c-select__menu-item"
504
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused"
512
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused"
513
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused-input"
505
514
  >
506
515
  <input
507
516
  class="pf-v5-c-check__input"
508
517
  type="checkbox"
509
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused"
510
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused"
518
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused-input"
519
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-paused-input"
511
520
  />
512
-
513
521
  <span class="pf-v5-c-check__label">Paused</span>
514
522
  </label>
515
523
  <label
516
524
  class="pf-v5-c-check pf-v5-c-select__menu-item"
517
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning"
525
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning"
526
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning-input"
518
527
  >
519
528
  <input
520
529
  class="pf-v5-c-check__input"
521
530
  type="checkbox"
522
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning"
523
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning"
531
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning-input"
532
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-warning-input"
524
533
  />
525
-
526
534
  <span class="pf-v5-c-check__label">Warning</span>
527
535
  </label>
528
536
  <label
529
537
  class="pf-v5-c-check pf-v5-c-select__menu-item"
530
- for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted"
538
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted"
539
+ for="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted-input"
531
540
  >
532
541
  <input
533
542
  class="pf-v5-c-check__input"
534
543
  type="checkbox"
535
- id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted"
536
- name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted"
544
+ id="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted-input"
545
+ name="primary-detail-expanded-example-drawer-toolbar-select-checkbox-risk-restarted-input"
537
546
  />
538
-
539
547
  <span class="pf-v5-c-check__label">Restarted</span>
540
548
  </label>
541
549
  </fieldset>
@@ -551,7 +559,10 @@ wrapperTag: div
551
559
  type="button"
552
560
  aria-label="Sort"
553
561
  >
554
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
562
+ <i
563
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
564
+ aria-hidden="true"
565
+ ></i>
555
566
  </button>
556
567
  </div>
557
568
 
@@ -1624,73 +1635,77 @@ wrapperTag: div
1624
1635
  >
1625
1636
  <label
1626
1637
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1627
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active"
1638
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active"
1639
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active-input"
1628
1640
  >
1629
1641
  <input
1630
1642
  class="pf-v5-c-check__input"
1631
1643
  type="checkbox"
1632
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active"
1633
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active"
1644
+ aria-describedby="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active-description"
1645
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active-input"
1646
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active-input"
1634
1647
  />
1635
-
1636
1648
  <span class="pf-v5-c-check__label">Active</span>
1637
1649
  <span
1638
1650
  class="pf-v5-c-check__description"
1651
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-active-description"
1639
1652
  >This is a description</span>
1640
1653
  </label>
1641
1654
  <label
1642
1655
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1643
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled"
1656
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled"
1657
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled-input"
1644
1658
  >
1645
1659
  <input
1646
1660
  class="pf-v5-c-check__input"
1647
1661
  type="checkbox"
1648
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled"
1649
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled"
1662
+ aria-describedby="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled-description"
1663
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled-input"
1664
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled-input"
1650
1665
  />
1651
-
1652
1666
  <span class="pf-v5-c-check__label">Canceled</span>
1653
1667
  <span
1654
1668
  class="pf-v5-c-check__description"
1669
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-canceled-description"
1655
1670
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
1656
1671
  </label>
1657
1672
  <label
1658
1673
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1659
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused"
1674
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused"
1675
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused-input"
1660
1676
  >
1661
1677
  <input
1662
1678
  class="pf-v5-c-check__input"
1663
1679
  type="checkbox"
1664
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused"
1665
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused"
1680
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused-input"
1681
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-paused-input"
1666
1682
  />
1667
-
1668
1683
  <span class="pf-v5-c-check__label">Paused</span>
1669
1684
  </label>
1670
1685
  <label
1671
1686
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1672
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning"
1687
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning"
1688
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning-input"
1673
1689
  >
1674
1690
  <input
1675
1691
  class="pf-v5-c-check__input"
1676
1692
  type="checkbox"
1677
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning"
1678
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning"
1693
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning-input"
1694
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-warning-input"
1679
1695
  />
1680
-
1681
1696
  <span class="pf-v5-c-check__label">Warning</span>
1682
1697
  </label>
1683
1698
  <label
1684
1699
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1685
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted"
1700
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted"
1701
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted-input"
1686
1702
  >
1687
1703
  <input
1688
1704
  class="pf-v5-c-check__input"
1689
1705
  type="checkbox"
1690
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted"
1691
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted"
1706
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted-input"
1707
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-status-restarted-input"
1692
1708
  />
1693
-
1694
1709
  <span class="pf-v5-c-check__label">Restarted</span>
1695
1710
  </label>
1696
1711
  </fieldset>
@@ -1727,73 +1742,77 @@ wrapperTag: div
1727
1742
  >
1728
1743
  <label
1729
1744
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1730
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active"
1745
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active"
1746
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active-input"
1731
1747
  >
1732
1748
  <input
1733
1749
  class="pf-v5-c-check__input"
1734
1750
  type="checkbox"
1735
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active"
1736
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active"
1751
+ aria-describedby="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active-description"
1752
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active-input"
1753
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active-input"
1737
1754
  />
1738
-
1739
1755
  <span class="pf-v5-c-check__label">Active</span>
1740
1756
  <span
1741
1757
  class="pf-v5-c-check__description"
1758
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-active-description"
1742
1759
  >This is a description</span>
1743
1760
  </label>
1744
1761
  <label
1745
1762
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
1746
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled"
1763
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled"
1764
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled-input"
1747
1765
  >
1748
1766
  <input
1749
1767
  class="pf-v5-c-check__input"
1750
1768
  type="checkbox"
1751
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled"
1752
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled"
1769
+ aria-describedby="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled-description"
1770
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled-input"
1771
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled-input"
1753
1772
  />
1754
-
1755
1773
  <span class="pf-v5-c-check__label">Canceled</span>
1756
1774
  <span
1757
1775
  class="pf-v5-c-check__description"
1776
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-canceled-description"
1758
1777
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
1759
1778
  </label>
1760
1779
  <label
1761
1780
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1762
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused"
1781
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused"
1782
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused-input"
1763
1783
  >
1764
1784
  <input
1765
1785
  class="pf-v5-c-check__input"
1766
1786
  type="checkbox"
1767
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused"
1768
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused"
1787
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused-input"
1788
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-paused-input"
1769
1789
  />
1770
-
1771
1790
  <span class="pf-v5-c-check__label">Paused</span>
1772
1791
  </label>
1773
1792
  <label
1774
1793
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1775
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning"
1794
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning"
1795
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning-input"
1776
1796
  >
1777
1797
  <input
1778
1798
  class="pf-v5-c-check__input"
1779
1799
  type="checkbox"
1780
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning"
1781
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning"
1800
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning-input"
1801
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-warning-input"
1782
1802
  />
1783
-
1784
1803
  <span class="pf-v5-c-check__label">Warning</span>
1785
1804
  </label>
1786
1805
  <label
1787
1806
  class="pf-v5-c-check pf-v5-c-select__menu-item"
1788
- for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted"
1807
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted"
1808
+ for="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted-input"
1789
1809
  >
1790
1810
  <input
1791
1811
  class="pf-v5-c-check__input"
1792
1812
  type="checkbox"
1793
- id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted"
1794
- name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted"
1813
+ id="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted-input"
1814
+ name="primary-detail-collapsed-example-drawer-toolbar-select-checkbox-risk-restarted-input"
1795
1815
  />
1796
-
1797
1816
  <span class="pf-v5-c-check__label">Restarted</span>
1798
1817
  </label>
1799
1818
  </fieldset>
@@ -1809,7 +1828,10 @@ wrapperTag: div
1809
1828
  type="button"
1810
1829
  aria-label="Sort"
1811
1830
  >
1812
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1831
+ <i
1832
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1833
+ aria-hidden="true"
1834
+ ></i>
1813
1835
  </button>
1814
1836
  </div>
1815
1837
 
@@ -2695,73 +2717,77 @@ wrapperTag: div
2695
2717
  >
2696
2718
  <label
2697
2719
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2698
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active"
2720
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active"
2721
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active-input"
2699
2722
  >
2700
2723
  <input
2701
2724
  class="pf-v5-c-check__input"
2702
2725
  type="checkbox"
2703
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active"
2704
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active"
2726
+ aria-describedby="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active-description"
2727
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active-input"
2728
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active-input"
2705
2729
  />
2706
-
2707
2730
  <span class="pf-v5-c-check__label">Active</span>
2708
2731
  <span
2709
2732
  class="pf-v5-c-check__description"
2733
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-active-description"
2710
2734
  >This is a description</span>
2711
2735
  </label>
2712
2736
  <label
2713
2737
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2714
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled"
2738
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled"
2739
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled-input"
2715
2740
  >
2716
2741
  <input
2717
2742
  class="pf-v5-c-check__input"
2718
2743
  type="checkbox"
2719
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled"
2720
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled"
2744
+ aria-describedby="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled-description"
2745
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled-input"
2746
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled-input"
2721
2747
  />
2722
-
2723
2748
  <span class="pf-v5-c-check__label">Canceled</span>
2724
2749
  <span
2725
2750
  class="pf-v5-c-check__description"
2751
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-canceled-description"
2726
2752
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
2727
2753
  </label>
2728
2754
  <label
2729
2755
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2730
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused"
2756
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused"
2757
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused-input"
2731
2758
  >
2732
2759
  <input
2733
2760
  class="pf-v5-c-check__input"
2734
2761
  type="checkbox"
2735
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused"
2736
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused"
2762
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused-input"
2763
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-paused-input"
2737
2764
  />
2738
-
2739
2765
  <span class="pf-v5-c-check__label">Paused</span>
2740
2766
  </label>
2741
2767
  <label
2742
2768
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2743
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning"
2769
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning"
2770
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning-input"
2744
2771
  >
2745
2772
  <input
2746
2773
  class="pf-v5-c-check__input"
2747
2774
  type="checkbox"
2748
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning"
2749
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning"
2775
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning-input"
2776
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-warning-input"
2750
2777
  />
2751
-
2752
2778
  <span class="pf-v5-c-check__label">Warning</span>
2753
2779
  </label>
2754
2780
  <label
2755
2781
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2756
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted"
2782
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted"
2783
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted-input"
2757
2784
  >
2758
2785
  <input
2759
2786
  class="pf-v5-c-check__input"
2760
2787
  type="checkbox"
2761
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted"
2762
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted"
2788
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted-input"
2789
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-status-restarted-input"
2763
2790
  />
2764
-
2765
2791
  <span class="pf-v5-c-check__label">Restarted</span>
2766
2792
  </label>
2767
2793
  </fieldset>
@@ -2798,73 +2824,77 @@ wrapperTag: div
2798
2824
  >
2799
2825
  <label
2800
2826
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2801
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active"
2827
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active"
2828
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active-input"
2802
2829
  >
2803
2830
  <input
2804
2831
  class="pf-v5-c-check__input"
2805
2832
  type="checkbox"
2806
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active"
2807
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active"
2833
+ aria-describedby="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active-description"
2834
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active-input"
2835
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active-input"
2808
2836
  />
2809
-
2810
2837
  <span class="pf-v5-c-check__label">Active</span>
2811
2838
  <span
2812
2839
  class="pf-v5-c-check__description"
2840
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-active-description"
2813
2841
  >This is a description</span>
2814
2842
  </label>
2815
2843
  <label
2816
2844
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2817
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled"
2845
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled"
2846
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled-input"
2818
2847
  >
2819
2848
  <input
2820
2849
  class="pf-v5-c-check__input"
2821
2850
  type="checkbox"
2822
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled"
2823
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled"
2851
+ aria-describedby="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled-description"
2852
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled-input"
2853
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled-input"
2824
2854
  />
2825
-
2826
2855
  <span class="pf-v5-c-check__label">Canceled</span>
2827
2856
  <span
2828
2857
  class="pf-v5-c-check__description"
2858
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-canceled-description"
2829
2859
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
2830
2860
  </label>
2831
2861
  <label
2832
2862
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2833
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused"
2863
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused"
2864
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused-input"
2834
2865
  >
2835
2866
  <input
2836
2867
  class="pf-v5-c-check__input"
2837
2868
  type="checkbox"
2838
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused"
2839
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused"
2869
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused-input"
2870
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-paused-input"
2840
2871
  />
2841
-
2842
2872
  <span class="pf-v5-c-check__label">Paused</span>
2843
2873
  </label>
2844
2874
  <label
2845
2875
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2846
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning"
2876
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning"
2877
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning-input"
2847
2878
  >
2848
2879
  <input
2849
2880
  class="pf-v5-c-check__input"
2850
2881
  type="checkbox"
2851
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning"
2852
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning"
2882
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning-input"
2883
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-warning-input"
2853
2884
  />
2854
-
2855
2885
  <span class="pf-v5-c-check__label">Warning</span>
2856
2886
  </label>
2857
2887
  <label
2858
2888
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2859
- for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted"
2889
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted"
2890
+ for="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted-input"
2860
2891
  >
2861
2892
  <input
2862
2893
  class="pf-v5-c-check__input"
2863
2894
  type="checkbox"
2864
- id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted"
2865
- name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted"
2895
+ id="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted-input"
2896
+ name="primary-detail-content-body-padding-example-drawer-toolbar-select-checkbox-risk-restarted-input"
2866
2897
  />
2867
-
2868
2898
  <span class="pf-v5-c-check__label">Restarted</span>
2869
2899
  </label>
2870
2900
  </fieldset>
@@ -2880,7 +2910,10 @@ wrapperTag: div
2880
2910
  type="button"
2881
2911
  aria-label="Sort"
2882
2912
  >
2883
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
2913
+ <i
2914
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
2915
+ aria-hidden="true"
2916
+ ></i>
2884
2917
  </button>
2885
2918
  </div>
2886
2919
 
@@ -3888,7 +3921,10 @@ wrapperTag: div
3888
3921
  type="button"
3889
3922
  aria-label="Sort"
3890
3923
  >
3891
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
3924
+ <i
3925
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
3926
+ aria-hidden="true"
3927
+ ></i>
3892
3928
  </button>
3893
3929
  </div>
3894
3930