@patternfly/patternfly 6.0.0-alpha.6 → 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 (261) 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 +277 -188
  13. package/base/tokens/_tokens-dark.scss +117 -82
  14. package/base/tokens/_tokens-default.scss +145 -109
  15. package/base/tokens/_tokens-font.scss +16 -14
  16. package/base/tokens/_tokens-palette.scss +2 -4
  17. package/components/AboutModalBox/about-modal-box.css +23 -12
  18. package/components/AboutModalBox/about-modal-box.scss +25 -12
  19. package/components/Accordion/accordion.css +33 -20
  20. package/components/Accordion/accordion.scss +32 -20
  21. package/components/ActionList/action-list.css +2 -2
  22. package/components/ActionList/action-list.scss +2 -2
  23. package/components/Alert/alert-group.css +7 -4
  24. package/components/Alert/alert-group.scss +7 -4
  25. package/components/Alert/alert.css +19 -13
  26. package/components/Alert/alert.scss +18 -13
  27. package/components/AppLauncher/app-launcher.css +32 -23
  28. package/components/AppLauncher/app-launcher.scss +32 -23
  29. package/components/BackToTop/back-to-top.css +2 -2
  30. package/components/BackToTop/back-to-top.scss +2 -2
  31. package/components/Backdrop/backdrop.css +2 -2
  32. package/components/Backdrop/backdrop.scss +2 -2
  33. package/components/BackgroundImage/background-image.css +6 -3
  34. package/components/BackgroundImage/background-image.scss +8 -3
  35. package/components/Badge/badge.css +2 -2
  36. package/components/Badge/badge.scss +2 -2
  37. package/components/Banner/banner.css +5 -5
  38. package/components/Banner/banner.scss +5 -2
  39. package/components/Breadcrumb/breadcrumb.css +9 -3
  40. package/components/Breadcrumb/breadcrumb.scss +8 -3
  41. package/components/Button/button.css +33 -21
  42. package/components/Button/button.scss +35 -23
  43. package/components/Button/themes/dark/button.scss +1 -1
  44. package/components/CalendarMonth/calendar-month.css +25 -15
  45. package/components/CalendarMonth/calendar-month.scss +23 -15
  46. package/components/Card/card.css +25 -17
  47. package/components/Card/card.scss +24 -17
  48. package/components/Check/check.css +2 -2
  49. package/components/Check/check.scss +2 -2
  50. package/components/Chip/chip-group.css +6 -6
  51. package/components/Chip/chip-group.scss +6 -6
  52. package/components/Chip/chip.css +16 -9
  53. package/components/Chip/chip.scss +17 -9
  54. package/components/ClipboardCopy/clipboard-copy.css +19 -10
  55. package/components/ClipboardCopy/clipboard-copy.scss +16 -8
  56. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +2 -2
  57. package/components/CodeBlock/code-block.css +6 -3
  58. package/components/CodeBlock/code-block.scss +6 -3
  59. package/components/CodeEditor/code-editor.css +31 -22
  60. package/components/CodeEditor/code-editor.scss +30 -21
  61. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  62. package/components/Content/content.css +33 -30
  63. package/components/Content/content.scss +33 -30
  64. package/components/ContextSelector/context-selector.css +41 -26
  65. package/components/ContextSelector/context-selector.scss +40 -25
  66. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  67. package/components/DataList/data-list-grid.css +21 -21
  68. package/components/DataList/data-list-grid.scss +3 -3
  69. package/components/DataList/data-list.css +69 -56
  70. package/components/DataList/data-list.scss +47 -35
  71. package/components/DatePicker/date-picker.css +8 -8
  72. package/components/DatePicker/date-picker.scss +8 -8
  73. package/components/DescriptionList/description-list.css +8 -5
  74. package/components/DescriptionList/description-list.scss +8 -5
  75. package/components/DragDrop/drag-drop.css +8 -8
  76. package/components/DragDrop/drag-drop.scss +8 -8
  77. package/components/Drawer/drawer.css +120 -61
  78. package/components/Drawer/drawer.scss +92 -43
  79. package/components/Dropdown/dropdown.css +75 -66
  80. package/components/Dropdown/dropdown.scss +65 -56
  81. package/components/DualListSelector/dual-list-selector.css +29 -15
  82. package/components/DualListSelector/dual-list-selector.scss +30 -15
  83. package/components/EmptyState/empty-state.css +7 -4
  84. package/components/EmptyState/empty-state.scss +7 -4
  85. package/components/ExpandableSection/expandable-section.css +17 -10
  86. package/components/ExpandableSection/expandable-section.scss +15 -10
  87. package/components/FileUpload/file-upload.css +9 -15
  88. package/components/FileUpload/file-upload.scss +9 -15
  89. package/components/Form/form.css +53 -50
  90. package/components/Form/form.scss +46 -44
  91. package/components/FormControl/form-control.css +18 -9
  92. package/components/FormControl/form-control.scss +18 -9
  93. package/components/HelperText/helper-text.css +1 -1
  94. package/components/HelperText/helper-text.scss +1 -1
  95. package/components/Hint/hint.css +9 -6
  96. package/components/Hint/hint.scss +9 -6
  97. package/components/Icon/icon.css +1 -1
  98. package/components/Icon/icon.scss +1 -1
  99. package/components/InlineEdit/inline-edit.css +4 -4
  100. package/components/InlineEdit/inline-edit.scss +4 -4
  101. package/components/InputGroup/input-group.css +12 -6
  102. package/components/InputGroup/input-group.scss +11 -5
  103. package/components/InputGroup/themes/dark/input-group.scss +1 -1
  104. package/components/JumpLinks/jump-links.css +27 -24
  105. package/components/JumpLinks/jump-links.scss +26 -24
  106. package/components/Label/label-group.css +13 -10
  107. package/components/Label/label-group.scss +13 -10
  108. package/components/Label/label.css +9 -9
  109. package/components/Label/label.scss +9 -9
  110. package/components/List/list.css +9 -9
  111. package/components/List/list.scss +9 -9
  112. package/components/LogViewer/log-viewer.css +14 -14
  113. package/components/LogViewer/log-viewer.scss +14 -14
  114. package/components/Login/login.css +36 -27
  115. package/components/Login/login.scss +36 -27
  116. package/components/Masthead/masthead.css +32 -30
  117. package/components/Masthead/masthead.scss +32 -30
  118. package/components/Menu/menu.css +79 -65
  119. package/components/Menu/menu.scss +80 -68
  120. package/components/MenuToggle/menu-toggle.css +33 -27
  121. package/components/MenuToggle/menu-toggle.scss +33 -27
  122. package/components/ModalBox/modal-box.css +19 -19
  123. package/components/ModalBox/modal-box.scss +20 -20
  124. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  125. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  126. package/components/Nav/nav.css +120 -93
  127. package/components/Nav/nav.scss +120 -93
  128. package/components/Nav/themes/dark/nav.scss +2 -2
  129. package/components/NotificationBadge/notification-badge.css +13 -7
  130. package/components/NotificationBadge/notification-badge.scss +13 -7
  131. package/components/NotificationDrawer/notification-drawer.css +32 -19
  132. package/components/NotificationDrawer/notification-drawer.scss +30 -19
  133. package/components/NumberInput/number-input.css +2 -2
  134. package/components/NumberInput/number-input.scss +2 -2
  135. package/components/OptionsMenu/options-menu.css +43 -31
  136. package/components/OptionsMenu/options-menu.scss +43 -31
  137. package/components/OverflowMenu/overflow-menu.css +2 -2
  138. package/components/OverflowMenu/overflow-menu.scss +2 -2
  139. package/components/Page/page.css +135 -77
  140. package/components/Page/page.scss +81 -52
  141. package/components/Page/themes/dark/page.scss +1 -1
  142. package/components/Pagination/pagination.css +27 -17
  143. package/components/Pagination/pagination.scss +25 -17
  144. package/components/Panel/panel.css +13 -7
  145. package/components/Panel/panel.scss +13 -7
  146. package/components/Popover/popover.css +72 -40
  147. package/components/Popover/popover.scss +95 -75
  148. package/components/Progress/progress.css +9 -7
  149. package/components/Progress/progress.scss +12 -7
  150. package/components/ProgressStepper/progress-stepper.css +26 -20
  151. package/components/ProgressStepper/progress-stepper.scss +25 -19
  152. package/components/Radio/radio.css +3 -3
  153. package/components/Radio/radio.scss +3 -3
  154. package/components/Select/select.css +56 -47
  155. package/components/Select/select.scss +56 -47
  156. package/components/Sidebar/sidebar.css +11 -5
  157. package/components/Sidebar/sidebar.scss +11 -5
  158. package/components/SimpleList/simple-list.css +10 -4
  159. package/components/SimpleList/simple-list.scss +10 -4
  160. package/components/Skeleton/skeleton.css +6 -5
  161. package/components/Skeleton/skeleton.scss +4 -5
  162. package/components/SkipToContent/skip-to-content.css +3 -3
  163. package/components/SkipToContent/skip-to-content.scss +3 -3
  164. package/components/Slider/slider.css +47 -26
  165. package/components/Slider/slider.scss +56 -28
  166. package/components/Switch/switch.css +9 -5
  167. package/components/Switch/switch.scss +10 -6
  168. package/components/TabContent/tab-content.css +4 -1
  169. package/components/TabContent/tab-content.scss +4 -1
  170. package/components/Table/table-grid.css +264 -203
  171. package/components/Table/table-grid.scss +61 -47
  172. package/components/Table/table-scrollable.css +4 -4
  173. package/components/Table/table-scrollable.scss +6 -4
  174. package/components/Table/table-tree-view.css +112 -105
  175. package/components/Table/table-tree-view.scss +38 -33
  176. package/components/Table/table.css +92 -70
  177. package/components/Table/table.scss +90 -70
  178. package/components/Tabs/tabs.css +76 -48
  179. package/components/Tabs/tabs.scss +74 -48
  180. package/components/TextInputGroup/text-input-group.css +15 -15
  181. package/components/TextInputGroup/text-input-group.scss +15 -15
  182. package/components/Tile/tile.css +10 -10
  183. package/components/Tile/tile.scss +10 -10
  184. package/components/ToggleGroup/toggle-group.css +14 -11
  185. package/components/ToggleGroup/toggle-group.scss +14 -11
  186. package/components/Toolbar/toolbar.css +44 -41
  187. package/components/Toolbar/toolbar.scss +26 -21
  188. package/components/Tooltip/tooltip.css +60 -28
  189. package/components/Tooltip/tooltip.scss +76 -56
  190. package/components/TreeView/tree-view.css +48 -27
  191. package/components/TreeView/tree-view.scss +50 -28
  192. package/components/Truncate/truncate.css +9 -0
  193. package/components/Truncate/truncate.scss +16 -3
  194. package/components/Wizard/wizard.css +57 -36
  195. package/components/Wizard/wizard.scss +57 -36
  196. package/docs/components/Button/examples/Button.css +2 -2
  197. package/docs/components/Button/examples/Button.md +15 -3
  198. package/docs/components/Card/examples/Card.md +15 -15
  199. package/docs/components/Check/examples/Check.md +71 -59
  200. package/docs/components/Chip/examples/Chip.md +1 -1
  201. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  202. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  203. package/docs/components/DragDrop/examples/DragDrop.css +2 -2
  204. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  205. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  206. package/docs/components/Label/examples/Label.md +1 -1
  207. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  208. package/docs/components/LogViewer/examples/LogViewer.md +120 -30
  209. package/docs/components/Menu/examples/Menu.css +8 -0
  210. package/docs/components/Menu/examples/Menu.md +90 -73
  211. package/docs/components/MenuToggle/examples/MenuToggle.md +60 -39
  212. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  213. package/docs/components/Nav/examples/Navigation.css +4 -21
  214. package/docs/components/Nav/examples/Navigation.md +99 -0
  215. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  216. package/docs/components/Popover/examples/Popover.css +4 -9
  217. package/docs/components/Radio/examples/Radio.md +63 -55
  218. package/docs/components/Select/deprecated/Select.md +184 -177
  219. package/docs/components/Table/examples/Table.css +2 -2
  220. package/docs/components/Table/examples/Table.md +2 -2
  221. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  222. package/docs/components/Tile/examples/Tile.css +1 -1
  223. package/docs/components/Toolbar/examples/Toolbar.md +525 -431
  224. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  225. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  226. package/docs/components/Truncate/examples/Truncate.md +2 -2
  227. package/docs/demos/Card/examples/Card.css +3 -3
  228. package/docs/demos/Card/examples/Card.md +26 -10
  229. package/docs/demos/CardView/examples/CardView.md +24 -20
  230. package/docs/demos/Dashboard/examples/Dashboard.md +3 -3
  231. package/docs/demos/DataList/examples/DataList.md +8 -2
  232. package/docs/demos/Page/examples/Penta.md +528 -500
  233. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -124
  234. package/docs/demos/Skeleton/examples/Skeleton.md +7 -35
  235. package/docs/demos/Table/examples/Table.md +336 -252
  236. package/docs/demos/Tabs/examples/Tabs.md +28 -21
  237. package/docs/demos/Toolbar/examples/Toolbar.css +5 -0
  238. package/docs/demos/Toolbar/examples/Toolbar.md +44 -44
  239. package/docs/layouts/Flex/examples/Flex.md +5 -5
  240. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  241. package/icons/pficons.mjs +1 -0
  242. package/layouts/Flex/flex.css +115 -43
  243. package/layouts/Flex/flex.scss +20 -8
  244. package/package.json +9 -5
  245. package/patternfly-addons.css +732 -972
  246. package/patternfly-base-no-globals-theme-dark-unversioned.css +298 -191
  247. package/patternfly-base-no-globals.css +298 -191
  248. package/patternfly-base-theme-dark-unversioned.css +299 -192
  249. package/patternfly-base.css +299 -192
  250. package/patternfly-no-globals.css +2977 -2079
  251. package/patternfly-theme-dark-unversioned.css +2978 -2080
  252. package/patternfly.css +2978 -2080
  253. package/patternfly.min.css +1 -1
  254. package/patternfly.min.css.map +1 -1
  255. package/sass-utilities/functions.scss +6 -0
  256. package/sass-utilities/mixins.scss +62 -2
  257. package/sass-utilities/scss-variables.scss +8 -8
  258. package/sass-utilities/themes/dark/mixins.scss +3 -1
  259. package/utilities/Accessibility/accessibility.css +12 -12
  260. package/utilities/Spacing/spacing.css +720 -960
  261. package/utilities/Spacing/spacing.scss +4 -8
package/docs/demos/Table/examples/Table.md CHANGED
@@ -365,7 +365,10 @@ wrapperTag: div
365
365
  type="button"
366
366
  aria-label="Sort"
367
367
  >
368
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
368
+ <i
369
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
370
+ aria-hidden="true"
371
+ ></i>
369
372
  </button>
370
373
  </div>
371
374
 
@@ -1565,7 +1568,10 @@ wrapperTag: div
1565
1568
  aria-expanded="true"
1566
1569
  aria-label="Sort by"
1567
1570
  >
1568
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
1571
+ <i
1572
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
1573
+ aria-hidden="true"
1574
+ ></i>
1569
1575
  </button>
1570
1576
  <ul
1571
1577
  class="pf-v5-c-options-menu__menu"
@@ -2946,73 +2952,77 @@ wrapperTag: div
2946
2952
  >
2947
2953
  <label
2948
2954
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2949
- for="-select-checkbox-status-active"
2955
+ id="-select-checkbox-status-active"
2956
+ for="-select-checkbox-status-active-input"
2950
2957
  >
2951
2958
  <input
2952
2959
  class="pf-v5-c-check__input"
2953
2960
  type="checkbox"
2954
- id="-select-checkbox-status-active"
2955
- name="-select-checkbox-status-active"
2961
+ aria-describedby="-select-checkbox-status-active-description"
2962
+ id="-select-checkbox-status-active-input"
2963
+ name="-select-checkbox-status-active-input"
2956
2964
  />
2957
-
2958
2965
  <span class="pf-v5-c-check__label">Active</span>
2959
2966
  <span
2960
2967
  class="pf-v5-c-check__description"
2968
+ id="-select-checkbox-status-active-description"
2961
2969
  >This is a description</span>
2962
2970
  </label>
2963
2971
  <label
2964
2972
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
2965
- for="-select-checkbox-status-canceled"
2973
+ id="-select-checkbox-status-canceled"
2974
+ for="-select-checkbox-status-canceled-input"
2966
2975
  >
2967
2976
  <input
2968
2977
  class="pf-v5-c-check__input"
2969
2978
  type="checkbox"
2970
- id="-select-checkbox-status-canceled"
2971
- name="-select-checkbox-status-canceled"
2979
+ aria-describedby="-select-checkbox-status-canceled-description"
2980
+ id="-select-checkbox-status-canceled-input"
2981
+ name="-select-checkbox-status-canceled-input"
2972
2982
  />
2973
-
2974
2983
  <span class="pf-v5-c-check__label">Canceled</span>
2975
2984
  <span
2976
2985
  class="pf-v5-c-check__description"
2986
+ id="-select-checkbox-status-canceled-description"
2977
2987
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
2978
2988
  </label>
2979
2989
  <label
2980
2990
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2981
- for="-select-checkbox-status-paused"
2991
+ id="-select-checkbox-status-paused"
2992
+ for="-select-checkbox-status-paused-input"
2982
2993
  >
2983
2994
  <input
2984
2995
  class="pf-v5-c-check__input"
2985
2996
  type="checkbox"
2986
- id="-select-checkbox-status-paused"
2987
- name="-select-checkbox-status-paused"
2997
+ id="-select-checkbox-status-paused-input"
2998
+ name="-select-checkbox-status-paused-input"
2988
2999
  />
2989
-
2990
3000
  <span class="pf-v5-c-check__label">Paused</span>
2991
3001
  </label>
2992
3002
  <label
2993
3003
  class="pf-v5-c-check pf-v5-c-select__menu-item"
2994
- for="-select-checkbox-status-warning"
3004
+ id="-select-checkbox-status-warning"
3005
+ for="-select-checkbox-status-warning-input"
2995
3006
  >
2996
3007
  <input
2997
3008
  class="pf-v5-c-check__input"
2998
3009
  type="checkbox"
2999
- id="-select-checkbox-status-warning"
3000
- name="-select-checkbox-status-warning"
3010
+ id="-select-checkbox-status-warning-input"
3011
+ name="-select-checkbox-status-warning-input"
3001
3012
  />
3002
-
3003
3013
  <span class="pf-v5-c-check__label">Warning</span>
3004
3014
  </label>
3005
3015
  <label
3006
3016
  class="pf-v5-c-check pf-v5-c-select__menu-item"
3007
- for="-select-checkbox-status-restarted"
3017
+ id="-select-checkbox-status-restarted"
3018
+ for="-select-checkbox-status-restarted-input"
3008
3019
  >
3009
3020
  <input
3010
3021
  class="pf-v5-c-check__input"
3011
3022
  type="checkbox"
3012
- id="-select-checkbox-status-restarted"
3013
- name="-select-checkbox-status-restarted"
3023
+ id="-select-checkbox-status-restarted-input"
3024
+ name="-select-checkbox-status-restarted-input"
3014
3025
  />
3015
-
3016
3026
  <span class="pf-v5-c-check__label">Restarted</span>
3017
3027
  </label>
3018
3028
  </fieldset>
@@ -3046,73 +3056,77 @@ wrapperTag: div
3046
3056
  >
3047
3057
  <label
3048
3058
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
3049
- for="-select-checkbox-risk-active"
3059
+ id="-select-checkbox-risk-active"
3060
+ for="-select-checkbox-risk-active-input"
3050
3061
  >
3051
3062
  <input
3052
3063
  class="pf-v5-c-check__input"
3053
3064
  type="checkbox"
3054
- id="-select-checkbox-risk-active"
3055
- name="-select-checkbox-risk-active"
3065
+ aria-describedby="-select-checkbox-risk-active-description"
3066
+ id="-select-checkbox-risk-active-input"
3067
+ name="-select-checkbox-risk-active-input"
3056
3068
  />
3057
-
3058
3069
  <span class="pf-v5-c-check__label">Active</span>
3059
3070
  <span
3060
3071
  class="pf-v5-c-check__description"
3072
+ id="-select-checkbox-risk-active-description"
3061
3073
  >This is a description</span>
3062
3074
  </label>
3063
3075
  <label
3064
3076
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
3065
- for="-select-checkbox-risk-canceled"
3077
+ id="-select-checkbox-risk-canceled"
3078
+ for="-select-checkbox-risk-canceled-input"
3066
3079
  >
3067
3080
  <input
3068
3081
  class="pf-v5-c-check__input"
3069
3082
  type="checkbox"
3070
- id="-select-checkbox-risk-canceled"
3071
- name="-select-checkbox-risk-canceled"
3083
+ aria-describedby="-select-checkbox-risk-canceled-description"
3084
+ id="-select-checkbox-risk-canceled-input"
3085
+ name="-select-checkbox-risk-canceled-input"
3072
3086
  />
3073
-
3074
3087
  <span class="pf-v5-c-check__label">Canceled</span>
3075
3088
  <span
3076
3089
  class="pf-v5-c-check__description"
3090
+ id="-select-checkbox-risk-canceled-description"
3077
3091
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
3078
3092
  </label>
3079
3093
  <label
3080
3094
  class="pf-v5-c-check pf-v5-c-select__menu-item"
3081
- for="-select-checkbox-risk-paused"
3095
+ id="-select-checkbox-risk-paused"
3096
+ for="-select-checkbox-risk-paused-input"
3082
3097
  >
3083
3098
  <input
3084
3099
  class="pf-v5-c-check__input"
3085
3100
  type="checkbox"
3086
- id="-select-checkbox-risk-paused"
3087
- name="-select-checkbox-risk-paused"
3101
+ id="-select-checkbox-risk-paused-input"
3102
+ name="-select-checkbox-risk-paused-input"
3088
3103
  />
3089
-
3090
3104
  <span class="pf-v5-c-check__label">Paused</span>
3091
3105
  </label>
3092
3106
  <label
3093
3107
  class="pf-v5-c-check pf-v5-c-select__menu-item"
3094
- for="-select-checkbox-risk-warning"
3108
+ id="-select-checkbox-risk-warning"
3109
+ for="-select-checkbox-risk-warning-input"
3095
3110
  >
3096
3111
  <input
3097
3112
  class="pf-v5-c-check__input"
3098
3113
  type="checkbox"
3099
- id="-select-checkbox-risk-warning"
3100
- name="-select-checkbox-risk-warning"
3114
+ id="-select-checkbox-risk-warning-input"
3115
+ name="-select-checkbox-risk-warning-input"
3101
3116
  />
3102
-
3103
3117
  <span class="pf-v5-c-check__label">Warning</span>
3104
3118
  </label>
3105
3119
  <label
3106
3120
  class="pf-v5-c-check pf-v5-c-select__menu-item"
3107
- for="-select-checkbox-risk-restarted"
3121
+ id="-select-checkbox-risk-restarted"
3122
+ for="-select-checkbox-risk-restarted-input"
3108
3123
  >
3109
3124
  <input
3110
3125
  class="pf-v5-c-check__input"
3111
3126
  type="checkbox"
3112
- id="-select-checkbox-risk-restarted"
3113
- name="-select-checkbox-risk-restarted"
3127
+ id="-select-checkbox-risk-restarted-input"
3128
+ name="-select-checkbox-risk-restarted-input"
3114
3129
  />
3115
-
3116
3130
  <span class="pf-v5-c-check__label">Restarted</span>
3117
3131
  </label>
3118
3132
  </fieldset>
@@ -3128,7 +3142,10 @@ wrapperTag: div
3128
3142
  type="button"
3129
3143
  aria-label="Sort"
3130
3144
  >
3131
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
3145
+ <i
3146
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
3147
+ aria-hidden="true"
3148
+ ></i>
3132
3149
  </button>
3133
3150
  </div>
3134
3151
 
@@ -4542,73 +4559,77 @@ wrapperTag: div
4542
4559
  >
4543
4560
  <label
4544
4561
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
4545
- for="-select-checkbox-status-active"
4562
+ id="-select-checkbox-status-active"
4563
+ for="-select-checkbox-status-active-input"
4546
4564
  >
4547
4565
  <input
4548
4566
  class="pf-v5-c-check__input"
4549
4567
  type="checkbox"
4550
- id="-select-checkbox-status-active"
4551
- name="-select-checkbox-status-active"
4568
+ aria-describedby="-select-checkbox-status-active-description"
4569
+ id="-select-checkbox-status-active-input"
4570
+ name="-select-checkbox-status-active-input"
4552
4571
  />
4553
-
4554
4572
  <span class="pf-v5-c-check__label">Active</span>
4555
4573
  <span
4556
4574
  class="pf-v5-c-check__description"
4575
+ id="-select-checkbox-status-active-description"
4557
4576
  >This is a description</span>
4558
4577
  </label>
4559
4578
  <label
4560
4579
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
4561
- for="-select-checkbox-status-canceled"
4580
+ id="-select-checkbox-status-canceled"
4581
+ for="-select-checkbox-status-canceled-input"
4562
4582
  >
4563
4583
  <input
4564
4584
  class="pf-v5-c-check__input"
4565
4585
  type="checkbox"
4566
- id="-select-checkbox-status-canceled"
4567
- name="-select-checkbox-status-canceled"
4586
+ aria-describedby="-select-checkbox-status-canceled-description"
4587
+ id="-select-checkbox-status-canceled-input"
4588
+ name="-select-checkbox-status-canceled-input"
4568
4589
  />
4569
-
4570
4590
  <span class="pf-v5-c-check__label">Canceled</span>
4571
4591
  <span
4572
4592
  class="pf-v5-c-check__description"
4593
+ id="-select-checkbox-status-canceled-description"
4573
4594
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
4574
4595
  </label>
4575
4596
  <label
4576
4597
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4577
- for="-select-checkbox-status-paused"
4598
+ id="-select-checkbox-status-paused"
4599
+ for="-select-checkbox-status-paused-input"
4578
4600
  >
4579
4601
  <input
4580
4602
  class="pf-v5-c-check__input"
4581
4603
  type="checkbox"
4582
- id="-select-checkbox-status-paused"
4583
- name="-select-checkbox-status-paused"
4604
+ id="-select-checkbox-status-paused-input"
4605
+ name="-select-checkbox-status-paused-input"
4584
4606
  />
4585
-
4586
4607
  <span class="pf-v5-c-check__label">Paused</span>
4587
4608
  </label>
4588
4609
  <label
4589
4610
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4590
- for="-select-checkbox-status-warning"
4611
+ id="-select-checkbox-status-warning"
4612
+ for="-select-checkbox-status-warning-input"
4591
4613
  >
4592
4614
  <input
4593
4615
  class="pf-v5-c-check__input"
4594
4616
  type="checkbox"
4595
- id="-select-checkbox-status-warning"
4596
- name="-select-checkbox-status-warning"
4617
+ id="-select-checkbox-status-warning-input"
4618
+ name="-select-checkbox-status-warning-input"
4597
4619
  />
4598
-
4599
4620
  <span class="pf-v5-c-check__label">Warning</span>
4600
4621
  </label>
4601
4622
  <label
4602
4623
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4603
- for="-select-checkbox-status-restarted"
4624
+ id="-select-checkbox-status-restarted"
4625
+ for="-select-checkbox-status-restarted-input"
4604
4626
  >
4605
4627
  <input
4606
4628
  class="pf-v5-c-check__input"
4607
4629
  type="checkbox"
4608
- id="-select-checkbox-status-restarted"
4609
- name="-select-checkbox-status-restarted"
4630
+ id="-select-checkbox-status-restarted-input"
4631
+ name="-select-checkbox-status-restarted-input"
4610
4632
  />
4611
-
4612
4633
  <span class="pf-v5-c-check__label">Restarted</span>
4613
4634
  </label>
4614
4635
  </fieldset>
@@ -4642,73 +4663,77 @@ wrapperTag: div
4642
4663
  >
4643
4664
  <label
4644
4665
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
4645
- for="-select-checkbox-risk-active"
4666
+ id="-select-checkbox-risk-active"
4667
+ for="-select-checkbox-risk-active-input"
4646
4668
  >
4647
4669
  <input
4648
4670
  class="pf-v5-c-check__input"
4649
4671
  type="checkbox"
4650
- id="-select-checkbox-risk-active"
4651
- name="-select-checkbox-risk-active"
4672
+ aria-describedby="-select-checkbox-risk-active-description"
4673
+ id="-select-checkbox-risk-active-input"
4674
+ name="-select-checkbox-risk-active-input"
4652
4675
  />
4653
-
4654
4676
  <span class="pf-v5-c-check__label">Active</span>
4655
4677
  <span
4656
4678
  class="pf-v5-c-check__description"
4679
+ id="-select-checkbox-risk-active-description"
4657
4680
  >This is a description</span>
4658
4681
  </label>
4659
4682
  <label
4660
4683
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
4661
- for="-select-checkbox-risk-canceled"
4684
+ id="-select-checkbox-risk-canceled"
4685
+ for="-select-checkbox-risk-canceled-input"
4662
4686
  >
4663
4687
  <input
4664
4688
  class="pf-v5-c-check__input"
4665
4689
  type="checkbox"
4666
- id="-select-checkbox-risk-canceled"
4667
- name="-select-checkbox-risk-canceled"
4690
+ aria-describedby="-select-checkbox-risk-canceled-description"
4691
+ id="-select-checkbox-risk-canceled-input"
4692
+ name="-select-checkbox-risk-canceled-input"
4668
4693
  />
4669
-
4670
4694
  <span class="pf-v5-c-check__label">Canceled</span>
4671
4695
  <span
4672
4696
  class="pf-v5-c-check__description"
4697
+ id="-select-checkbox-risk-canceled-description"
4673
4698
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
4674
4699
  </label>
4675
4700
  <label
4676
4701
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4677
- for="-select-checkbox-risk-paused"
4702
+ id="-select-checkbox-risk-paused"
4703
+ for="-select-checkbox-risk-paused-input"
4678
4704
  >
4679
4705
  <input
4680
4706
  class="pf-v5-c-check__input"
4681
4707
  type="checkbox"
4682
- id="-select-checkbox-risk-paused"
4683
- name="-select-checkbox-risk-paused"
4708
+ id="-select-checkbox-risk-paused-input"
4709
+ name="-select-checkbox-risk-paused-input"
4684
4710
  />
4685
-
4686
4711
  <span class="pf-v5-c-check__label">Paused</span>
4687
4712
  </label>
4688
4713
  <label
4689
4714
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4690
- for="-select-checkbox-risk-warning"
4715
+ id="-select-checkbox-risk-warning"
4716
+ for="-select-checkbox-risk-warning-input"
4691
4717
  >
4692
4718
  <input
4693
4719
  class="pf-v5-c-check__input"
4694
4720
  type="checkbox"
4695
- id="-select-checkbox-risk-warning"
4696
- name="-select-checkbox-risk-warning"
4721
+ id="-select-checkbox-risk-warning-input"
4722
+ name="-select-checkbox-risk-warning-input"
4697
4723
  />
4698
-
4699
4724
  <span class="pf-v5-c-check__label">Warning</span>
4700
4725
  </label>
4701
4726
  <label
4702
4727
  class="pf-v5-c-check pf-v5-c-select__menu-item"
4703
- for="-select-checkbox-risk-restarted"
4728
+ id="-select-checkbox-risk-restarted"
4729
+ for="-select-checkbox-risk-restarted-input"
4704
4730
  >
4705
4731
  <input
4706
4732
  class="pf-v5-c-check__input"
4707
4733
  type="checkbox"
4708
- id="-select-checkbox-risk-restarted"
4709
- name="-select-checkbox-risk-restarted"
4734
+ id="-select-checkbox-risk-restarted-input"
4735
+ name="-select-checkbox-risk-restarted-input"
4710
4736
  />
4711
-
4712
4737
  <span class="pf-v5-c-check__label">Restarted</span>
4713
4738
  </label>
4714
4739
  </fieldset>
@@ -4724,7 +4749,10 @@ wrapperTag: div
4724
4749
  type="button"
4725
4750
  aria-label="Sort"
4726
4751
  >
4727
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
4752
+ <i
4753
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
4754
+ aria-hidden="true"
4755
+ ></i>
4728
4756
  </button>
4729
4757
  </div>
4730
4758
 
@@ -5799,73 +5827,77 @@ wrapperTag: div
5799
5827
  >
5800
5828
  <label
5801
5829
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
5802
- for="-select-checkbox-status-active"
5830
+ id="-select-checkbox-status-active"
5831
+ for="-select-checkbox-status-active-input"
5803
5832
  >
5804
5833
  <input
5805
5834
  class="pf-v5-c-check__input"
5806
5835
  type="checkbox"
5807
- id="-select-checkbox-status-active"
5808
- name="-select-checkbox-status-active"
5836
+ aria-describedby="-select-checkbox-status-active-description"
5837
+ id="-select-checkbox-status-active-input"
5838
+ name="-select-checkbox-status-active-input"
5809
5839
  />
5810
-
5811
5840
  <span class="pf-v5-c-check__label">Active</span>
5812
5841
  <span
5813
5842
  class="pf-v5-c-check__description"
5843
+ id="-select-checkbox-status-active-description"
5814
5844
  >This is a description</span>
5815
5845
  </label>
5816
5846
  <label
5817
5847
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
5818
- for="-select-checkbox-status-canceled"
5848
+ id="-select-checkbox-status-canceled"
5849
+ for="-select-checkbox-status-canceled-input"
5819
5850
  >
5820
5851
  <input
5821
5852
  class="pf-v5-c-check__input"
5822
5853
  type="checkbox"
5823
- id="-select-checkbox-status-canceled"
5824
- name="-select-checkbox-status-canceled"
5854
+ aria-describedby="-select-checkbox-status-canceled-description"
5855
+ id="-select-checkbox-status-canceled-input"
5856
+ name="-select-checkbox-status-canceled-input"
5825
5857
  />
5826
-
5827
5858
  <span class="pf-v5-c-check__label">Canceled</span>
5828
5859
  <span
5829
5860
  class="pf-v5-c-check__description"
5861
+ id="-select-checkbox-status-canceled-description"
5830
5862
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
5831
5863
  </label>
5832
5864
  <label
5833
5865
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5834
- for="-select-checkbox-status-paused"
5866
+ id="-select-checkbox-status-paused"
5867
+ for="-select-checkbox-status-paused-input"
5835
5868
  >
5836
5869
  <input
5837
5870
  class="pf-v5-c-check__input"
5838
5871
  type="checkbox"
5839
- id="-select-checkbox-status-paused"
5840
- name="-select-checkbox-status-paused"
5872
+ id="-select-checkbox-status-paused-input"
5873
+ name="-select-checkbox-status-paused-input"
5841
5874
  />
5842
-
5843
5875
  <span class="pf-v5-c-check__label">Paused</span>
5844
5876
  </label>
5845
5877
  <label
5846
5878
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5847
- for="-select-checkbox-status-warning"
5879
+ id="-select-checkbox-status-warning"
5880
+ for="-select-checkbox-status-warning-input"
5848
5881
  >
5849
5882
  <input
5850
5883
  class="pf-v5-c-check__input"
5851
5884
  type="checkbox"
5852
- id="-select-checkbox-status-warning"
5853
- name="-select-checkbox-status-warning"
5885
+ id="-select-checkbox-status-warning-input"
5886
+ name="-select-checkbox-status-warning-input"
5854
5887
  />
5855
-
5856
5888
  <span class="pf-v5-c-check__label">Warning</span>
5857
5889
  </label>
5858
5890
  <label
5859
5891
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5860
- for="-select-checkbox-status-restarted"
5892
+ id="-select-checkbox-status-restarted"
5893
+ for="-select-checkbox-status-restarted-input"
5861
5894
  >
5862
5895
  <input
5863
5896
  class="pf-v5-c-check__input"
5864
5897
  type="checkbox"
5865
- id="-select-checkbox-status-restarted"
5866
- name="-select-checkbox-status-restarted"
5898
+ id="-select-checkbox-status-restarted-input"
5899
+ name="-select-checkbox-status-restarted-input"
5867
5900
  />
5868
-
5869
5901
  <span class="pf-v5-c-check__label">Restarted</span>
5870
5902
  </label>
5871
5903
  </fieldset>
@@ -5899,73 +5931,77 @@ wrapperTag: div
5899
5931
  >
5900
5932
  <label
5901
5933
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
5902
- for="-select-checkbox-risk-active"
5934
+ id="-select-checkbox-risk-active"
5935
+ for="-select-checkbox-risk-active-input"
5903
5936
  >
5904
5937
  <input
5905
5938
  class="pf-v5-c-check__input"
5906
5939
  type="checkbox"
5907
- id="-select-checkbox-risk-active"
5908
- name="-select-checkbox-risk-active"
5940
+ aria-describedby="-select-checkbox-risk-active-description"
5941
+ id="-select-checkbox-risk-active-input"
5942
+ name="-select-checkbox-risk-active-input"
5909
5943
  />
5910
-
5911
5944
  <span class="pf-v5-c-check__label">Active</span>
5912
5945
  <span
5913
5946
  class="pf-v5-c-check__description"
5947
+ id="-select-checkbox-risk-active-description"
5914
5948
  >This is a description</span>
5915
5949
  </label>
5916
5950
  <label
5917
5951
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
5918
- for="-select-checkbox-risk-canceled"
5952
+ id="-select-checkbox-risk-canceled"
5953
+ for="-select-checkbox-risk-canceled-input"
5919
5954
  >
5920
5955
  <input
5921
5956
  class="pf-v5-c-check__input"
5922
5957
  type="checkbox"
5923
- id="-select-checkbox-risk-canceled"
5924
- name="-select-checkbox-risk-canceled"
5958
+ aria-describedby="-select-checkbox-risk-canceled-description"
5959
+ id="-select-checkbox-risk-canceled-input"
5960
+ name="-select-checkbox-risk-canceled-input"
5925
5961
  />
5926
-
5927
5962
  <span class="pf-v5-c-check__label">Canceled</span>
5928
5963
  <span
5929
5964
  class="pf-v5-c-check__description"
5965
+ id="-select-checkbox-risk-canceled-description"
5930
5966
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
5931
5967
  </label>
5932
5968
  <label
5933
5969
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5934
- for="-select-checkbox-risk-paused"
5970
+ id="-select-checkbox-risk-paused"
5971
+ for="-select-checkbox-risk-paused-input"
5935
5972
  >
5936
5973
  <input
5937
5974
  class="pf-v5-c-check__input"
5938
5975
  type="checkbox"
5939
- id="-select-checkbox-risk-paused"
5940
- name="-select-checkbox-risk-paused"
5976
+ id="-select-checkbox-risk-paused-input"
5977
+ name="-select-checkbox-risk-paused-input"
5941
5978
  />
5942
-
5943
5979
  <span class="pf-v5-c-check__label">Paused</span>
5944
5980
  </label>
5945
5981
  <label
5946
5982
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5947
- for="-select-checkbox-risk-warning"
5983
+ id="-select-checkbox-risk-warning"
5984
+ for="-select-checkbox-risk-warning-input"
5948
5985
  >
5949
5986
  <input
5950
5987
  class="pf-v5-c-check__input"
5951
5988
  type="checkbox"
5952
- id="-select-checkbox-risk-warning"
5953
- name="-select-checkbox-risk-warning"
5989
+ id="-select-checkbox-risk-warning-input"
5990
+ name="-select-checkbox-risk-warning-input"
5954
5991
  />
5955
-
5956
5992
  <span class="pf-v5-c-check__label">Warning</span>
5957
5993
  </label>
5958
5994
  <label
5959
5995
  class="pf-v5-c-check pf-v5-c-select__menu-item"
5960
- for="-select-checkbox-risk-restarted"
5996
+ id="-select-checkbox-risk-restarted"
5997
+ for="-select-checkbox-risk-restarted-input"
5961
5998
  >
5962
5999
  <input
5963
6000
  class="pf-v5-c-check__input"
5964
6001
  type="checkbox"
5965
- id="-select-checkbox-risk-restarted"
5966
- name="-select-checkbox-risk-restarted"
6002
+ id="-select-checkbox-risk-restarted-input"
6003
+ name="-select-checkbox-risk-restarted-input"
5967
6004
  />
5968
-
5969
6005
  <span class="pf-v5-c-check__label">Restarted</span>
5970
6006
  </label>
5971
6007
  </fieldset>
@@ -5981,7 +6017,10 @@ wrapperTag: div
5981
6017
  type="button"
5982
6018
  aria-label="Sort"
5983
6019
  >
5984
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
6020
+ <i
6021
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
6022
+ aria-hidden="true"
6023
+ ></i>
5985
6024
  </button>
5986
6025
  </div>
5987
6026
 
@@ -11741,73 +11780,77 @@ wrapperTag: div
11741
11780
  >
11742
11781
  <label
11743
11782
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
11744
- for="-select-checkbox-status-active"
11783
+ id="-select-checkbox-status-active"
11784
+ for="-select-checkbox-status-active-input"
11745
11785
  >
11746
11786
  <input
11747
11787
  class="pf-v5-c-check__input"
11748
11788
  type="checkbox"
11749
- id="-select-checkbox-status-active"
11750
- name="-select-checkbox-status-active"
11789
+ aria-describedby="-select-checkbox-status-active-description"
11790
+ id="-select-checkbox-status-active-input"
11791
+ name="-select-checkbox-status-active-input"
11751
11792
  />
11752
-
11753
11793
  <span class="pf-v5-c-check__label">Active</span>
11754
11794
  <span
11755
11795
  class="pf-v5-c-check__description"
11796
+ id="-select-checkbox-status-active-description"
11756
11797
  >This is a description</span>
11757
11798
  </label>
11758
11799
  <label
11759
11800
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
11760
- for="-select-checkbox-status-canceled"
11801
+ id="-select-checkbox-status-canceled"
11802
+ for="-select-checkbox-status-canceled-input"
11761
11803
  >
11762
11804
  <input
11763
11805
  class="pf-v5-c-check__input"
11764
11806
  type="checkbox"
11765
- id="-select-checkbox-status-canceled"
11766
- name="-select-checkbox-status-canceled"
11807
+ aria-describedby="-select-checkbox-status-canceled-description"
11808
+ id="-select-checkbox-status-canceled-input"
11809
+ name="-select-checkbox-status-canceled-input"
11767
11810
  />
11768
-
11769
11811
  <span class="pf-v5-c-check__label">Canceled</span>
11770
11812
  <span
11771
11813
  class="pf-v5-c-check__description"
11814
+ id="-select-checkbox-status-canceled-description"
11772
11815
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
11773
11816
  </label>
11774
11817
  <label
11775
11818
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11776
- for="-select-checkbox-status-paused"
11819
+ id="-select-checkbox-status-paused"
11820
+ for="-select-checkbox-status-paused-input"
11777
11821
  >
11778
11822
  <input
11779
11823
  class="pf-v5-c-check__input"
11780
11824
  type="checkbox"
11781
- id="-select-checkbox-status-paused"
11782
- name="-select-checkbox-status-paused"
11825
+ id="-select-checkbox-status-paused-input"
11826
+ name="-select-checkbox-status-paused-input"
11783
11827
  />
11784
-
11785
11828
  <span class="pf-v5-c-check__label">Paused</span>
11786
11829
  </label>
11787
11830
  <label
11788
11831
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11789
- for="-select-checkbox-status-warning"
11832
+ id="-select-checkbox-status-warning"
11833
+ for="-select-checkbox-status-warning-input"
11790
11834
  >
11791
11835
  <input
11792
11836
  class="pf-v5-c-check__input"
11793
11837
  type="checkbox"
11794
- id="-select-checkbox-status-warning"
11795
- name="-select-checkbox-status-warning"
11838
+ id="-select-checkbox-status-warning-input"
11839
+ name="-select-checkbox-status-warning-input"
11796
11840
  />
11797
-
11798
11841
  <span class="pf-v5-c-check__label">Warning</span>
11799
11842
  </label>
11800
11843
  <label
11801
11844
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11802
- for="-select-checkbox-status-restarted"
11845
+ id="-select-checkbox-status-restarted"
11846
+ for="-select-checkbox-status-restarted-input"
11803
11847
  >
11804
11848
  <input
11805
11849
  class="pf-v5-c-check__input"
11806
11850
  type="checkbox"
11807
- id="-select-checkbox-status-restarted"
11808
- name="-select-checkbox-status-restarted"
11851
+ id="-select-checkbox-status-restarted-input"
11852
+ name="-select-checkbox-status-restarted-input"
11809
11853
  />
11810
-
11811
11854
  <span class="pf-v5-c-check__label">Restarted</span>
11812
11855
  </label>
11813
11856
  </fieldset>
@@ -11841,73 +11884,77 @@ wrapperTag: div
11841
11884
  >
11842
11885
  <label
11843
11886
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
11844
- for="-select-checkbox-risk-active"
11887
+ id="-select-checkbox-risk-active"
11888
+ for="-select-checkbox-risk-active-input"
11845
11889
  >
11846
11890
  <input
11847
11891
  class="pf-v5-c-check__input"
11848
11892
  type="checkbox"
11849
- id="-select-checkbox-risk-active"
11850
- name="-select-checkbox-risk-active"
11893
+ aria-describedby="-select-checkbox-risk-active-description"
11894
+ id="-select-checkbox-risk-active-input"
11895
+ name="-select-checkbox-risk-active-input"
11851
11896
  />
11852
-
11853
11897
  <span class="pf-v5-c-check__label">Active</span>
11854
11898
  <span
11855
11899
  class="pf-v5-c-check__description"
11900
+ id="-select-checkbox-risk-active-description"
11856
11901
  >This is a description</span>
11857
11902
  </label>
11858
11903
  <label
11859
11904
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
11860
- for="-select-checkbox-risk-canceled"
11905
+ id="-select-checkbox-risk-canceled"
11906
+ for="-select-checkbox-risk-canceled-input"
11861
11907
  >
11862
11908
  <input
11863
11909
  class="pf-v5-c-check__input"
11864
11910
  type="checkbox"
11865
- id="-select-checkbox-risk-canceled"
11866
- name="-select-checkbox-risk-canceled"
11911
+ aria-describedby="-select-checkbox-risk-canceled-description"
11912
+ id="-select-checkbox-risk-canceled-input"
11913
+ name="-select-checkbox-risk-canceled-input"
11867
11914
  />
11868
-
11869
11915
  <span class="pf-v5-c-check__label">Canceled</span>
11870
11916
  <span
11871
11917
  class="pf-v5-c-check__description"
11918
+ id="-select-checkbox-risk-canceled-description"
11872
11919
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
11873
11920
  </label>
11874
11921
  <label
11875
11922
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11876
- for="-select-checkbox-risk-paused"
11923
+ id="-select-checkbox-risk-paused"
11924
+ for="-select-checkbox-risk-paused-input"
11877
11925
  >
11878
11926
  <input
11879
11927
  class="pf-v5-c-check__input"
11880
11928
  type="checkbox"
11881
- id="-select-checkbox-risk-paused"
11882
- name="-select-checkbox-risk-paused"
11929
+ id="-select-checkbox-risk-paused-input"
11930
+ name="-select-checkbox-risk-paused-input"
11883
11931
  />
11884
-
11885
11932
  <span class="pf-v5-c-check__label">Paused</span>
11886
11933
  </label>
11887
11934
  <label
11888
11935
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11889
- for="-select-checkbox-risk-warning"
11936
+ id="-select-checkbox-risk-warning"
11937
+ for="-select-checkbox-risk-warning-input"
11890
11938
  >
11891
11939
  <input
11892
11940
  class="pf-v5-c-check__input"
11893
11941
  type="checkbox"
11894
- id="-select-checkbox-risk-warning"
11895
- name="-select-checkbox-risk-warning"
11942
+ id="-select-checkbox-risk-warning-input"
11943
+ name="-select-checkbox-risk-warning-input"
11896
11944
  />
11897
-
11898
11945
  <span class="pf-v5-c-check__label">Warning</span>
11899
11946
  </label>
11900
11947
  <label
11901
11948
  class="pf-v5-c-check pf-v5-c-select__menu-item"
11902
- for="-select-checkbox-risk-restarted"
11949
+ id="-select-checkbox-risk-restarted"
11950
+ for="-select-checkbox-risk-restarted-input"
11903
11951
  >
11904
11952
  <input
11905
11953
  class="pf-v5-c-check__input"
11906
11954
  type="checkbox"
11907
- id="-select-checkbox-risk-restarted"
11908
- name="-select-checkbox-risk-restarted"
11955
+ id="-select-checkbox-risk-restarted-input"
11956
+ name="-select-checkbox-risk-restarted-input"
11909
11957
  />
11910
-
11911
11958
  <span class="pf-v5-c-check__label">Restarted</span>
11912
11959
  </label>
11913
11960
  </fieldset>
@@ -11923,7 +11970,10 @@ wrapperTag: div
11923
11970
  type="button"
11924
11971
  aria-label="Sort"
11925
11972
  >
11926
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
11973
+ <i
11974
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
11975
+ aria-hidden="true"
11976
+ ></i>
11927
11977
  </button>
11928
11978
  </div>
11929
11979
 
@@ -13102,73 +13152,77 @@ wrapperTag: div
13102
13152
  >
13103
13153
  <label
13104
13154
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
13105
- for="-select-checkbox-status-active"
13155
+ id="-select-checkbox-status-active"
13156
+ for="-select-checkbox-status-active-input"
13106
13157
  >
13107
13158
  <input
13108
13159
  class="pf-v5-c-check__input"
13109
13160
  type="checkbox"
13110
- id="-select-checkbox-status-active"
13111
- name="-select-checkbox-status-active"
13161
+ aria-describedby="-select-checkbox-status-active-description"
13162
+ id="-select-checkbox-status-active-input"
13163
+ name="-select-checkbox-status-active-input"
13112
13164
  />
13113
-
13114
13165
  <span class="pf-v5-c-check__label">Active</span>
13115
13166
  <span
13116
13167
  class="pf-v5-c-check__description"
13168
+ id="-select-checkbox-status-active-description"
13117
13169
  >This is a description</span>
13118
13170
  </label>
13119
13171
  <label
13120
13172
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
13121
- for="-select-checkbox-status-canceled"
13173
+ id="-select-checkbox-status-canceled"
13174
+ for="-select-checkbox-status-canceled-input"
13122
13175
  >
13123
13176
  <input
13124
13177
  class="pf-v5-c-check__input"
13125
13178
  type="checkbox"
13126
- id="-select-checkbox-status-canceled"
13127
- name="-select-checkbox-status-canceled"
13179
+ aria-describedby="-select-checkbox-status-canceled-description"
13180
+ id="-select-checkbox-status-canceled-input"
13181
+ name="-select-checkbox-status-canceled-input"
13128
13182
  />
13129
-
13130
13183
  <span class="pf-v5-c-check__label">Canceled</span>
13131
13184
  <span
13132
13185
  class="pf-v5-c-check__description"
13186
+ id="-select-checkbox-status-canceled-description"
13133
13187
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
13134
13188
  </label>
13135
13189
  <label
13136
13190
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13137
- for="-select-checkbox-status-paused"
13191
+ id="-select-checkbox-status-paused"
13192
+ for="-select-checkbox-status-paused-input"
13138
13193
  >
13139
13194
  <input
13140
13195
  class="pf-v5-c-check__input"
13141
13196
  type="checkbox"
13142
- id="-select-checkbox-status-paused"
13143
- name="-select-checkbox-status-paused"
13197
+ id="-select-checkbox-status-paused-input"
13198
+ name="-select-checkbox-status-paused-input"
13144
13199
  />
13145
-
13146
13200
  <span class="pf-v5-c-check__label">Paused</span>
13147
13201
  </label>
13148
13202
  <label
13149
13203
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13150
- for="-select-checkbox-status-warning"
13204
+ id="-select-checkbox-status-warning"
13205
+ for="-select-checkbox-status-warning-input"
13151
13206
  >
13152
13207
  <input
13153
13208
  class="pf-v5-c-check__input"
13154
13209
  type="checkbox"
13155
- id="-select-checkbox-status-warning"
13156
- name="-select-checkbox-status-warning"
13210
+ id="-select-checkbox-status-warning-input"
13211
+ name="-select-checkbox-status-warning-input"
13157
13212
  />
13158
-
13159
13213
  <span class="pf-v5-c-check__label">Warning</span>
13160
13214
  </label>
13161
13215
  <label
13162
13216
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13163
- for="-select-checkbox-status-restarted"
13217
+ id="-select-checkbox-status-restarted"
13218
+ for="-select-checkbox-status-restarted-input"
13164
13219
  >
13165
13220
  <input
13166
13221
  class="pf-v5-c-check__input"
13167
13222
  type="checkbox"
13168
- id="-select-checkbox-status-restarted"
13169
- name="-select-checkbox-status-restarted"
13223
+ id="-select-checkbox-status-restarted-input"
13224
+ name="-select-checkbox-status-restarted-input"
13170
13225
  />
13171
-
13172
13226
  <span class="pf-v5-c-check__label">Restarted</span>
13173
13227
  </label>
13174
13228
  </fieldset>
@@ -13202,73 +13256,77 @@ wrapperTag: div
13202
13256
  >
13203
13257
  <label
13204
13258
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
13205
- for="-select-checkbox-risk-active"
13259
+ id="-select-checkbox-risk-active"
13260
+ for="-select-checkbox-risk-active-input"
13206
13261
  >
13207
13262
  <input
13208
13263
  class="pf-v5-c-check__input"
13209
13264
  type="checkbox"
13210
- id="-select-checkbox-risk-active"
13211
- name="-select-checkbox-risk-active"
13265
+ aria-describedby="-select-checkbox-risk-active-description"
13266
+ id="-select-checkbox-risk-active-input"
13267
+ name="-select-checkbox-risk-active-input"
13212
13268
  />
13213
-
13214
13269
  <span class="pf-v5-c-check__label">Active</span>
13215
13270
  <span
13216
13271
  class="pf-v5-c-check__description"
13272
+ id="-select-checkbox-risk-active-description"
13217
13273
  >This is a description</span>
13218
13274
  </label>
13219
13275
  <label
13220
13276
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
13221
- for="-select-checkbox-risk-canceled"
13277
+ id="-select-checkbox-risk-canceled"
13278
+ for="-select-checkbox-risk-canceled-input"
13222
13279
  >
13223
13280
  <input
13224
13281
  class="pf-v5-c-check__input"
13225
13282
  type="checkbox"
13226
- id="-select-checkbox-risk-canceled"
13227
- name="-select-checkbox-risk-canceled"
13283
+ aria-describedby="-select-checkbox-risk-canceled-description"
13284
+ id="-select-checkbox-risk-canceled-input"
13285
+ name="-select-checkbox-risk-canceled-input"
13228
13286
  />
13229
-
13230
13287
  <span class="pf-v5-c-check__label">Canceled</span>
13231
13288
  <span
13232
13289
  class="pf-v5-c-check__description"
13290
+ id="-select-checkbox-risk-canceled-description"
13233
13291
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
13234
13292
  </label>
13235
13293
  <label
13236
13294
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13237
- for="-select-checkbox-risk-paused"
13295
+ id="-select-checkbox-risk-paused"
13296
+ for="-select-checkbox-risk-paused-input"
13238
13297
  >
13239
13298
  <input
13240
13299
  class="pf-v5-c-check__input"
13241
13300
  type="checkbox"
13242
- id="-select-checkbox-risk-paused"
13243
- name="-select-checkbox-risk-paused"
13301
+ id="-select-checkbox-risk-paused-input"
13302
+ name="-select-checkbox-risk-paused-input"
13244
13303
  />
13245
-
13246
13304
  <span class="pf-v5-c-check__label">Paused</span>
13247
13305
  </label>
13248
13306
  <label
13249
13307
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13250
- for="-select-checkbox-risk-warning"
13308
+ id="-select-checkbox-risk-warning"
13309
+ for="-select-checkbox-risk-warning-input"
13251
13310
  >
13252
13311
  <input
13253
13312
  class="pf-v5-c-check__input"
13254
13313
  type="checkbox"
13255
- id="-select-checkbox-risk-warning"
13256
- name="-select-checkbox-risk-warning"
13314
+ id="-select-checkbox-risk-warning-input"
13315
+ name="-select-checkbox-risk-warning-input"
13257
13316
  />
13258
-
13259
13317
  <span class="pf-v5-c-check__label">Warning</span>
13260
13318
  </label>
13261
13319
  <label
13262
13320
  class="pf-v5-c-check pf-v5-c-select__menu-item"
13263
- for="-select-checkbox-risk-restarted"
13321
+ id="-select-checkbox-risk-restarted"
13322
+ for="-select-checkbox-risk-restarted-input"
13264
13323
  >
13265
13324
  <input
13266
13325
  class="pf-v5-c-check__input"
13267
13326
  type="checkbox"
13268
- id="-select-checkbox-risk-restarted"
13269
- name="-select-checkbox-risk-restarted"
13327
+ id="-select-checkbox-risk-restarted-input"
13328
+ name="-select-checkbox-risk-restarted-input"
13270
13329
  />
13271
-
13272
13330
  <span class="pf-v5-c-check__label">Restarted</span>
13273
13331
  </label>
13274
13332
  </fieldset>
@@ -13284,7 +13342,10 @@ wrapperTag: div
13284
13342
  type="button"
13285
13343
  aria-label="Sort"
13286
13344
  >
13287
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
13345
+ <i
13346
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
13347
+ aria-hidden="true"
13348
+ ></i>
13288
13349
  </button>
13289
13350
  </div>
13290
13351
 
@@ -14559,73 +14620,77 @@ wrapperTag: div
14559
14620
  >
14560
14621
  <label
14561
14622
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
14562
- for="-select-checkbox-status-active"
14623
+ id="-select-checkbox-status-active"
14624
+ for="-select-checkbox-status-active-input"
14563
14625
  >
14564
14626
  <input
14565
14627
  class="pf-v5-c-check__input"
14566
14628
  type="checkbox"
14567
- id="-select-checkbox-status-active"
14568
- name="-select-checkbox-status-active"
14629
+ aria-describedby="-select-checkbox-status-active-description"
14630
+ id="-select-checkbox-status-active-input"
14631
+ name="-select-checkbox-status-active-input"
14569
14632
  />
14570
-
14571
14633
  <span class="pf-v5-c-check__label">Active</span>
14572
14634
  <span
14573
14635
  class="pf-v5-c-check__description"
14636
+ id="-select-checkbox-status-active-description"
14574
14637
  >This is a description</span>
14575
14638
  </label>
14576
14639
  <label
14577
14640
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
14578
- for="-select-checkbox-status-canceled"
14641
+ id="-select-checkbox-status-canceled"
14642
+ for="-select-checkbox-status-canceled-input"
14579
14643
  >
14580
14644
  <input
14581
14645
  class="pf-v5-c-check__input"
14582
14646
  type="checkbox"
14583
- id="-select-checkbox-status-canceled"
14584
- name="-select-checkbox-status-canceled"
14647
+ aria-describedby="-select-checkbox-status-canceled-description"
14648
+ id="-select-checkbox-status-canceled-input"
14649
+ name="-select-checkbox-status-canceled-input"
14585
14650
  />
14586
-
14587
14651
  <span class="pf-v5-c-check__label">Canceled</span>
14588
14652
  <span
14589
14653
  class="pf-v5-c-check__description"
14654
+ id="-select-checkbox-status-canceled-description"
14590
14655
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
14591
14656
  </label>
14592
14657
  <label
14593
14658
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14594
- for="-select-checkbox-status-paused"
14659
+ id="-select-checkbox-status-paused"
14660
+ for="-select-checkbox-status-paused-input"
14595
14661
  >
14596
14662
  <input
14597
14663
  class="pf-v5-c-check__input"
14598
14664
  type="checkbox"
14599
- id="-select-checkbox-status-paused"
14600
- name="-select-checkbox-status-paused"
14665
+ id="-select-checkbox-status-paused-input"
14666
+ name="-select-checkbox-status-paused-input"
14601
14667
  />
14602
-
14603
14668
  <span class="pf-v5-c-check__label">Paused</span>
14604
14669
  </label>
14605
14670
  <label
14606
14671
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14607
- for="-select-checkbox-status-warning"
14672
+ id="-select-checkbox-status-warning"
14673
+ for="-select-checkbox-status-warning-input"
14608
14674
  >
14609
14675
  <input
14610
14676
  class="pf-v5-c-check__input"
14611
14677
  type="checkbox"
14612
- id="-select-checkbox-status-warning"
14613
- name="-select-checkbox-status-warning"
14678
+ id="-select-checkbox-status-warning-input"
14679
+ name="-select-checkbox-status-warning-input"
14614
14680
  />
14615
-
14616
14681
  <span class="pf-v5-c-check__label">Warning</span>
14617
14682
  </label>
14618
14683
  <label
14619
14684
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14620
- for="-select-checkbox-status-restarted"
14685
+ id="-select-checkbox-status-restarted"
14686
+ for="-select-checkbox-status-restarted-input"
14621
14687
  >
14622
14688
  <input
14623
14689
  class="pf-v5-c-check__input"
14624
14690
  type="checkbox"
14625
- id="-select-checkbox-status-restarted"
14626
- name="-select-checkbox-status-restarted"
14691
+ id="-select-checkbox-status-restarted-input"
14692
+ name="-select-checkbox-status-restarted-input"
14627
14693
  />
14628
-
14629
14694
  <span class="pf-v5-c-check__label">Restarted</span>
14630
14695
  </label>
14631
14696
  </fieldset>
@@ -14659,73 +14724,77 @@ wrapperTag: div
14659
14724
  >
14660
14725
  <label
14661
14726
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
14662
- for="-select-checkbox-risk-active"
14727
+ id="-select-checkbox-risk-active"
14728
+ for="-select-checkbox-risk-active-input"
14663
14729
  >
14664
14730
  <input
14665
14731
  class="pf-v5-c-check__input"
14666
14732
  type="checkbox"
14667
- id="-select-checkbox-risk-active"
14668
- name="-select-checkbox-risk-active"
14733
+ aria-describedby="-select-checkbox-risk-active-description"
14734
+ id="-select-checkbox-risk-active-input"
14735
+ name="-select-checkbox-risk-active-input"
14669
14736
  />
14670
-
14671
14737
  <span class="pf-v5-c-check__label">Active</span>
14672
14738
  <span
14673
14739
  class="pf-v5-c-check__description"
14740
+ id="-select-checkbox-risk-active-description"
14674
14741
  >This is a description</span>
14675
14742
  </label>
14676
14743
  <label
14677
14744
  class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
14678
- for="-select-checkbox-risk-canceled"
14745
+ id="-select-checkbox-risk-canceled"
14746
+ for="-select-checkbox-risk-canceled-input"
14679
14747
  >
14680
14748
  <input
14681
14749
  class="pf-v5-c-check__input"
14682
14750
  type="checkbox"
14683
- id="-select-checkbox-risk-canceled"
14684
- name="-select-checkbox-risk-canceled"
14751
+ aria-describedby="-select-checkbox-risk-canceled-description"
14752
+ id="-select-checkbox-risk-canceled-input"
14753
+ name="-select-checkbox-risk-canceled-input"
14685
14754
  />
14686
-
14687
14755
  <span class="pf-v5-c-check__label">Canceled</span>
14688
14756
  <span
14689
14757
  class="pf-v5-c-check__description"
14758
+ id="-select-checkbox-risk-canceled-description"
14690
14759
  >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
14691
14760
  </label>
14692
14761
  <label
14693
14762
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14694
- for="-select-checkbox-risk-paused"
14763
+ id="-select-checkbox-risk-paused"
14764
+ for="-select-checkbox-risk-paused-input"
14695
14765
  >
14696
14766
  <input
14697
14767
  class="pf-v5-c-check__input"
14698
14768
  type="checkbox"
14699
- id="-select-checkbox-risk-paused"
14700
- name="-select-checkbox-risk-paused"
14769
+ id="-select-checkbox-risk-paused-input"
14770
+ name="-select-checkbox-risk-paused-input"
14701
14771
  />
14702
-
14703
14772
  <span class="pf-v5-c-check__label">Paused</span>
14704
14773
  </label>
14705
14774
  <label
14706
14775
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14707
- for="-select-checkbox-risk-warning"
14776
+ id="-select-checkbox-risk-warning"
14777
+ for="-select-checkbox-risk-warning-input"
14708
14778
  >
14709
14779
  <input
14710
14780
  class="pf-v5-c-check__input"
14711
14781
  type="checkbox"
14712
- id="-select-checkbox-risk-warning"
14713
- name="-select-checkbox-risk-warning"
14782
+ id="-select-checkbox-risk-warning-input"
14783
+ name="-select-checkbox-risk-warning-input"
14714
14784
  />
14715
-
14716
14785
  <span class="pf-v5-c-check__label">Warning</span>
14717
14786
  </label>
14718
14787
  <label
14719
14788
  class="pf-v5-c-check pf-v5-c-select__menu-item"
14720
- for="-select-checkbox-risk-restarted"
14789
+ id="-select-checkbox-risk-restarted"
14790
+ for="-select-checkbox-risk-restarted-input"
14721
14791
  >
14722
14792
  <input
14723
14793
  class="pf-v5-c-check__input"
14724
14794
  type="checkbox"
14725
- id="-select-checkbox-risk-restarted"
14726
- name="-select-checkbox-risk-restarted"
14795
+ id="-select-checkbox-risk-restarted-input"
14796
+ name="-select-checkbox-risk-restarted-input"
14727
14797
  />
14728
-
14729
14798
  <span class="pf-v5-c-check__label">Restarted</span>
14730
14799
  </label>
14731
14800
  </fieldset>
@@ -14741,7 +14810,10 @@ wrapperTag: div
14741
14810
  type="button"
14742
14811
  aria-label="Sort"
14743
14812
  >
14744
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
14813
+ <i
14814
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
14815
+ aria-hidden="true"
14816
+ ></i>
14745
14817
  </button>
14746
14818
  </div>
14747
14819
 
@@ -15897,7 +15969,10 @@ wrapperTag: div
15897
15969
  type="button"
15898
15970
  aria-label="Sort"
15899
15971
  >
15900
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
15972
+ <i
15973
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
15974
+ aria-hidden="true"
15975
+ ></i>
15901
15976
  </button>
15902
15977
  </div>
15903
15978
 
@@ -17051,7 +17126,10 @@ wrapperTag: div
17051
17126
  type="button"
17052
17127
  aria-label="Sort"
17053
17128
  >
17054
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
17129
+ <i
17130
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
17131
+ aria-hidden="true"
17132
+ ></i>
17055
17133
  </button>
17056
17134
  </div>
17057
17135
 
@@ -18226,7 +18304,10 @@ wrapperTag: div
18226
18304
  type="button"
18227
18305
  aria-label="Sort"
18228
18306
  >
18229
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
18307
+ <i
18308
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
18309
+ aria-hidden="true"
18310
+ ></i>
18230
18311
  </button>
18231
18312
  </div>
18232
18313
 
@@ -19400,7 +19481,10 @@ wrapperTag: div
19400
19481
  type="button"
19401
19482
  aria-label="Sort"
19402
19483
  >
19403
- <i class="fas fa-sort-amount-down" aria-hidden="true"></i>
19484
+ <i
19485
+ class="fas fa-sort-amount-down pf-v5-m-mirror-inline-rtl"
19486
+ aria-hidden="true"
19487
+ ></i>
19404
19488
  </button>
19405
19489
  </div>
19406
19490