@patternfly/react-core 6.0.0-alpha.2 → 6.0.0-alpha.4

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 (1084) hide show
  1. package/CHANGELOG.md +80 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/Chip/package.json +1 -1
  21. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  22. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/DragDrop/package.json +1 -1
  28. package/dist/dynamic/components/Drawer/package.json +1 -1
  29. package/dist/dynamic/components/Dropdown/package.json +1 -1
  30. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  31. package/dist/dynamic/components/EmptyState/package.json +1 -1
  32. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  33. package/dist/dynamic/components/FileUpload/package.json +1 -1
  34. package/dist/dynamic/components/Form/package.json +1 -1
  35. package/dist/dynamic/components/FormSelect/package.json +1 -1
  36. package/dist/dynamic/components/HelperText/package.json +1 -1
  37. package/dist/dynamic/components/Hint/package.json +1 -1
  38. package/dist/dynamic/components/Icon/package.json +1 -1
  39. package/dist/dynamic/components/InputGroup/package.json +1 -1
  40. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  41. package/dist/dynamic/components/Label/package.json +1 -1
  42. package/dist/dynamic/components/List/package.json +1 -1
  43. package/dist/dynamic/components/LoginPage/package.json +1 -1
  44. package/dist/dynamic/components/Masthead/package.json +1 -1
  45. package/dist/dynamic/components/Menu/package.json +1 -1
  46. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  47. package/dist/dynamic/components/Modal/package.json +1 -1
  48. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  49. package/dist/dynamic/components/Nav/package.json +1 -1
  50. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  51. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  52. package/dist/dynamic/components/NumberInput/package.json +1 -1
  53. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  54. package/dist/dynamic/components/Page/package.json +1 -1
  55. package/dist/dynamic/components/Pagination/package.json +1 -1
  56. package/dist/dynamic/components/Panel/package.json +1 -1
  57. package/dist/dynamic/components/Popover/package.json +1 -1
  58. package/dist/dynamic/components/Progress/package.json +1 -1
  59. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  60. package/dist/dynamic/components/Radio/package.json +1 -1
  61. package/dist/dynamic/components/SearchInput/package.json +1 -1
  62. package/dist/dynamic/components/Select/package.json +1 -1
  63. package/dist/dynamic/components/Sidebar/package.json +1 -1
  64. package/dist/dynamic/components/SimpleList/package.json +1 -1
  65. package/dist/dynamic/components/Skeleton/package.json +1 -1
  66. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  67. package/dist/dynamic/components/Slider/package.json +1 -1
  68. package/dist/dynamic/components/Spinner/package.json +1 -1
  69. package/dist/dynamic/components/Switch/package.json +1 -1
  70. package/dist/dynamic/components/Tabs/package.json +1 -1
  71. package/dist/dynamic/components/Text/package.json +1 -1
  72. package/dist/dynamic/components/TextArea/package.json +1 -1
  73. package/dist/dynamic/components/TextInput/package.json +1 -1
  74. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  75. package/dist/dynamic/components/Tile/package.json +1 -1
  76. package/dist/dynamic/components/TimePicker/package.json +1 -1
  77. package/dist/dynamic/components/Timestamp/package.json +1 -1
  78. package/dist/dynamic/components/Title/package.json +1 -1
  79. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  80. package/dist/dynamic/components/Toolbar/package.json +1 -1
  81. package/dist/dynamic/components/Tooltip/package.json +1 -1
  82. package/dist/dynamic/components/TreeView/package.json +1 -1
  83. package/dist/dynamic/components/Truncate/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  85. package/dist/dynamic/components/Wizard/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
  90. package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
  91. package/dist/dynamic/deprecated/components/Select/package.json +1 -1
  92. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  93. package/dist/dynamic/deprecated/components/package.json +1 -1
  94. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  95. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  96. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  97. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  98. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  99. package/dist/dynamic/helpers/constants/package.json +1 -1
  100. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/favorites/package.json +1 -1
  102. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  103. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  104. package/dist/dynamic/helpers/package.json +1 -1
  105. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  106. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  107. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  108. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  109. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  110. package/dist/dynamic/helpers/util/package.json +1 -1
  111. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  112. package/dist/dynamic/layouts/Flex/package.json +1 -1
  113. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  114. package/dist/dynamic/layouts/Grid/package.json +1 -1
  115. package/dist/dynamic/layouts/Level/package.json +1 -1
  116. package/dist/dynamic/layouts/Split/package.json +1 -1
  117. package/dist/dynamic/layouts/Stack/package.json +1 -1
  118. package/dist/dynamic/next/components/package.json +1 -1
  119. package/dist/esm/components/AboutModal/AboutModalBox.js +1 -1
  120. package/dist/esm/components/AboutModal/AboutModalBox.js.map +1 -1
  121. package/dist/esm/components/AboutModal/AboutModalBoxBrand.js +1 -1
  122. package/dist/esm/components/AboutModal/AboutModalBoxBrand.js.map +1 -1
  123. package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.js +1 -1
  124. package/dist/esm/components/AboutModal/AboutModalBoxCloseButton.js.map +1 -1
  125. package/dist/esm/components/AboutModal/AboutModalBoxContent.js +2 -2
  126. package/dist/esm/components/AboutModal/AboutModalBoxContent.js.map +1 -1
  127. package/dist/esm/components/AboutModal/AboutModalBoxHeader.js +1 -1
  128. package/dist/esm/components/AboutModal/AboutModalBoxHeader.js.map +1 -1
  129. package/dist/esm/components/Accordion/Accordion.js +1 -1
  130. package/dist/esm/components/Accordion/Accordion.js.map +1 -1
  131. package/dist/esm/components/Accordion/AccordionContent.js +1 -1
  132. package/dist/esm/components/Accordion/AccordionContent.js.map +1 -1
  133. package/dist/esm/components/Accordion/AccordionExpandableContentBody.js +1 -1
  134. package/dist/esm/components/Accordion/AccordionExpandableContentBody.js.map +1 -1
  135. package/dist/esm/components/Accordion/AccordionToggle.js +1 -1
  136. package/dist/esm/components/Accordion/AccordionToggle.js.map +1 -1
  137. package/dist/esm/components/ActionList/ActionList.js +1 -1
  138. package/dist/esm/components/ActionList/ActionList.js.map +1 -1
  139. package/dist/esm/components/ActionList/ActionListGroup.js +1 -1
  140. package/dist/esm/components/ActionList/ActionListGroup.js.map +1 -1
  141. package/dist/esm/components/ActionList/ActionListItem.js +1 -1
  142. package/dist/esm/components/ActionList/ActionListItem.js.map +1 -1
  143. package/dist/esm/components/Alert/Alert.js +1 -1
  144. package/dist/esm/components/Alert/Alert.js.map +1 -1
  145. package/dist/esm/components/Alert/AlertGroupInline.js +1 -1
  146. package/dist/esm/components/Alert/AlertGroupInline.js.map +1 -1
  147. package/dist/esm/components/Alert/AlertIcon.js +1 -1
  148. package/dist/esm/components/Alert/AlertIcon.js.map +1 -1
  149. package/dist/esm/components/Alert/AlertToggleExpandButton.js +1 -1
  150. package/dist/esm/components/Alert/AlertToggleExpandButton.js.map +1 -1
  151. package/dist/esm/components/Avatar/Avatar.js +1 -1
  152. package/dist/esm/components/Avatar/Avatar.js.map +1 -1
  153. package/dist/esm/components/BackToTop/BackToTop.js +1 -1
  154. package/dist/esm/components/BackToTop/BackToTop.js.map +1 -1
  155. package/dist/esm/components/Backdrop/Backdrop.js +1 -1
  156. package/dist/esm/components/Backdrop/Backdrop.js.map +1 -1
  157. package/dist/esm/components/BackgroundImage/BackgroundImage.js +1 -1
  158. package/dist/esm/components/BackgroundImage/BackgroundImage.js.map +1 -1
  159. package/dist/esm/components/Badge/Badge.js +1 -1
  160. package/dist/esm/components/Badge/Badge.js.map +1 -1
  161. package/dist/esm/components/Banner/Banner.js +1 -1
  162. package/dist/esm/components/Banner/Banner.js.map +1 -1
  163. package/dist/esm/components/Brand/Brand.js +1 -1
  164. package/dist/esm/components/Brand/Brand.js.map +1 -1
  165. package/dist/esm/components/Breadcrumb/Breadcrumb.js +1 -1
  166. package/dist/esm/components/Breadcrumb/Breadcrumb.js.map +1 -1
  167. package/dist/esm/components/Breadcrumb/BreadcrumbHeading.js +1 -1
  168. package/dist/esm/components/Breadcrumb/BreadcrumbHeading.js.map +1 -1
  169. package/dist/esm/components/Breadcrumb/BreadcrumbItem.js +1 -1
  170. package/dist/esm/components/Breadcrumb/BreadcrumbItem.js.map +1 -1
  171. package/dist/esm/components/Button/Button.d.ts +1 -1
  172. package/dist/esm/components/Button/Button.d.ts.map +1 -1
  173. package/dist/esm/components/Button/Button.js +2 -2
  174. package/dist/esm/components/Button/Button.js.map +1 -1
  175. package/dist/esm/components/CalendarMonth/CalendarMonth.js +1 -1
  176. package/dist/esm/components/CalendarMonth/CalendarMonth.js.map +1 -1
  177. package/dist/esm/components/Card/Card.js +1 -1
  178. package/dist/esm/components/Card/Card.js.map +1 -1
  179. package/dist/esm/components/Card/CardActions.js +1 -1
  180. package/dist/esm/components/Card/CardActions.js.map +1 -1
  181. package/dist/esm/components/Card/CardBody.js +1 -1
  182. package/dist/esm/components/Card/CardBody.js.map +1 -1
  183. package/dist/esm/components/Card/CardExpandableContent.js +1 -1
  184. package/dist/esm/components/Card/CardExpandableContent.js.map +1 -1
  185. package/dist/esm/components/Card/CardFooter.js +1 -1
  186. package/dist/esm/components/Card/CardFooter.js.map +1 -1
  187. package/dist/esm/components/Card/CardHeader.js +1 -1
  188. package/dist/esm/components/Card/CardHeader.js.map +1 -1
  189. package/dist/esm/components/Card/CardHeaderMain.js +1 -1
  190. package/dist/esm/components/Card/CardHeaderMain.js.map +1 -1
  191. package/dist/esm/components/Card/CardSelectableActions.js +1 -1
  192. package/dist/esm/components/Card/CardSelectableActions.js.map +1 -1
  193. package/dist/esm/components/Card/CardTitle.js +1 -1
  194. package/dist/esm/components/Card/CardTitle.js.map +1 -1
  195. package/dist/esm/components/Checkbox/Checkbox.js +1 -1
  196. package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
  197. package/dist/esm/components/Chip/Chip.d.ts +1 -0
  198. package/dist/esm/components/Chip/Chip.d.ts.map +1 -1
  199. package/dist/esm/components/Chip/Chip.js +9 -1
  200. package/dist/esm/components/Chip/Chip.js.map +1 -1
  201. package/dist/esm/components/Chip/ChipGroup.js +1 -1
  202. package/dist/esm/components/Chip/ChipGroup.js.map +1 -1
  203. package/dist/esm/components/ClipboardCopy/ClipboardCopy.d.ts +10 -8
  204. package/dist/esm/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
  205. package/dist/esm/components/ClipboardCopy/ClipboardCopy.js +21 -9
  206. package/dist/esm/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
  207. package/dist/esm/components/ClipboardCopy/ClipboardCopyAction.js +1 -1
  208. package/dist/esm/components/ClipboardCopy/ClipboardCopyAction.js.map +1 -1
  209. package/dist/esm/components/ClipboardCopy/ClipboardCopyExpanded.d.ts +0 -1
  210. package/dist/esm/components/ClipboardCopy/ClipboardCopyExpanded.d.ts.map +1 -1
  211. package/dist/esm/components/ClipboardCopy/ClipboardCopyExpanded.js +1 -1
  212. package/dist/esm/components/ClipboardCopy/ClipboardCopyExpanded.js.map +1 -1
  213. package/dist/esm/components/ClipboardCopy/ClipboardCopyToggle.js +1 -1
  214. package/dist/esm/components/ClipboardCopy/ClipboardCopyToggle.js.map +1 -1
  215. package/dist/esm/components/CodeBlock/CodeBlock.js +1 -1
  216. package/dist/esm/components/CodeBlock/CodeBlock.js.map +1 -1
  217. package/dist/esm/components/CodeBlock/CodeBlockAction.js +1 -1
  218. package/dist/esm/components/CodeBlock/CodeBlockAction.js.map +1 -1
  219. package/dist/esm/components/CodeBlock/CodeBlockCode.js +1 -1
  220. package/dist/esm/components/CodeBlock/CodeBlockCode.js.map +1 -1
  221. package/dist/esm/components/DataList/DataList.d.ts.map +1 -1
  222. package/dist/esm/components/DataList/DataList.js +3 -3
  223. package/dist/esm/components/DataList/DataList.js.map +1 -1
  224. package/dist/esm/components/DataList/DataListAction.js +4 -4
  225. package/dist/esm/components/DataList/DataListAction.js.map +1 -1
  226. package/dist/esm/components/DataList/DataListCell.js +1 -1
  227. package/dist/esm/components/DataList/DataListCell.js.map +1 -1
  228. package/dist/esm/components/DataList/DataListCheck.js +1 -1
  229. package/dist/esm/components/DataList/DataListCheck.js.map +1 -1
  230. package/dist/esm/components/DataList/DataListContent.js +1 -1
  231. package/dist/esm/components/DataList/DataListContent.js.map +1 -1
  232. package/dist/esm/components/DataList/DataListControl.js +1 -1
  233. package/dist/esm/components/DataList/DataListControl.js.map +1 -1
  234. package/dist/esm/components/DataList/DataListDragButton.js +1 -1
  235. package/dist/esm/components/DataList/DataListDragButton.js.map +1 -1
  236. package/dist/esm/components/DataList/DataListItem.js +1 -1
  237. package/dist/esm/components/DataList/DataListItem.js.map +1 -1
  238. package/dist/esm/components/DataList/DataListItemCells.js +1 -1
  239. package/dist/esm/components/DataList/DataListItemCells.js.map +1 -1
  240. package/dist/esm/components/DataList/DataListItemRow.js +1 -1
  241. package/dist/esm/components/DataList/DataListItemRow.js.map +1 -1
  242. package/dist/esm/components/DataList/DataListText.js +1 -1
  243. package/dist/esm/components/DataList/DataListText.js.map +1 -1
  244. package/dist/esm/components/DataList/DataListToggle.js +1 -1
  245. package/dist/esm/components/DataList/DataListToggle.js.map +1 -1
  246. package/dist/esm/components/DatePicker/DatePicker.js +6 -6
  247. package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
  248. package/dist/esm/components/DescriptionList/DescriptionList.js +1 -1
  249. package/dist/esm/components/DescriptionList/DescriptionList.js.map +1 -1
  250. package/dist/esm/components/DescriptionList/DescriptionListDescription.js +1 -1
  251. package/dist/esm/components/DescriptionList/DescriptionListDescription.js.map +1 -1
  252. package/dist/esm/components/DescriptionList/DescriptionListGroup.js +1 -1
  253. package/dist/esm/components/DescriptionList/DescriptionListGroup.js.map +1 -1
  254. package/dist/esm/components/DescriptionList/DescriptionListTerm.js +1 -1
  255. package/dist/esm/components/DescriptionList/DescriptionListTerm.js.map +1 -1
  256. package/dist/esm/components/DescriptionList/DescriptionListTermHelpText.js +1 -1
  257. package/dist/esm/components/DescriptionList/DescriptionListTermHelpText.js.map +1 -1
  258. package/dist/esm/components/DescriptionList/DescriptionListTermHelpTextButton.js +1 -1
  259. package/dist/esm/components/DescriptionList/DescriptionListTermHelpTextButton.js.map +1 -1
  260. package/dist/esm/components/Divider/Divider.js +1 -1
  261. package/dist/esm/components/Divider/Divider.js.map +1 -1
  262. package/dist/esm/components/DragDrop/Draggable.js +1 -1
  263. package/dist/esm/components/DragDrop/Draggable.js.map +1 -1
  264. package/dist/esm/components/DragDrop/Droppable.js +1 -1
  265. package/dist/esm/components/DragDrop/Droppable.js.map +1 -1
  266. package/dist/esm/components/Drawer/Drawer.js +1 -1
  267. package/dist/esm/components/Drawer/Drawer.js.map +1 -1
  268. package/dist/esm/components/Drawer/DrawerActions.js +1 -1
  269. package/dist/esm/components/Drawer/DrawerActions.js.map +1 -1
  270. package/dist/esm/components/Drawer/DrawerCloseButton.js +1 -1
  271. package/dist/esm/components/Drawer/DrawerCloseButton.js.map +1 -1
  272. package/dist/esm/components/Drawer/DrawerContent.js +1 -1
  273. package/dist/esm/components/Drawer/DrawerContent.js.map +1 -1
  274. package/dist/esm/components/Drawer/DrawerContentBody.js +1 -1
  275. package/dist/esm/components/Drawer/DrawerContentBody.js.map +1 -1
  276. package/dist/esm/components/Drawer/DrawerHead.js +1 -1
  277. package/dist/esm/components/Drawer/DrawerHead.js.map +1 -1
  278. package/dist/esm/components/Drawer/DrawerMain.js +1 -1
  279. package/dist/esm/components/Drawer/DrawerMain.js.map +1 -1
  280. package/dist/esm/components/Drawer/DrawerPanelBody.js +1 -1
  281. package/dist/esm/components/Drawer/DrawerPanelBody.js.map +1 -1
  282. package/dist/esm/components/Drawer/DrawerPanelContent.js +1 -1
  283. package/dist/esm/components/Drawer/DrawerPanelContent.js.map +1 -1
  284. package/dist/esm/components/Drawer/DrawerSection.js +1 -1
  285. package/dist/esm/components/Drawer/DrawerSection.js.map +1 -1
  286. package/dist/esm/components/DualListSelector/DualListSelector.js +1 -1
  287. package/dist/esm/components/DualListSelector/DualListSelector.js.map +1 -1
  288. package/dist/esm/components/DualListSelector/DualListSelectorControl.js +1 -1
  289. package/dist/esm/components/DualListSelector/DualListSelectorControl.js.map +1 -1
  290. package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.js +1 -1
  291. package/dist/esm/components/DualListSelector/DualListSelectorControlsWrapper.js.map +1 -1
  292. package/dist/esm/components/DualListSelector/DualListSelectorList.js +1 -1
  293. package/dist/esm/components/DualListSelector/DualListSelectorList.js.map +1 -1
  294. package/dist/esm/components/DualListSelector/DualListSelectorListItem.js +1 -1
  295. package/dist/esm/components/DualListSelector/DualListSelectorListItem.js.map +1 -1
  296. package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.js +1 -1
  297. package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -1
  298. package/dist/esm/components/DualListSelector/DualListSelectorPane.js +1 -1
  299. package/dist/esm/components/DualListSelector/DualListSelectorPane.js.map +1 -1
  300. package/dist/esm/components/DualListSelector/DualListSelectorTree.js +1 -1
  301. package/dist/esm/components/DualListSelector/DualListSelectorTree.js.map +1 -1
  302. package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.js +1 -1
  303. package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -1
  304. package/dist/esm/components/EmptyState/EmptyState.js +1 -1
  305. package/dist/esm/components/EmptyState/EmptyState.js.map +1 -1
  306. package/dist/esm/components/EmptyState/EmptyStateActions.js +1 -1
  307. package/dist/esm/components/EmptyState/EmptyStateActions.js.map +1 -1
  308. package/dist/esm/components/EmptyState/EmptyStateBody.js +1 -1
  309. package/dist/esm/components/EmptyState/EmptyStateBody.js.map +1 -1
  310. package/dist/esm/components/EmptyState/EmptyStateFooter.js +1 -1
  311. package/dist/esm/components/EmptyState/EmptyStateFooter.js.map +1 -1
  312. package/dist/esm/components/EmptyState/EmptyStateHeader.js +1 -1
  313. package/dist/esm/components/EmptyState/EmptyStateHeader.js.map +1 -1
  314. package/dist/esm/components/EmptyState/EmptyStateIcon.js +1 -1
  315. package/dist/esm/components/EmptyState/EmptyStateIcon.js.map +1 -1
  316. package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
  317. package/dist/esm/components/ExpandableSection/ExpandableSection.js +3 -3
  318. package/dist/esm/components/ExpandableSection/ExpandableSection.js.map +1 -1
  319. package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
  320. package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js +3 -3
  321. package/dist/esm/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
  322. package/dist/esm/components/FileUpload/FileUploadField.js +1 -1
  323. package/dist/esm/components/FileUpload/FileUploadField.js.map +1 -1
  324. package/dist/esm/components/Form/ActionGroup.js +1 -1
  325. package/dist/esm/components/Form/ActionGroup.js.map +1 -1
  326. package/dist/esm/components/Form/Form.js +1 -1
  327. package/dist/esm/components/Form/Form.js.map +1 -1
  328. package/dist/esm/components/Form/FormAlert.js +1 -1
  329. package/dist/esm/components/Form/FormAlert.js.map +1 -1
  330. package/dist/esm/components/Form/FormFieldGroupHeader.js +1 -1
  331. package/dist/esm/components/Form/FormFieldGroupHeader.js.map +1 -1
  332. package/dist/esm/components/Form/FormFieldGroupToggle.js +1 -1
  333. package/dist/esm/components/Form/FormFieldGroupToggle.js.map +1 -1
  334. package/dist/esm/components/Form/FormGroup.js +1 -1
  335. package/dist/esm/components/Form/FormGroup.js.map +1 -1
  336. package/dist/esm/components/Form/FormHelperText.js +1 -1
  337. package/dist/esm/components/Form/FormHelperText.js.map +1 -1
  338. package/dist/esm/components/Form/FormSection.js +1 -1
  339. package/dist/esm/components/Form/FormSection.js.map +1 -1
  340. package/dist/esm/components/Form/InternalFormFieldGroup.js +1 -1
  341. package/dist/esm/components/Form/InternalFormFieldGroup.js.map +1 -1
  342. package/dist/esm/components/FormControl/FormControlIcon.js +1 -1
  343. package/dist/esm/components/FormControl/FormControlIcon.js.map +1 -1
  344. package/dist/esm/components/FormSelect/FormSelect.js +1 -1
  345. package/dist/esm/components/FormSelect/FormSelect.js.map +1 -1
  346. package/dist/esm/components/HelperText/HelperText.js +1 -1
  347. package/dist/esm/components/HelperText/HelperText.js.map +1 -1
  348. package/dist/esm/components/HelperText/HelperTextItem.js +1 -1
  349. package/dist/esm/components/HelperText/HelperTextItem.js.map +1 -1
  350. package/dist/esm/components/Hint/Hint.js +1 -1
  351. package/dist/esm/components/Hint/Hint.js.map +1 -1
  352. package/dist/esm/components/Hint/HintBody.js +1 -1
  353. package/dist/esm/components/Hint/HintBody.js.map +1 -1
  354. package/dist/esm/components/Hint/HintFooter.js +1 -1
  355. package/dist/esm/components/Hint/HintFooter.js.map +1 -1
  356. package/dist/esm/components/Hint/HintTitle.js +1 -1
  357. package/dist/esm/components/Hint/HintTitle.js.map +1 -1
  358. package/dist/esm/components/Icon/Icon.js +1 -1
  359. package/dist/esm/components/Icon/Icon.js.map +1 -1
  360. package/dist/esm/components/InputGroup/InputGroup.js +1 -1
  361. package/dist/esm/components/InputGroup/InputGroup.js.map +1 -1
  362. package/dist/esm/components/InputGroup/InputGroupItem.js +1 -1
  363. package/dist/esm/components/InputGroup/InputGroupItem.js.map +1 -1
  364. package/dist/esm/components/InputGroup/InputGroupText.js +1 -1
  365. package/dist/esm/components/InputGroup/InputGroupText.js.map +1 -1
  366. package/dist/esm/components/JumpLinks/JumpLinks.js +2 -2
  367. package/dist/esm/components/JumpLinks/JumpLinks.js.map +1 -1
  368. package/dist/esm/components/JumpLinks/JumpLinksItem.js +1 -1
  369. package/dist/esm/components/JumpLinks/JumpLinksItem.js.map +1 -1
  370. package/dist/esm/components/JumpLinks/JumpLinksList.js +1 -1
  371. package/dist/esm/components/JumpLinks/JumpLinksList.js.map +1 -1
  372. package/dist/esm/components/Label/Label.js +2 -2
  373. package/dist/esm/components/Label/Label.js.map +1 -1
  374. package/dist/esm/components/Label/LabelGroup.js +2 -2
  375. package/dist/esm/components/Label/LabelGroup.js.map +1 -1
  376. package/dist/esm/components/List/List.js +1 -1
  377. package/dist/esm/components/List/List.js.map +1 -1
  378. package/dist/esm/components/List/ListItem.js +1 -1
  379. package/dist/esm/components/List/ListItem.js.map +1 -1
  380. package/dist/esm/components/LoginPage/Login.js +1 -1
  381. package/dist/esm/components/LoginPage/Login.js.map +1 -1
  382. package/dist/esm/components/LoginPage/LoginFooter.js +1 -1
  383. package/dist/esm/components/LoginPage/LoginFooter.js.map +1 -1
  384. package/dist/esm/components/LoginPage/LoginHeader.js +1 -1
  385. package/dist/esm/components/LoginPage/LoginHeader.js.map +1 -1
  386. package/dist/esm/components/LoginPage/LoginMainBody.js +1 -1
  387. package/dist/esm/components/LoginPage/LoginMainBody.js.map +1 -1
  388. package/dist/esm/components/LoginPage/LoginMainFooter.js +1 -1
  389. package/dist/esm/components/LoginPage/LoginMainFooter.js.map +1 -1
  390. package/dist/esm/components/LoginPage/LoginMainFooterBandItem.js +1 -1
  391. package/dist/esm/components/LoginPage/LoginMainFooterBandItem.js.map +1 -1
  392. package/dist/esm/components/LoginPage/LoginMainFooterLinksItem.js +1 -1
  393. package/dist/esm/components/LoginPage/LoginMainFooterLinksItem.js.map +1 -1
  394. package/dist/esm/components/LoginPage/LoginMainHeader.js +1 -1
  395. package/dist/esm/components/LoginPage/LoginMainHeader.js.map +1 -1
  396. package/dist/esm/components/Masthead/Masthead.js +1 -1
  397. package/dist/esm/components/Masthead/Masthead.js.map +1 -1
  398. package/dist/esm/components/Masthead/MastheadBrand.js +1 -1
  399. package/dist/esm/components/Masthead/MastheadBrand.js.map +1 -1
  400. package/dist/esm/components/Masthead/MastheadContent.js +1 -1
  401. package/dist/esm/components/Masthead/MastheadContent.js.map +1 -1
  402. package/dist/esm/components/Masthead/MastheadMain.js +1 -1
  403. package/dist/esm/components/Masthead/MastheadMain.js.map +1 -1
  404. package/dist/esm/components/Masthead/MastheadToggle.js +1 -1
  405. package/dist/esm/components/Masthead/MastheadToggle.js.map +1 -1
  406. package/dist/esm/components/Menu/Menu.js +3 -3
  407. package/dist/esm/components/Menu/Menu.js.map +1 -1
  408. package/dist/esm/components/Menu/MenuBreadcrumb.js +1 -1
  409. package/dist/esm/components/Menu/MenuBreadcrumb.js.map +1 -1
  410. package/dist/esm/components/Menu/MenuContent.js +1 -1
  411. package/dist/esm/components/Menu/MenuContent.js.map +1 -1
  412. package/dist/esm/components/Menu/MenuFooter.js +1 -1
  413. package/dist/esm/components/Menu/MenuFooter.js.map +1 -1
  414. package/dist/esm/components/Menu/MenuGroup.js +1 -1
  415. package/dist/esm/components/Menu/MenuGroup.js.map +1 -1
  416. package/dist/esm/components/Menu/MenuItem.js +1 -1
  417. package/dist/esm/components/Menu/MenuItem.js.map +1 -1
  418. package/dist/esm/components/Menu/MenuItemAction.js +1 -1
  419. package/dist/esm/components/Menu/MenuItemAction.js.map +1 -1
  420. package/dist/esm/components/Menu/MenuList.js +1 -1
  421. package/dist/esm/components/Menu/MenuList.js.map +1 -1
  422. package/dist/esm/components/Menu/MenuSearch.js +1 -1
  423. package/dist/esm/components/Menu/MenuSearch.js.map +1 -1
  424. package/dist/esm/components/Menu/MenuSearchInput.js +1 -1
  425. package/dist/esm/components/Menu/MenuSearchInput.js.map +1 -1
  426. package/dist/esm/components/MenuToggle/MenuToggle.js +1 -1
  427. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  428. package/dist/esm/components/MenuToggle/MenuToggleAction.js +1 -1
  429. package/dist/esm/components/MenuToggle/MenuToggleAction.js.map +1 -1
  430. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js +1 -1
  431. package/dist/esm/components/MenuToggle/MenuToggleCheckbox.js.map +1 -1
  432. package/dist/esm/components/Modal/Modal.js +1 -1
  433. package/dist/esm/components/Modal/Modal.js.map +1 -1
  434. package/dist/esm/components/Modal/ModalBox.js +1 -1
  435. package/dist/esm/components/Modal/ModalBox.js.map +1 -1
  436. package/dist/esm/components/Modal/ModalBoxBody.js +1 -1
  437. package/dist/esm/components/Modal/ModalBoxBody.js.map +1 -1
  438. package/dist/esm/components/Modal/ModalBoxCloseButton.js +1 -1
  439. package/dist/esm/components/Modal/ModalBoxCloseButton.js.map +1 -1
  440. package/dist/esm/components/Modal/ModalBoxDescription.js +1 -1
  441. package/dist/esm/components/Modal/ModalBoxDescription.js.map +1 -1
  442. package/dist/esm/components/Modal/ModalBoxFooter.js +1 -1
  443. package/dist/esm/components/Modal/ModalBoxFooter.js.map +1 -1
  444. package/dist/esm/components/Modal/ModalBoxHeader.js +1 -1
  445. package/dist/esm/components/Modal/ModalBoxHeader.js.map +1 -1
  446. package/dist/esm/components/Modal/ModalBoxTitle.js +1 -1
  447. package/dist/esm/components/Modal/ModalBoxTitle.js.map +1 -1
  448. package/dist/esm/components/Modal/ModalContent.js +2 -2
  449. package/dist/esm/components/Modal/ModalContent.js.map +1 -1
  450. package/dist/esm/components/MultipleFileUpload/MultipleFileUpload.js +1 -1
  451. package/dist/esm/components/MultipleFileUpload/MultipleFileUpload.js.map +1 -1
  452. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadButton.js +1 -1
  453. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadButton.js.map +1 -1
  454. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadInfo.js +1 -1
  455. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadInfo.js.map +1 -1
  456. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.js +1 -1
  457. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadMain.js.map +1 -1
  458. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js +1 -1
  459. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatus.js.map +1 -1
  460. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js +1 -1
  461. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadStatusItem.js.map +1 -1
  462. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.js +1 -1
  463. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitle.js.map +1 -1
  464. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js +1 -1
  465. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleIcon.js.map +1 -1
  466. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleText.js +1 -1
  467. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleText.js.map +1 -1
  468. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleTextSeparator.js +1 -1
  469. package/dist/esm/components/MultipleFileUpload/MultipleFileUploadTitleTextSeparator.js.map +1 -1
  470. package/dist/esm/components/Nav/Nav.js +1 -1
  471. package/dist/esm/components/Nav/Nav.js.map +1 -1
  472. package/dist/esm/components/Nav/NavExpandable.js +1 -1
  473. package/dist/esm/components/Nav/NavExpandable.js.map +1 -1
  474. package/dist/esm/components/Nav/NavGroup.js +1 -1
  475. package/dist/esm/components/Nav/NavGroup.js.map +1 -1
  476. package/dist/esm/components/Nav/NavItem.js +1 -1
  477. package/dist/esm/components/Nav/NavItem.js.map +1 -1
  478. package/dist/esm/components/Nav/NavList.js +1 -1
  479. package/dist/esm/components/Nav/NavList.js.map +1 -1
  480. package/dist/esm/components/NotificationBadge/NotificationBadge.js +1 -1
  481. package/dist/esm/components/NotificationBadge/NotificationBadge.js.map +1 -1
  482. package/dist/esm/components/NotificationDrawer/NotificationDrawer.js +1 -1
  483. package/dist/esm/components/NotificationDrawer/NotificationDrawer.js.map +1 -1
  484. package/dist/esm/components/NotificationDrawer/NotificationDrawerBody.js +1 -1
  485. package/dist/esm/components/NotificationDrawer/NotificationDrawerBody.js.map +1 -1
  486. package/dist/esm/components/NotificationDrawer/NotificationDrawerGroup.js +1 -1
  487. package/dist/esm/components/NotificationDrawer/NotificationDrawerGroup.js.map +1 -1
  488. package/dist/esm/components/NotificationDrawer/NotificationDrawerGroupList.js +1 -1
  489. package/dist/esm/components/NotificationDrawer/NotificationDrawerGroupList.js.map +1 -1
  490. package/dist/esm/components/NotificationDrawer/NotificationDrawerHeader.d.ts.map +1 -1
  491. package/dist/esm/components/NotificationDrawer/NotificationDrawerHeader.js +2 -2
  492. package/dist/esm/components/NotificationDrawer/NotificationDrawerHeader.js.map +1 -1
  493. package/dist/esm/components/NotificationDrawer/NotificationDrawerList.js +1 -1
  494. package/dist/esm/components/NotificationDrawer/NotificationDrawerList.js.map +1 -1
  495. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItem.d.ts +2 -0
  496. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItem.d.ts.map +1 -1
  497. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItem.js +12 -3
  498. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItem.js.map +1 -1
  499. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemBody.js +1 -1
  500. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemBody.js.map +1 -1
  501. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemHeader.js +1 -1
  502. package/dist/esm/components/NotificationDrawer/NotificationDrawerListItemHeader.js.map +1 -1
  503. package/dist/esm/components/NumberInput/NumberInput.js +1 -1
  504. package/dist/esm/components/NumberInput/NumberInput.js.map +1 -1
  505. package/dist/esm/components/OverflowMenu/OverflowMenu.js +1 -1
  506. package/dist/esm/components/OverflowMenu/OverflowMenu.js.map +1 -1
  507. package/dist/esm/components/OverflowMenu/OverflowMenuContent.js +1 -1
  508. package/dist/esm/components/OverflowMenu/OverflowMenuContent.js.map +1 -1
  509. package/dist/esm/components/OverflowMenu/OverflowMenuControl.js +1 -1
  510. package/dist/esm/components/OverflowMenu/OverflowMenuControl.js.map +1 -1
  511. package/dist/esm/components/OverflowMenu/OverflowMenuGroup.js +1 -1
  512. package/dist/esm/components/OverflowMenu/OverflowMenuGroup.js.map +1 -1
  513. package/dist/esm/components/OverflowMenu/OverflowMenuItem.js +1 -1
  514. package/dist/esm/components/OverflowMenu/OverflowMenuItem.js.map +1 -1
  515. package/dist/esm/components/Page/Page.js +1 -1
  516. package/dist/esm/components/Page/Page.js.map +1 -1
  517. package/dist/esm/components/Page/PageBreadcrumb.js +1 -1
  518. package/dist/esm/components/Page/PageBreadcrumb.js.map +1 -1
  519. package/dist/esm/components/Page/PageGroup.js +1 -1
  520. package/dist/esm/components/Page/PageGroup.js.map +1 -1
  521. package/dist/esm/components/Page/PageNavigation.js +1 -1
  522. package/dist/esm/components/Page/PageNavigation.js.map +1 -1
  523. package/dist/esm/components/Page/PageSection.d.ts +4 -3
  524. package/dist/esm/components/Page/PageSection.d.ts.map +1 -1
  525. package/dist/esm/components/Page/PageSection.js +5 -3
  526. package/dist/esm/components/Page/PageSection.js.map +1 -1
  527. package/dist/esm/components/Page/PageSidebar.js +1 -1
  528. package/dist/esm/components/Page/PageSidebar.js.map +1 -1
  529. package/dist/esm/components/Page/PageSidebarBody.js +1 -1
  530. package/dist/esm/components/Page/PageSidebarBody.js.map +1 -1
  531. package/dist/esm/components/Pagination/Navigation.js +1 -1
  532. package/dist/esm/components/Pagination/Navigation.js.map +1 -1
  533. package/dist/esm/components/Pagination/Pagination.js +1 -1
  534. package/dist/esm/components/Pagination/Pagination.js.map +1 -1
  535. package/dist/esm/components/Panel/Panel.js +1 -1
  536. package/dist/esm/components/Panel/Panel.js.map +1 -1
  537. package/dist/esm/components/Panel/PanelFooter.js +1 -1
  538. package/dist/esm/components/Panel/PanelFooter.js.map +1 -1
  539. package/dist/esm/components/Panel/PanelHeader.js +1 -1
  540. package/dist/esm/components/Panel/PanelHeader.js.map +1 -1
  541. package/dist/esm/components/Panel/PanelMain.js +1 -1
  542. package/dist/esm/components/Panel/PanelMain.js.map +1 -1
  543. package/dist/esm/components/Panel/PanelMainBody.js +1 -1
  544. package/dist/esm/components/Panel/PanelMainBody.js.map +1 -1
  545. package/dist/esm/components/Popover/Popover.js +1 -1
  546. package/dist/esm/components/Popover/Popover.js.map +1 -1
  547. package/dist/esm/components/Popover/PopoverArrow.js +1 -1
  548. package/dist/esm/components/Popover/PopoverArrow.js.map +1 -1
  549. package/dist/esm/components/Popover/PopoverBody.js +1 -1
  550. package/dist/esm/components/Popover/PopoverBody.js.map +1 -1
  551. package/dist/esm/components/Popover/PopoverCloseButton.js +1 -1
  552. package/dist/esm/components/Popover/PopoverCloseButton.js.map +1 -1
  553. package/dist/esm/components/Popover/PopoverContent.js +1 -1
  554. package/dist/esm/components/Popover/PopoverContent.js.map +1 -1
  555. package/dist/esm/components/Popover/PopoverDialog.js +1 -1
  556. package/dist/esm/components/Popover/PopoverDialog.js.map +1 -1
  557. package/dist/esm/components/Popover/PopoverFooter.js +1 -1
  558. package/dist/esm/components/Popover/PopoverFooter.js.map +1 -1
  559. package/dist/esm/components/Popover/PopoverHeader.js +1 -1
  560. package/dist/esm/components/Popover/PopoverHeader.js.map +1 -1
  561. package/dist/esm/components/Popover/PopoverHeaderIcon.js +1 -1
  562. package/dist/esm/components/Popover/PopoverHeaderIcon.js.map +1 -1
  563. package/dist/esm/components/Popover/PopoverHeaderText.js +1 -1
  564. package/dist/esm/components/Popover/PopoverHeaderText.js.map +1 -1
  565. package/dist/esm/components/Progress/Progress.js +1 -1
  566. package/dist/esm/components/Progress/Progress.js.map +1 -1
  567. package/dist/esm/components/Progress/ProgressBar.js +1 -1
  568. package/dist/esm/components/Progress/ProgressBar.js.map +1 -1
  569. package/dist/esm/components/Progress/ProgressContainer.js +1 -1
  570. package/dist/esm/components/Progress/ProgressContainer.js.map +1 -1
  571. package/dist/esm/components/Progress/ProgressHelperText.js +1 -1
  572. package/dist/esm/components/Progress/ProgressHelperText.js.map +1 -1
  573. package/dist/esm/components/ProgressStepper/ProgressStep.js +1 -1
  574. package/dist/esm/components/ProgressStepper/ProgressStep.js.map +1 -1
  575. package/dist/esm/components/ProgressStepper/ProgressStepper.js +1 -1
  576. package/dist/esm/components/ProgressStepper/ProgressStepper.js.map +1 -1
  577. package/dist/esm/components/Radio/Radio.js +1 -1
  578. package/dist/esm/components/Radio/Radio.js.map +1 -1
  579. package/dist/esm/components/SearchInput/SearchInput.js +1 -1
  580. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  581. package/dist/esm/components/Sidebar/Sidebar.js +1 -1
  582. package/dist/esm/components/Sidebar/Sidebar.js.map +1 -1
  583. package/dist/esm/components/Sidebar/SidebarContent.js +1 -1
  584. package/dist/esm/components/Sidebar/SidebarContent.js.map +1 -1
  585. package/dist/esm/components/Sidebar/SidebarPanel.js +1 -1
  586. package/dist/esm/components/Sidebar/SidebarPanel.js.map +1 -1
  587. package/dist/esm/components/SimpleList/SimpleList.js +1 -1
  588. package/dist/esm/components/SimpleList/SimpleList.js.map +1 -1
  589. package/dist/esm/components/SimpleList/SimpleListGroup.js +1 -1
  590. package/dist/esm/components/SimpleList/SimpleListGroup.js.map +1 -1
  591. package/dist/esm/components/SimpleList/SimpleListItem.js +1 -1
  592. package/dist/esm/components/SimpleList/SimpleListItem.js.map +1 -1
  593. package/dist/esm/components/Skeleton/Skeleton.js +1 -1
  594. package/dist/esm/components/Skeleton/Skeleton.js.map +1 -1
  595. package/dist/esm/components/SkipToContent/SkipToContent.js +1 -1
  596. package/dist/esm/components/SkipToContent/SkipToContent.js.map +1 -1
  597. package/dist/esm/components/Slider/Slider.js +1 -1
  598. package/dist/esm/components/Slider/Slider.js.map +1 -1
  599. package/dist/esm/components/Slider/SliderStep.js +1 -1
  600. package/dist/esm/components/Slider/SliderStep.js.map +1 -1
  601. package/dist/esm/components/Spinner/Spinner.js +1 -1
  602. package/dist/esm/components/Spinner/Spinner.js.map +1 -1
  603. package/dist/esm/components/Switch/Switch.js +1 -1
  604. package/dist/esm/components/Switch/Switch.js.map +1 -1
  605. package/dist/esm/components/Tabs/OverflowTab.js +1 -1
  606. package/dist/esm/components/Tabs/OverflowTab.js.map +1 -1
  607. package/dist/esm/components/Tabs/Tab.js +1 -1
  608. package/dist/esm/components/Tabs/Tab.js.map +1 -1
  609. package/dist/esm/components/Tabs/TabAction.js +1 -1
  610. package/dist/esm/components/Tabs/TabAction.js.map +1 -1
  611. package/dist/esm/components/Tabs/TabContent.js +1 -1
  612. package/dist/esm/components/Tabs/TabContent.js.map +1 -1
  613. package/dist/esm/components/Tabs/TabContentBody.js +1 -1
  614. package/dist/esm/components/Tabs/TabContentBody.js.map +1 -1
  615. package/dist/esm/components/Tabs/TabTitleIcon.js +1 -1
  616. package/dist/esm/components/Tabs/TabTitleIcon.js.map +1 -1
  617. package/dist/esm/components/Tabs/TabTitleText.js +1 -1
  618. package/dist/esm/components/Tabs/TabTitleText.js.map +1 -1
  619. package/dist/esm/components/Tabs/Tabs.js +2 -2
  620. package/dist/esm/components/Tabs/Tabs.js.map +1 -1
  621. package/dist/esm/components/Text/Text.js +1 -1
  622. package/dist/esm/components/Text/Text.js.map +1 -1
  623. package/dist/esm/components/Text/TextContent.js +1 -1
  624. package/dist/esm/components/Text/TextContent.js.map +1 -1
  625. package/dist/esm/components/Text/TextList.js +1 -1
  626. package/dist/esm/components/Text/TextList.js.map +1 -1
  627. package/dist/esm/components/TextArea/TextArea.js +1 -1
  628. package/dist/esm/components/TextArea/TextArea.js.map +1 -1
  629. package/dist/esm/components/TextInput/TextInput.d.ts +9 -1
  630. package/dist/esm/components/TextInput/TextInput.d.ts.map +1 -1
  631. package/dist/esm/components/TextInput/TextInput.js +7 -4
  632. package/dist/esm/components/TextInput/TextInput.js.map +1 -1
  633. package/dist/esm/components/TextInputGroup/TextInputGroup.js +1 -1
  634. package/dist/esm/components/TextInputGroup/TextInputGroup.js.map +1 -1
  635. package/dist/esm/components/TextInputGroup/TextInputGroupMain.js +1 -1
  636. package/dist/esm/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
  637. package/dist/esm/components/TextInputGroup/TextInputGroupUtilities.js +1 -1
  638. package/dist/esm/components/TextInputGroup/TextInputGroupUtilities.js.map +1 -1
  639. package/dist/esm/components/Tile/Tile.js +1 -1
  640. package/dist/esm/components/Tile/Tile.js.map +1 -1
  641. package/dist/esm/components/TimePicker/TimePicker.js +2 -2
  642. package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
  643. package/dist/esm/components/Timestamp/Timestamp.js +1 -1
  644. package/dist/esm/components/Timestamp/Timestamp.js.map +1 -1
  645. package/dist/esm/components/Title/Title.js +1 -1
  646. package/dist/esm/components/Title/Title.js.map +1 -1
  647. package/dist/esm/components/ToggleGroup/ToggleGroup.js +1 -1
  648. package/dist/esm/components/ToggleGroup/ToggleGroup.js.map +1 -1
  649. package/dist/esm/components/ToggleGroup/ToggleGroupItem.js +1 -1
  650. package/dist/esm/components/ToggleGroup/ToggleGroupItem.js.map +1 -1
  651. package/dist/esm/components/ToggleGroup/ToggleGroupItemElement.js +1 -1
  652. package/dist/esm/components/ToggleGroup/ToggleGroupItemElement.js.map +1 -1
  653. package/dist/esm/components/Toolbar/Toolbar.js +1 -1
  654. package/dist/esm/components/Toolbar/Toolbar.js.map +1 -1
  655. package/dist/esm/components/Toolbar/ToolbarChipGroupContent.js +1 -1
  656. package/dist/esm/components/Toolbar/ToolbarChipGroupContent.js.map +1 -1
  657. package/dist/esm/components/Toolbar/ToolbarContent.js +1 -1
  658. package/dist/esm/components/Toolbar/ToolbarContent.js.map +1 -1
  659. package/dist/esm/components/Toolbar/ToolbarExpandIconWrapper.js +1 -1
  660. package/dist/esm/components/Toolbar/ToolbarExpandIconWrapper.js.map +1 -1
  661. package/dist/esm/components/Toolbar/ToolbarExpandableContent.js +1 -1
  662. package/dist/esm/components/Toolbar/ToolbarExpandableContent.js.map +1 -1
  663. package/dist/esm/components/Toolbar/ToolbarGroup.js +1 -1
  664. package/dist/esm/components/Toolbar/ToolbarGroup.js.map +1 -1
  665. package/dist/esm/components/Toolbar/ToolbarItem.js +1 -1
  666. package/dist/esm/components/Toolbar/ToolbarItem.js.map +1 -1
  667. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +2 -2
  668. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  669. package/dist/esm/components/Tooltip/Tooltip.js +1 -1
  670. package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
  671. package/dist/esm/components/Tooltip/TooltipArrow.js +1 -1
  672. package/dist/esm/components/Tooltip/TooltipArrow.js.map +1 -1
  673. package/dist/esm/components/Tooltip/TooltipContent.js +1 -1
  674. package/dist/esm/components/Tooltip/TooltipContent.js.map +1 -1
  675. package/dist/esm/components/TreeView/TreeViewList.js +1 -1
  676. package/dist/esm/components/TreeView/TreeViewList.js.map +1 -1
  677. package/dist/esm/components/TreeView/TreeViewListItem.d.ts.map +1 -1
  678. package/dist/esm/components/TreeView/TreeViewListItem.js +5 -5
  679. package/dist/esm/components/TreeView/TreeViewListItem.js.map +1 -1
  680. package/dist/esm/components/TreeView/TreeViewRoot.js +1 -1
  681. package/dist/esm/components/TreeView/TreeViewRoot.js.map +1 -1
  682. package/dist/esm/components/TreeView/TreeViewSearch.js +2 -2
  683. package/dist/esm/components/TreeView/TreeViewSearch.js.map +1 -1
  684. package/dist/esm/components/Truncate/Truncate.js +1 -1
  685. package/dist/esm/components/Truncate/Truncate.js.map +1 -1
  686. package/dist/esm/components/Wizard/Wizard.d.ts +1 -1
  687. package/dist/esm/components/Wizard/Wizard.d.ts.map +1 -1
  688. package/dist/esm/components/Wizard/Wizard.js +6 -12
  689. package/dist/esm/components/Wizard/Wizard.js.map +1 -1
  690. package/dist/esm/components/Wizard/WizardBody.d.ts +1 -1
  691. package/dist/esm/components/Wizard/WizardBody.d.ts.map +1 -1
  692. package/dist/esm/components/Wizard/WizardBody.js +2 -2
  693. package/dist/esm/components/Wizard/WizardBody.js.map +1 -1
  694. package/dist/esm/components/Wizard/WizardFooter.d.ts +7 -1
  695. package/dist/esm/components/Wizard/WizardFooter.d.ts.map +1 -1
  696. package/dist/esm/components/Wizard/WizardFooter.js +5 -5
  697. package/dist/esm/components/Wizard/WizardFooter.js.map +1 -1
  698. package/dist/esm/components/Wizard/WizardHeader.js +1 -1
  699. package/dist/esm/components/Wizard/WizardHeader.js.map +1 -1
  700. package/dist/esm/components/Wizard/WizardNav.js +1 -1
  701. package/dist/esm/components/Wizard/WizardNav.js.map +1 -1
  702. package/dist/esm/components/Wizard/WizardNavInternal.js +2 -2
  703. package/dist/esm/components/Wizard/WizardNavInternal.js.map +1 -1
  704. package/dist/esm/components/Wizard/WizardNavItem.js +1 -1
  705. package/dist/esm/components/Wizard/WizardNavItem.js.map +1 -1
  706. package/dist/esm/components/Wizard/WizardToggle.js +2 -2
  707. package/dist/esm/components/Wizard/WizardToggle.js.map +1 -1
  708. package/dist/esm/components/Wizard/types.d.ts +3 -0
  709. package/dist/esm/components/Wizard/types.d.ts.map +1 -1
  710. package/dist/esm/components/Wizard/types.js.map +1 -1
  711. package/dist/esm/components/Wizard/utils.d.ts +8 -1
  712. package/dist/esm/components/Wizard/utils.d.ts.map +1 -1
  713. package/dist/esm/components/Wizard/utils.js +22 -0
  714. package/dist/esm/components/Wizard/utils.js.map +1 -1
  715. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncher.js +1 -1
  716. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncher.js.map +1 -1
  717. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncherContent.js +1 -1
  718. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncherContent.js.map +1 -1
  719. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncherIcon.js +1 -1
  720. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncherIcon.js.map +1 -1
  721. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncherItem.js +1 -1
  722. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncherItem.js.map +1 -1
  723. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncherText.js +1 -1
  724. package/dist/esm/deprecated/components/ApplicationLauncher/ApplicationLauncherText.js.map +1 -1
  725. package/dist/esm/deprecated/components/ContextSelector/ContextSelector.js +1 -1
  726. package/dist/esm/deprecated/components/ContextSelector/ContextSelector.js.map +1 -1
  727. package/dist/esm/deprecated/components/ContextSelector/ContextSelectorFooter.js +1 -1
  728. package/dist/esm/deprecated/components/ContextSelector/ContextSelectorFooter.js.map +1 -1
  729. package/dist/esm/deprecated/components/ContextSelector/ContextSelectorItem.js +1 -1
  730. package/dist/esm/deprecated/components/ContextSelector/ContextSelectorItem.js.map +1 -1
  731. package/dist/esm/deprecated/components/ContextSelector/ContextSelectorMenuList.js +1 -1
  732. package/dist/esm/deprecated/components/ContextSelector/ContextSelectorMenuList.js.map +1 -1
  733. package/dist/esm/deprecated/components/ContextSelector/ContextSelectorToggle.js +1 -1
  734. package/dist/esm/deprecated/components/ContextSelector/ContextSelectorToggle.js.map +1 -1
  735. package/dist/esm/deprecated/components/Dropdown/BadgeToggle.js +1 -1
  736. package/dist/esm/deprecated/components/Dropdown/BadgeToggle.js.map +1 -1
  737. package/dist/esm/deprecated/components/Dropdown/Dropdown.js +1 -1
  738. package/dist/esm/deprecated/components/Dropdown/Dropdown.js.map +1 -1
  739. package/dist/esm/deprecated/components/Dropdown/DropdownMenu.js +1 -1
  740. package/dist/esm/deprecated/components/Dropdown/DropdownMenu.js.map +1 -1
  741. package/dist/esm/deprecated/components/Dropdown/DropdownToggle.js +1 -1
  742. package/dist/esm/deprecated/components/Dropdown/DropdownToggle.js.map +1 -1
  743. package/dist/esm/deprecated/components/Dropdown/DropdownToggleAction.js +1 -1
  744. package/dist/esm/deprecated/components/Dropdown/DropdownToggleAction.js.map +1 -1
  745. package/dist/esm/deprecated/components/Dropdown/DropdownToggleCheckbox.js +1 -1
  746. package/dist/esm/deprecated/components/Dropdown/DropdownToggleCheckbox.js.map +1 -1
  747. package/dist/esm/deprecated/components/Dropdown/DropdownWithContext.js +1 -1
  748. package/dist/esm/deprecated/components/Dropdown/DropdownWithContext.js.map +1 -1
  749. package/dist/esm/deprecated/components/Dropdown/InternalDropdownItem.js +1 -1
  750. package/dist/esm/deprecated/components/Dropdown/InternalDropdownItem.js.map +1 -1
  751. package/dist/esm/deprecated/components/Dropdown/Toggle.js +1 -1
  752. package/dist/esm/deprecated/components/Dropdown/Toggle.js.map +1 -1
  753. package/dist/esm/deprecated/components/OptionsMenu/OptionsMenu.js +1 -1
  754. package/dist/esm/deprecated/components/OptionsMenu/OptionsMenu.js.map +1 -1
  755. package/dist/esm/deprecated/components/OptionsMenu/OptionsMenuItem.js +1 -1
  756. package/dist/esm/deprecated/components/OptionsMenu/OptionsMenuItem.js.map +1 -1
  757. package/dist/esm/deprecated/components/OptionsMenu/OptionsMenuItemGroup.js +1 -1
  758. package/dist/esm/deprecated/components/OptionsMenu/OptionsMenuItemGroup.js.map +1 -1
  759. package/dist/esm/deprecated/components/OptionsMenu/OptionsMenuToggleWithText.js +1 -1
  760. package/dist/esm/deprecated/components/OptionsMenu/OptionsMenuToggleWithText.js.map +1 -1
  761. package/dist/esm/deprecated/components/PageHeader/PageHeader.js +1 -1
  762. package/dist/esm/deprecated/components/PageHeader/PageHeader.js.map +1 -1
  763. package/dist/esm/deprecated/components/PageHeader/PageHeaderTools.js +1 -1
  764. package/dist/esm/deprecated/components/PageHeader/PageHeaderTools.js.map +1 -1
  765. package/dist/esm/deprecated/components/PageHeader/PageHeaderToolsGroup.js +1 -1
  766. package/dist/esm/deprecated/components/PageHeader/PageHeaderToolsGroup.js.map +1 -1
  767. package/dist/esm/deprecated/components/PageHeader/PageHeaderToolsItem.js +1 -1
  768. package/dist/esm/deprecated/components/PageHeader/PageHeaderToolsItem.js.map +1 -1
  769. package/dist/esm/deprecated/components/Select/Select.js +4 -4
  770. package/dist/esm/deprecated/components/Select/Select.js.map +1 -1
  771. package/dist/esm/deprecated/components/Select/SelectGroup.js +1 -1
  772. package/dist/esm/deprecated/components/Select/SelectGroup.js.map +1 -1
  773. package/dist/esm/deprecated/components/Select/SelectMenu.js +2 -2
  774. package/dist/esm/deprecated/components/Select/SelectMenu.js.map +1 -1
  775. package/dist/esm/deprecated/components/Select/SelectOption.js +2 -2
  776. package/dist/esm/deprecated/components/Select/SelectOption.js.map +1 -1
  777. package/dist/esm/deprecated/components/Select/SelectToggle.js +2 -2
  778. package/dist/esm/deprecated/components/Select/SelectToggle.js.map +1 -1
  779. package/dist/esm/deprecated/components/Wizard/Wizard.js +1 -1
  780. package/dist/esm/deprecated/components/Wizard/Wizard.js.map +1 -1
  781. package/dist/esm/deprecated/components/Wizard/WizardBody.js +1 -1
  782. package/dist/esm/deprecated/components/Wizard/WizardBody.js.map +1 -1
  783. package/dist/esm/deprecated/components/Wizard/WizardFooter.js +1 -1
  784. package/dist/esm/deprecated/components/Wizard/WizardFooter.js.map +1 -1
  785. package/dist/esm/deprecated/components/Wizard/WizardFooterInternal.js +1 -1
  786. package/dist/esm/deprecated/components/Wizard/WizardFooterInternal.js.map +1 -1
  787. package/dist/esm/deprecated/components/Wizard/WizardHeader.js +1 -1
  788. package/dist/esm/deprecated/components/Wizard/WizardHeader.js.map +1 -1
  789. package/dist/esm/deprecated/components/Wizard/WizardNav.js +1 -1
  790. package/dist/esm/deprecated/components/Wizard/WizardNav.js.map +1 -1
  791. package/dist/esm/deprecated/components/Wizard/WizardNavItem.js +1 -1
  792. package/dist/esm/deprecated/components/Wizard/WizardNavItem.js.map +1 -1
  793. package/dist/esm/deprecated/components/Wizard/WizardToggle.js +1 -1
  794. package/dist/esm/deprecated/components/Wizard/WizardToggle.js.map +1 -1
  795. package/dist/esm/layouts/Bullseye/Bullseye.js +1 -1
  796. package/dist/esm/layouts/Bullseye/Bullseye.js.map +1 -1
  797. package/dist/esm/layouts/Flex/Flex.js +1 -1
  798. package/dist/esm/layouts/Flex/Flex.js.map +1 -1
  799. package/dist/esm/layouts/Flex/FlexItem.js +1 -1
  800. package/dist/esm/layouts/Flex/FlexItem.js.map +1 -1
  801. package/dist/esm/layouts/Gallery/Gallery.js +1 -1
  802. package/dist/esm/layouts/Gallery/Gallery.js.map +1 -1
  803. package/dist/esm/layouts/Grid/Grid.js +1 -1
  804. package/dist/esm/layouts/Grid/Grid.js.map +1 -1
  805. package/dist/esm/layouts/Grid/GridItem.js +1 -1
  806. package/dist/esm/layouts/Grid/GridItem.js.map +1 -1
  807. package/dist/esm/layouts/Level/Level.js +1 -1
  808. package/dist/esm/layouts/Level/Level.js.map +1 -1
  809. package/dist/esm/layouts/Split/Split.js +1 -1
  810. package/dist/esm/layouts/Split/Split.js.map +1 -1
  811. package/dist/esm/layouts/Split/SplitItem.js +1 -1
  812. package/dist/esm/layouts/Split/SplitItem.js.map +1 -1
  813. package/dist/esm/layouts/Stack/Stack.js +1 -1
  814. package/dist/esm/layouts/Stack/Stack.js.map +1 -1
  815. package/dist/esm/layouts/Stack/StackItem.js +1 -1
  816. package/dist/esm/layouts/Stack/StackItem.js.map +1 -1
  817. package/dist/js/components/Button/Button.d.ts +1 -1
  818. package/dist/js/components/Button/Button.d.ts.map +1 -1
  819. package/dist/js/components/Button/Button.js +2 -2
  820. package/dist/js/components/Button/Button.js.map +1 -1
  821. package/dist/js/components/Chip/Chip.d.ts +1 -0
  822. package/dist/js/components/Chip/Chip.d.ts.map +1 -1
  823. package/dist/js/components/Chip/Chip.js +8 -0
  824. package/dist/js/components/Chip/Chip.js.map +1 -1
  825. package/dist/js/components/ClipboardCopy/ClipboardCopy.d.ts +10 -8
  826. package/dist/js/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
  827. package/dist/js/components/ClipboardCopy/ClipboardCopy.js +20 -8
  828. package/dist/js/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
  829. package/dist/js/components/ClipboardCopy/ClipboardCopyExpanded.d.ts +0 -1
  830. package/dist/js/components/ClipboardCopy/ClipboardCopyExpanded.d.ts.map +1 -1
  831. package/dist/js/components/ClipboardCopy/ClipboardCopyExpanded.js.map +1 -1
  832. package/dist/js/components/DataList/DataList.d.ts.map +1 -1
  833. package/dist/js/components/DataList/DataList.js +2 -2
  834. package/dist/js/components/DataList/DataList.js.map +1 -1
  835. package/dist/js/components/DataList/DataListAction.js +3 -3
  836. package/dist/js/components/DataList/DataListAction.js.map +1 -1
  837. package/dist/js/components/DatePicker/DatePicker.js +3 -3
  838. package/dist/js/components/DatePicker/DatePicker.js.map +1 -1
  839. package/dist/js/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
  840. package/dist/js/components/ExpandableSection/ExpandableSection.js +2 -2
  841. package/dist/js/components/ExpandableSection/ExpandableSection.js.map +1 -1
  842. package/dist/js/components/ExpandableSection/ExpandableSectionToggle.d.ts.map +1 -1
  843. package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js +2 -2
  844. package/dist/js/components/ExpandableSection/ExpandableSectionToggle.js.map +1 -1
  845. package/dist/js/components/NotificationDrawer/NotificationDrawerHeader.d.ts.map +1 -1
  846. package/dist/js/components/NotificationDrawer/NotificationDrawerHeader.js +1 -1
  847. package/dist/js/components/NotificationDrawer/NotificationDrawerHeader.js.map +1 -1
  848. package/dist/js/components/NotificationDrawer/NotificationDrawerListItem.d.ts +2 -0
  849. package/dist/js/components/NotificationDrawer/NotificationDrawerListItem.d.ts.map +1 -1
  850. package/dist/js/components/NotificationDrawer/NotificationDrawerListItem.js +11 -2
  851. package/dist/js/components/NotificationDrawer/NotificationDrawerListItem.js.map +1 -1
  852. package/dist/js/components/Page/PageSection.d.ts +4 -3
  853. package/dist/js/components/Page/PageSection.d.ts.map +1 -1
  854. package/dist/js/components/Page/PageSection.js +4 -2
  855. package/dist/js/components/Page/PageSection.js.map +1 -1
  856. package/dist/js/components/TextInput/TextInput.d.ts +9 -1
  857. package/dist/js/components/TextInput/TextInput.d.ts.map +1 -1
  858. package/dist/js/components/TextInput/TextInput.js +6 -3
  859. package/dist/js/components/TextInput/TextInput.js.map +1 -1
  860. package/dist/js/components/Toolbar/ToolbarToggleGroup.js +1 -1
  861. package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  862. package/dist/js/components/TreeView/TreeViewListItem.d.ts.map +1 -1
  863. package/dist/js/components/TreeView/TreeViewListItem.js +4 -4
  864. package/dist/js/components/TreeView/TreeViewListItem.js.map +1 -1
  865. package/dist/js/components/Wizard/Wizard.d.ts +1 -1
  866. package/dist/js/components/Wizard/Wizard.d.ts.map +1 -1
  867. package/dist/js/components/Wizard/Wizard.js +4 -10
  868. package/dist/js/components/Wizard/Wizard.js.map +1 -1
  869. package/dist/js/components/Wizard/WizardBody.d.ts +1 -1
  870. package/dist/js/components/Wizard/WizardBody.d.ts.map +1 -1
  871. package/dist/js/components/Wizard/WizardBody.js +1 -1
  872. package/dist/js/components/Wizard/WizardBody.js.map +1 -1
  873. package/dist/js/components/Wizard/WizardFooter.d.ts +7 -1
  874. package/dist/js/components/Wizard/WizardFooter.d.ts.map +1 -1
  875. package/dist/js/components/Wizard/WizardFooter.js +4 -4
  876. package/dist/js/components/Wizard/WizardFooter.js.map +1 -1
  877. package/dist/js/components/Wizard/WizardNavInternal.js +2 -2
  878. package/dist/js/components/Wizard/WizardNavInternal.js.map +1 -1
  879. package/dist/js/components/Wizard/WizardToggle.js +1 -1
  880. package/dist/js/components/Wizard/WizardToggle.js.map +1 -1
  881. package/dist/js/components/Wizard/types.d.ts +3 -0
  882. package/dist/js/components/Wizard/types.d.ts.map +1 -1
  883. package/dist/js/components/Wizard/types.js.map +1 -1
  884. package/dist/js/components/Wizard/utils.d.ts +8 -1
  885. package/dist/js/components/Wizard/utils.d.ts.map +1 -1
  886. package/dist/js/components/Wizard/utils.js +24 -1
  887. package/dist/js/components/Wizard/utils.js.map +1 -1
  888. package/dist/styles/assets/images/PF-Backdrop.svg +1 -0
  889. package/dist/styles/assets/images/PF-IconLogo-Reverse.svg +14 -0
  890. package/dist/styles/assets/images/PF-IconLogo.svg +17 -0
  891. package/dist/styles/assets/images/logo__pf--reverse-on-md.svg +1 -1
  892. package/dist/styles/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  893. package/dist/styles/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  894. package/dist/styles/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  895. package/dist/styles/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  896. package/dist/styles/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  897. package/dist/styles/assets/images/pf_logo_white.hbs +35 -0
  898. package/dist/styles/assets/images/pf_logo_white.svg +38 -0
  899. package/dist/styles/base-no-reset.css +26 -19
  900. package/dist/styles/base.css +28 -21
  901. package/dist/umd/react-core.min.js +3 -3
  902. package/helpers/package.json +1 -1
  903. package/layouts/package.json +1 -1
  904. package/next/package.json +1 -1
  905. package/package.json +6 -6
  906. package/src/components/AboutModal/__tests__/AboutModalBox.test.tsx +1 -5
  907. package/src/components/Accordion/__tests__/AccordionItem.test.tsx +1 -3
  908. package/src/components/Alert/__tests__/AlertGroup.test.tsx +1 -1
  909. package/src/components/BackToTop/__tests__/BackToTop.test.tsx +2 -1
  910. package/src/components/Button/Button.tsx +1 -1
  911. package/src/components/Button/__tests__/Button.test.tsx +0 -1
  912. package/src/components/CalendarMonth/__tests__/CalendarMonth.test.tsx +3 -1
  913. package/src/components/Card/__tests__/CardBody.test.tsx +1 -1
  914. package/src/components/Card/__tests__/CardFooter.test.tsx +1 -1
  915. package/src/components/Chip/Chip.tsx +11 -0
  916. package/src/components/Chip/__tests__/ChipGroup.test.tsx +1 -5
  917. package/src/components/ClipboardCopy/ClipboardCopy.tsx +30 -17
  918. package/src/components/ClipboardCopy/ClipboardCopyExpanded.tsx +0 -1
  919. package/src/components/ClipboardCopy/__tests__/ClipboardCopyToggle.test.tsx +0 -1
  920. package/src/components/DataList/DataList.tsx +2 -0
  921. package/src/components/DataList/DataListAction.tsx +1 -1
  922. package/src/components/DataList/__tests__/DataList.test.tsx +140 -304
  923. package/src/components/DataList/__tests__/DataListAction.test.tsx +75 -0
  924. package/src/components/DataList/__tests__/DataListCell.test.tsx +120 -0
  925. package/src/components/DataList/__tests__/DataListCheck.test.tsx +5 -0
  926. package/src/components/DataList/__tests__/DataListContent.test.tsx +73 -0
  927. package/src/components/DataList/__tests__/DataListItem.test.tsx +46 -0
  928. package/src/components/DataList/__tests__/DataListItemCells.test.tsx +25 -0
  929. package/src/components/DataList/__tests__/DataListItemRow.test.tsx +44 -0
  930. package/src/components/DataList/__tests__/DataListToggle.test.tsx +61 -0
  931. package/src/components/DataList/__tests__/__snapshots__/DataList.test.tsx.snap +2 -323
  932. package/src/components/DataList/__tests__/__snapshots__/DataListAction.test.tsx.snap +11 -0
  933. package/src/components/DataList/__tests__/__snapshots__/DataListCell.test.tsx.snap +11 -0
  934. package/src/components/DataList/__tests__/__snapshots__/DataListContent.test.tsx.snap +17 -0
  935. package/src/components/DataList/__tests__/__snapshots__/DataListItem.test.tsx.snap +11 -0
  936. package/src/components/DataList/__tests__/__snapshots__/DataListItemCells.test.tsx.snap +9 -0
  937. package/src/components/DataList/__tests__/__snapshots__/DataListItemRow.test.tsx.snap +9 -0
  938. package/src/components/DataList/__tests__/__snapshots__/DataListToggle.test.tsx.snap +45 -0
  939. package/src/components/DataList/examples/DataListCheckboxes.tsx +5 -5
  940. package/src/components/DataList/examples/DataListMixedExpandable.tsx +1 -1
  941. package/src/components/DatePicker/DatePicker.tsx +3 -3
  942. package/src/components/DatePicker/__tests__/DatePicker.test.tsx +3 -7
  943. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +2 -2
  944. package/src/components/DescriptionList/__tests__/DescriptionList.test.tsx +128 -102
  945. package/src/components/DescriptionList/__tests__/DescriptionListDescription.test.tsx +25 -0
  946. package/src/components/DescriptionList/__tests__/DescriptionListGroup.test.tsx +25 -0
  947. package/src/components/DescriptionList/__tests__/DescriptionListHelpTextButton.test.tsx +27 -0
  948. package/src/components/DescriptionList/__tests__/DescriptionListTerm.test.tsx +35 -0
  949. package/src/components/DescriptionList/__tests__/DescriptionListTermHelpText.test.tsx +25 -0
  950. package/src/components/DescriptionList/__tests__/__snapshots__/DescriptionList.test.tsx.snap +1 -157
  951. package/src/components/DescriptionList/__tests__/__snapshots__/DescriptionListDescription.test.tsx.snap +15 -0
  952. package/src/components/DescriptionList/__tests__/__snapshots__/DescriptionListGroup.test.tsx.snap +11 -0
  953. package/src/components/DescriptionList/__tests__/__snapshots__/DescriptionListHelpTextButton.test.tsx.snap +14 -0
  954. package/src/components/DescriptionList/__tests__/__snapshots__/DescriptionListTerm.test.tsx.snap +15 -0
  955. package/src/components/DescriptionList/__tests__/__snapshots__/DescriptionListTermHelpText.test.tsx.snap +11 -0
  956. package/src/components/Divider/__tests__/Divider.test.tsx +85 -21
  957. package/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap +1 -41
  958. package/src/components/Drawer/__tests__/Drawer.test.tsx +4 -8
  959. package/src/components/Dropdown/__tests__/Dropdown.test.tsx +3 -3
  960. package/src/components/ExpandableSection/ExpandableSection.tsx +1 -2
  961. package/src/components/ExpandableSection/ExpandableSectionToggle.tsx +1 -2
  962. package/src/components/ExpandableSection/__tests__/__snapshots__/ExpandableSection.test.tsx.snap +2 -2
  963. package/src/components/Form/__tests__/FormContext.test.tsx +39 -50
  964. package/src/components/Form/__tests__/FormFieldGroup.test.tsx +1 -1
  965. package/src/components/Form/__tests__/FormGroup.test.tsx +0 -1
  966. package/src/components/Form/__tests__/FormHelperText.test.tsx +0 -1
  967. package/src/components/HelperText/__tests__/HelperText.test.tsx +67 -57
  968. package/src/components/HelperText/__tests__/HelperTextItem.test.tsx +93 -0
  969. package/src/components/HelperText/__tests__/__snapshots__/HelperText.test.tsx.snap +2 -223
  970. package/src/components/HelperText/__tests__/__snapshots__/HelperTextItem.test.tsx.snap +15 -0
  971. package/src/components/Icon/__tests__/Icon.test.tsx +2 -2
  972. package/src/components/InputGroup/__tests__/InputGroup.test.tsx +2 -2
  973. package/src/components/Masthead/__tests__/Masthead.test.tsx +1 -1
  974. package/src/components/Menu/__tests__/Menu.test.tsx +2 -3
  975. package/src/components/MenuToggle/__tests__/MenuToggle.test.tsx +18 -16
  976. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatus.test.tsx +1 -1
  977. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatusItem.test.tsx +1 -1
  978. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitle.test.tsx +1 -1
  979. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleIcon.test.tsx +1 -1
  980. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleText.test.tsx +1 -1
  981. package/src/components/MultipleFileUpload/__tests__/MultipleFileUploadTitleTextSeparator.test.tsx +1 -1
  982. package/src/components/Nav/__tests__/Nav.test.tsx +14 -14
  983. package/src/components/Nav/examples/NavFlyout.tsx +1 -1
  984. package/src/components/Nav/examples/NavHorizontalSubNav.tsx +1 -1
  985. package/src/components/Nav/examples/NavLegacyTertiary.tsx +1 -1
  986. package/src/components/NotificationBadge/__tests__/NotificationBadge.test.tsx +1 -1
  987. package/src/components/NotificationDrawer/NotificationDrawerHeader.tsx +3 -1
  988. package/src/components/NotificationDrawer/NotificationDrawerListItem.tsx +12 -0
  989. package/src/components/NotificationDrawer/__tests__/NotificationDrawerGroup.test.tsx +3 -1
  990. package/src/components/NotificationDrawer/__tests__/NotificationDrawerListItem.test.tsx +12 -1
  991. package/src/components/NotificationDrawer/__tests__/NotificationDrawerListItemHeader.test.tsx +1 -1
  992. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerHeader.test.tsx.snap +2 -0
  993. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItem.test.tsx.snap +7 -1
  994. package/src/components/NumberInput/__tests__/NumberInput.test.tsx +6 -6
  995. package/src/components/Page/PageSection.tsx +7 -5
  996. package/src/components/Page/examples/Page.md +0 -1
  997. package/src/components/Page/examples/PageHorizontalNav.tsx +1 -1
  998. package/src/components/Page/examples/PageVerticalNav.tsx +1 -1
  999. package/src/components/Pagination/__tests__/Pagination.test.tsx +4 -2
  1000. package/src/components/Pagination/examples/PaginationSticky.tsx +2 -2
  1001. package/src/components/Panel/__tests__/Panel.test.tsx +2 -2
  1002. package/src/components/Popover/__tests__/Popover.test.tsx +1 -1
  1003. package/src/components/Progress/__tests__/Progress.test.tsx +5 -5
  1004. package/src/components/ProgressStepper/__tests__/ProgressStep.test.tsx +1 -1
  1005. package/src/components/SearchInput/__tests__/SearchInput.test.tsx +9 -12
  1006. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +0 -69
  1007. package/src/components/SkipToContent/__tests__/SkipToContent.test.tsx +0 -1
  1008. package/src/components/Spinner/__tests__/Spinner.test.tsx +1 -1
  1009. package/src/components/Switch/__tests__/Switch.test.tsx +1 -1
  1010. package/src/components/Tabs/__tests__/OverflowTab.test.tsx +1 -1
  1011. package/src/components/Tabs/__tests__/Tabs.test.tsx +5 -5
  1012. package/src/components/TextInput/TextInput.tsx +16 -2
  1013. package/src/components/TextInput/__tests__/TextInput.test.tsx +14 -3
  1014. package/src/components/TextInput/examples/TextInput.md +1 -1
  1015. package/src/components/TimePicker/__tests__/TimePicker.test.tsx +4 -10
  1016. package/src/components/Toolbar/ToolbarToggleGroup.tsx +1 -1
  1017. package/src/components/Toolbar/__tests__/Toolbar.test.tsx +2 -2
  1018. package/src/components/Toolbar/__tests__/ToolbarGroup.test.tsx +5 -1
  1019. package/src/components/Toolbar/__tests__/ToolbarItem.test.tsx +5 -1
  1020. package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +0 -1
  1021. package/src/components/TreeView/TreeViewListItem.tsx +4 -2
  1022. package/src/components/TreeView/__tests__/TreeView.test.tsx +295 -222
  1023. package/src/components/TreeView/__tests__/TreeViewList.test.tsx +52 -0
  1024. package/src/components/TreeView/__tests__/TreeViewListItem.test.tsx +708 -0
  1025. package/src/components/TreeView/__tests__/TreeViewRoot.test.tsx +87 -0
  1026. package/src/components/TreeView/__tests__/TreeViewSearch.test.tsx +93 -0
  1027. package/src/components/TreeView/__tests__/__snapshots__/TreeView.test.tsx.snap +103 -3347
  1028. package/src/components/TreeView/__tests__/__snapshots__/TreeViewList.test.tsx.snap +29 -0
  1029. package/src/components/TreeView/__tests__/__snapshots__/TreeViewListItem.test.tsx.snap +83 -0
  1030. package/src/components/TreeView/__tests__/__snapshots__/TreeViewRoot.test.tsx.snap +16 -0
  1031. package/src/components/TreeView/__tests__/__snapshots__/TreeViewSearch.test.tsx.snap +38 -0
  1032. package/src/components/Wizard/Wizard.tsx +6 -18
  1033. package/src/components/Wizard/WizardBody.tsx +2 -2
  1034. package/src/components/Wizard/WizardFooter.tsx +20 -5
  1035. package/src/components/Wizard/WizardNavInternal.tsx +2 -2
  1036. package/src/components/Wizard/WizardToggle.tsx +1 -1
  1037. package/src/components/Wizard/__tests__/Wizard.test.tsx +188 -17
  1038. package/src/components/Wizard/__tests__/WizardBody.test.tsx +1 -1
  1039. package/src/components/Wizard/__tests__/WizardToggle.test.tsx +2 -2
  1040. package/src/components/Wizard/__tests__/utils.test.tsx +1 -1
  1041. package/src/components/Wizard/examples/WizardGetCurrentStep.tsx +38 -4
  1042. package/src/components/Wizard/types.tsx +4 -0
  1043. package/src/components/Wizard/utils.ts +25 -2
  1044. package/src/demos/Banner.md +4 -4
  1045. package/src/demos/CustomMenus/CustomMenus.md +6 -0
  1046. package/src/demos/CustomMenus/examples/InlineSearchFilterMenuDemo.tsx +102 -0
  1047. package/src/demos/DataList/examples/DataListBasic.tsx +314 -0
  1048. package/src/demos/DataListDemo.md +12 -0
  1049. package/src/demos/PrimaryDetail.md +3 -972
  1050. package/src/demos/RTL/RTL.md +31 -0
  1051. package/src/demos/RTL/examples/PaginatedTable.css +7 -0
  1052. package/src/demos/RTL/examples/PaginatedTable.jsx +507 -0
  1053. package/src/demos/RTL/examples/translations.en.json +67 -0
  1054. package/src/demos/RTL/examples/translations.he.json +82 -0
  1055. package/src/demos/SearchInput/SearchInput.md +1 -1
  1056. package/src/demos/examples/BackToTop/BackToTopNameDemo.tsx +3 -3
  1057. package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +2 -2
  1058. package/src/demos/examples/Nav/NavDefault.tsx +1 -1
  1059. package/src/demos/examples/Nav/NavExpandable.tsx +1 -1
  1060. package/src/demos/examples/Nav/NavHorizontal.tsx +1 -1
  1061. package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +1 -1
  1062. package/src/demos/examples/Nav/NavManual.tsx +1 -1
  1063. package/src/demos/examples/Nav/NavWithSubnav.tsx +1 -1
  1064. package/src/demos/examples/Nav/deprecated/NavLight.tsx +1 -1
  1065. package/src/demos/examples/Nav/deprecated/NavTertiary.tsx +1 -1
  1066. package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +2 -2
  1067. package/src/demos/examples/Page/PageStickySectionGroup.tsx +2 -2
  1068. package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +2 -2
  1069. package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +659 -0
  1070. package/src/demos/examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx +207 -0
  1071. package/src/demos/examples/PrimaryDetail/PrimaryDetailSimpleListInCard.tsx +116 -0
  1072. package/src/demos/examples/Wizard/InModal.tsx +2 -2
  1073. package/src/deprecated/components/ContextSelector/__tests__/ContextSelectorToggle.test.tsx +4 -4
  1074. package/src/deprecated/components/Dropdown/__tests__/DropdownToggle.test.tsx +1 -1
  1075. package/src/deprecated/components/Select/__tests__/Select.test.tsx +1 -1
  1076. package/src/deprecated/components/Wizard/__tests__/Wizard.test.tsx +3 -3
  1077. package/src/helpers/GenerateId/__tests__/GenerateId.test.tsx +1 -1
  1078. package/src/helpers/OUIA/__mocks__/ouia.ts +6 -0
  1079. package/src/helpers/__mocks__/index.ts +2 -0
  1080. package/src/helpers/__tests__/fileUtils.test.ts +6 -9
  1081. package/src/helpers/__tests__/util.test.ts +1 -1
  1082. package/src/layouts/Bullseye/__tests__/Bullseye.test.tsx +1 -1
  1083. package/src/layouts/Grid/__tests__/GridItem.test.tsx +1 -1
  1084. package/src/components/Page/examples/page.css +0 -3
@@ -1,3366 +1,122 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`renders compact no background successfully 1`] = `
3
+ exports[`Matches snapshot 1`] = `
4
4
  <DocumentFragment>
5
5
  <div
6
- class="pf-v5-c-tree-view pf-m-compact pf-m-no-background"
7
- >
8
- <ul
9
- class="pf-v5-c-tree-view__list"
10
- role="tree"
11
- >
12
- <li
13
- aria-expanded="true"
14
- class="pf-v5-c-tree-view__list-item pf-m-expanded"
15
- id="AppLaunch"
16
- role="treeitem"
17
- tabindex="-1"
18
- >
19
- <div
20
- class="pf-v5-c-tree-view__content"
21
- >
22
- <button
23
- class="pf-v5-c-tree-view__node"
24
- tabindex="0"
25
- >
26
- <span
27
- class="pf-v5-c-tree-view__node-container"
28
- >
29
- <span
30
- class="pf-v5-c-tree-view__node-toggle"
31
- tabindex="-1"
32
- >
33
- <span
34
- class="pf-v5-c-tree-view__node-toggle-icon"
35
- >
36
- <svg
37
- aria-hidden="true"
38
- class="pf-v5-svg"
39
- fill="currentColor"
40
- height="1em"
41
- role="img"
42
- viewBox="0 0 256 512"
43
- width="1em"
44
- >
45
- <path
46
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
47
- />
48
- </svg>
49
- </span>
50
- </span>
51
- <span
52
- class="pf-v5-c-tree-view__node-content"
53
- >
54
- <span
55
- class="pf-v5-c-tree-view__node-text"
56
- >
57
- ApplicationLauncher
58
- </span>
59
- </span>
60
- </span>
61
- </button>
62
- </div>
63
- <ul
64
- class="pf-v5-c-tree-view__list"
65
- role="group"
66
- >
67
- <li
68
- class="pf-v5-c-tree-view__list-item"
69
- id="App1"
70
- role="treeitem"
71
- tabindex="-1"
72
- >
73
- <div
74
- class="pf-v5-c-tree-view__content"
75
- >
76
- <button
77
- class="pf-v5-c-tree-view__node"
78
- >
79
- <span
80
- class="pf-v5-c-tree-view__node-container"
81
- >
82
- <span
83
- class="pf-v5-c-tree-view__node-toggle"
84
- tabindex="-1"
85
- >
86
- <span
87
- class="pf-v5-c-tree-view__node-toggle-icon"
88
- >
89
- <svg
90
- aria-hidden="true"
91
- class="pf-v5-svg"
92
- fill="currentColor"
93
- height="1em"
94
- role="img"
95
- viewBox="0 0 256 512"
96
- width="1em"
97
- >
98
- <path
99
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
100
- />
101
- </svg>
102
- </span>
103
- </span>
104
- <span
105
- class="pf-v5-c-tree-view__node-content"
106
- >
107
- <span
108
- class="pf-v5-c-tree-view__node-text"
109
- >
110
- Application 1
111
- </span>
112
- </span>
113
- </span>
114
- </button>
115
- </div>
116
- </li>
117
- <li
118
- class="pf-v5-c-tree-view__list-item"
119
- id="App2"
120
- role="treeitem"
121
- tabindex="-1"
122
- >
123
- <div
124
- class="pf-v5-c-tree-view__content"
125
- >
126
- <button
127
- class="pf-v5-c-tree-view__node"
128
- >
129
- <span
130
- class="pf-v5-c-tree-view__node-container"
131
- >
132
- <span
133
- class="pf-v5-c-tree-view__node-toggle"
134
- tabindex="-1"
135
- >
136
- <span
137
- class="pf-v5-c-tree-view__node-toggle-icon"
138
- >
139
- <svg
140
- aria-hidden="true"
141
- class="pf-v5-svg"
142
- fill="currentColor"
143
- height="1em"
144
- role="img"
145
- viewBox="0 0 256 512"
146
- width="1em"
147
- >
148
- <path
149
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
150
- />
151
- </svg>
152
- </span>
153
- </span>
154
- <span
155
- class="pf-v5-c-tree-view__node-content"
156
- >
157
- <span
158
- class="pf-v5-c-tree-view__node-text"
159
- >
160
- Application 2
161
- </span>
162
- </span>
163
- </span>
164
- </button>
165
- </div>
166
- </li>
167
- </ul>
168
- </li>
169
- <li
170
- class="pf-v5-c-tree-view__list-item"
171
- id="Cost"
172
- role="treeitem"
173
- tabindex="-1"
174
- >
175
- <div
176
- class="pf-v5-c-tree-view__content"
177
- >
178
- <button
179
- class="pf-v5-c-tree-view__node"
180
- >
181
- <span
182
- class="pf-v5-c-tree-view__node-container"
183
- >
184
- <span
185
- class="pf-v5-c-tree-view__node-toggle"
186
- tabindex="-1"
187
- >
188
- <span
189
- class="pf-v5-c-tree-view__node-toggle-icon"
190
- >
191
- <svg
192
- aria-hidden="true"
193
- class="pf-v5-svg"
194
- fill="currentColor"
195
- height="1em"
196
- role="img"
197
- viewBox="0 0 256 512"
198
- width="1em"
199
- >
200
- <path
201
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
202
- />
203
- </svg>
204
- </span>
205
- </span>
206
- <span
207
- class="pf-v5-c-tree-view__node-content"
208
- >
209
- <span
210
- class="pf-v5-c-tree-view__node-text"
211
- >
212
- Cost Management
213
- </span>
214
- </span>
215
- </span>
216
- </button>
217
- </div>
218
- </li>
219
- <li
220
- class="pf-v5-c-tree-view__list-item"
221
- id="Sources"
222
- role="treeitem"
223
- tabindex="-1"
224
- >
225
- <div
226
- class="pf-v5-c-tree-view__content"
227
- >
228
- <button
229
- class="pf-v5-c-tree-view__node"
230
- >
231
- <span
232
- class="pf-v5-c-tree-view__node-container"
233
- >
234
- <span
235
- class="pf-v5-c-tree-view__node-toggle"
236
- tabindex="-1"
237
- >
238
- <span
239
- class="pf-v5-c-tree-view__node-toggle-icon"
240
- >
241
- <svg
242
- aria-hidden="true"
243
- class="pf-v5-svg"
244
- fill="currentColor"
245
- height="1em"
246
- role="img"
247
- viewBox="0 0 256 512"
248
- width="1em"
249
- >
250
- <path
251
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
252
- />
253
- </svg>
254
- </span>
255
- </span>
256
- <span
257
- class="pf-v5-c-tree-view__node-content"
258
- >
259
- <span
260
- class="pf-v5-c-tree-view__node-text"
261
- >
262
- Sources
263
- </span>
264
- </span>
265
- </span>
266
- </button>
267
- </div>
268
- </li>
269
- <li
270
- class="pf-v5-c-tree-view__list-item"
271
- id="Long"
272
- role="treeitem"
273
- tabindex="-1"
274
- >
275
- <div
276
- class="pf-v5-c-tree-view__content"
277
- >
278
- <button
279
- class="pf-v5-c-tree-view__node"
280
- >
281
- <span
282
- class="pf-v5-c-tree-view__node-container"
283
- >
284
- <span
285
- class="pf-v5-c-tree-view__node-toggle"
286
- tabindex="-1"
287
- >
288
- <span
289
- class="pf-v5-c-tree-view__node-toggle-icon"
290
- >
291
- <svg
292
- aria-hidden="true"
293
- class="pf-v5-svg"
294
- fill="currentColor"
295
- height="1em"
296
- role="img"
297
- viewBox="0 0 256 512"
298
- width="1em"
299
- >
300
- <path
301
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
302
- />
303
- </svg>
304
- </span>
305
- </span>
306
- <span
307
- class="pf-v5-c-tree-view__node-content"
308
- >
309
- <span
310
- class="pf-v5-c-tree-view__node-text"
311
- >
312
- Really really really long folder name that overflows the container it is in
313
- </span>
314
- </span>
315
- </span>
316
- </button>
317
- </div>
318
- </li>
319
- </ul>
320
- </div>
321
- </DocumentFragment>
322
- `;
323
-
324
- exports[`renders compact successfully 1`] = `
325
- <DocumentFragment>
326
- <div
327
- class="pf-v5-c-tree-view pf-m-compact"
328
- >
329
- <ul
330
- class="pf-v5-c-tree-view__list"
331
- role="tree"
332
- >
333
- <li
334
- aria-expanded="true"
335
- class="pf-v5-c-tree-view__list-item pf-m-expanded"
336
- id="AppLaunch"
337
- role="treeitem"
338
- tabindex="-1"
339
- >
340
- <div
341
- class="pf-v5-c-tree-view__content"
342
- >
343
- <button
344
- class="pf-v5-c-tree-view__node"
345
- tabindex="0"
346
- >
347
- <span
348
- class="pf-v5-c-tree-view__node-container"
349
- >
350
- <span
351
- class="pf-v5-c-tree-view__node-toggle"
352
- tabindex="-1"
353
- >
354
- <span
355
- class="pf-v5-c-tree-view__node-toggle-icon"
356
- >
357
- <svg
358
- aria-hidden="true"
359
- class="pf-v5-svg"
360
- fill="currentColor"
361
- height="1em"
362
- role="img"
363
- viewBox="0 0 256 512"
364
- width="1em"
365
- >
366
- <path
367
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
368
- />
369
- </svg>
370
- </span>
371
- </span>
372
- <span
373
- class="pf-v5-c-tree-view__node-content"
374
- >
375
- <span
376
- class="pf-v5-c-tree-view__node-text"
377
- >
378
- ApplicationLauncher
379
- </span>
380
- </span>
381
- </span>
382
- </button>
383
- </div>
384
- <ul
385
- class="pf-v5-c-tree-view__list"
386
- role="group"
387
- >
388
- <li
389
- class="pf-v5-c-tree-view__list-item"
390
- id="App1"
391
- role="treeitem"
392
- tabindex="-1"
393
- >
394
- <div
395
- class="pf-v5-c-tree-view__content"
396
- >
397
- <button
398
- class="pf-v5-c-tree-view__node"
399
- >
400
- <span
401
- class="pf-v5-c-tree-view__node-container"
402
- >
403
- <span
404
- class="pf-v5-c-tree-view__node-toggle"
405
- tabindex="-1"
406
- >
407
- <span
408
- class="pf-v5-c-tree-view__node-toggle-icon"
409
- >
410
- <svg
411
- aria-hidden="true"
412
- class="pf-v5-svg"
413
- fill="currentColor"
414
- height="1em"
415
- role="img"
416
- viewBox="0 0 256 512"
417
- width="1em"
418
- >
419
- <path
420
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
421
- />
422
- </svg>
423
- </span>
424
- </span>
425
- <span
426
- class="pf-v5-c-tree-view__node-content"
427
- >
428
- <span
429
- class="pf-v5-c-tree-view__node-text"
430
- >
431
- Application 1
432
- </span>
433
- </span>
434
- </span>
435
- </button>
436
- </div>
437
- </li>
438
- <li
439
- class="pf-v5-c-tree-view__list-item"
440
- id="App2"
441
- role="treeitem"
442
- tabindex="-1"
443
- >
444
- <div
445
- class="pf-v5-c-tree-view__content"
446
- >
447
- <button
448
- class="pf-v5-c-tree-view__node"
449
- >
450
- <span
451
- class="pf-v5-c-tree-view__node-container"
452
- >
453
- <span
454
- class="pf-v5-c-tree-view__node-toggle"
455
- tabindex="-1"
456
- >
457
- <span
458
- class="pf-v5-c-tree-view__node-toggle-icon"
459
- >
460
- <svg
461
- aria-hidden="true"
462
- class="pf-v5-svg"
463
- fill="currentColor"
464
- height="1em"
465
- role="img"
466
- viewBox="0 0 256 512"
467
- width="1em"
468
- >
469
- <path
470
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
471
- />
472
- </svg>
473
- </span>
474
- </span>
475
- <span
476
- class="pf-v5-c-tree-view__node-content"
477
- >
478
- <span
479
- class="pf-v5-c-tree-view__node-text"
480
- >
481
- Application 2
482
- </span>
483
- </span>
484
- </span>
485
- </button>
486
- </div>
487
- </li>
488
- </ul>
489
- </li>
490
- <li
491
- class="pf-v5-c-tree-view__list-item"
492
- id="Cost"
493
- role="treeitem"
494
- tabindex="-1"
495
- >
496
- <div
497
- class="pf-v5-c-tree-view__content"
498
- >
499
- <button
500
- class="pf-v5-c-tree-view__node"
501
- >
502
- <span
503
- class="pf-v5-c-tree-view__node-container"
504
- >
505
- <span
506
- class="pf-v5-c-tree-view__node-toggle"
507
- tabindex="-1"
508
- >
509
- <span
510
- class="pf-v5-c-tree-view__node-toggle-icon"
511
- >
512
- <svg
513
- aria-hidden="true"
514
- class="pf-v5-svg"
515
- fill="currentColor"
516
- height="1em"
517
- role="img"
518
- viewBox="0 0 256 512"
519
- width="1em"
520
- >
521
- <path
522
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
523
- />
524
- </svg>
525
- </span>
526
- </span>
527
- <span
528
- class="pf-v5-c-tree-view__node-content"
529
- >
530
- <span
531
- class="pf-v5-c-tree-view__node-text"
532
- >
533
- Cost Management
534
- </span>
535
- </span>
536
- </span>
537
- </button>
538
- </div>
539
- </li>
540
- <li
541
- class="pf-v5-c-tree-view__list-item"
542
- id="Sources"
543
- role="treeitem"
544
- tabindex="-1"
545
- >
546
- <div
547
- class="pf-v5-c-tree-view__content"
548
- >
549
- <button
550
- class="pf-v5-c-tree-view__node"
551
- >
552
- <span
553
- class="pf-v5-c-tree-view__node-container"
554
- >
555
- <span
556
- class="pf-v5-c-tree-view__node-toggle"
557
- tabindex="-1"
558
- >
559
- <span
560
- class="pf-v5-c-tree-view__node-toggle-icon"
561
- >
562
- <svg
563
- aria-hidden="true"
564
- class="pf-v5-svg"
565
- fill="currentColor"
566
- height="1em"
567
- role="img"
568
- viewBox="0 0 256 512"
569
- width="1em"
570
- >
571
- <path
572
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
573
- />
574
- </svg>
575
- </span>
576
- </span>
577
- <span
578
- class="pf-v5-c-tree-view__node-content"
579
- >
580
- <span
581
- class="pf-v5-c-tree-view__node-text"
582
- >
583
- Sources
584
- </span>
585
- </span>
586
- </span>
587
- </button>
588
- </div>
589
- </li>
590
- <li
591
- class="pf-v5-c-tree-view__list-item"
592
- id="Long"
593
- role="treeitem"
594
- tabindex="-1"
595
- >
596
- <div
597
- class="pf-v5-c-tree-view__content"
598
- >
599
- <button
600
- class="pf-v5-c-tree-view__node"
601
- >
602
- <span
603
- class="pf-v5-c-tree-view__node-container"
604
- >
605
- <span
606
- class="pf-v5-c-tree-view__node-toggle"
607
- tabindex="-1"
608
- >
609
- <span
610
- class="pf-v5-c-tree-view__node-toggle-icon"
611
- >
612
- <svg
613
- aria-hidden="true"
614
- class="pf-v5-svg"
615
- fill="currentColor"
616
- height="1em"
617
- role="img"
618
- viewBox="0 0 256 512"
619
- width="1em"
620
- >
621
- <path
622
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
623
- />
624
- </svg>
625
- </span>
626
- </span>
627
- <span
628
- class="pf-v5-c-tree-view__node-content"
629
- >
630
- <span
631
- class="pf-v5-c-tree-view__node-text"
632
- >
633
- Really really really long folder name that overflows the container it is in
634
- </span>
635
- </span>
636
- </span>
637
- </button>
638
- </div>
639
- </li>
640
- </ul>
641
- </div>
642
- </DocumentFragment>
643
- `;
644
-
645
- exports[`renders guides successfully 1`] = `
646
- <DocumentFragment>
647
- <div
648
- class="pf-v5-c-tree-view pf-m-guides"
649
- >
650
- <ul
651
- class="pf-v5-c-tree-view__list"
652
- role="tree"
653
- >
654
- <li
655
- aria-expanded="true"
656
- class="pf-v5-c-tree-view__list-item pf-m-expanded"
657
- id="AppLaunch"
658
- role="treeitem"
659
- tabindex="-1"
660
- >
661
- <div
662
- class="pf-v5-c-tree-view__content"
663
- >
664
- <button
665
- class="pf-v5-c-tree-view__node"
666
- tabindex="0"
667
- >
668
- <span
669
- class="pf-v5-c-tree-view__node-container"
670
- >
671
- <span
672
- class="pf-v5-c-tree-view__node-toggle"
673
- tabindex="-1"
674
- >
675
- <span
676
- class="pf-v5-c-tree-view__node-toggle-icon"
677
- >
678
- <svg
679
- aria-hidden="true"
680
- class="pf-v5-svg"
681
- fill="currentColor"
682
- height="1em"
683
- role="img"
684
- viewBox="0 0 256 512"
685
- width="1em"
686
- >
687
- <path
688
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
689
- />
690
- </svg>
691
- </span>
692
- </span>
693
- <span
694
- class="pf-v5-c-tree-view__node-text"
695
- >
696
- ApplicationLauncher
697
- </span>
698
- </span>
699
- </button>
700
- </div>
701
- <ul
702
- class="pf-v5-c-tree-view__list"
703
- role="group"
704
- >
705
- <li
706
- class="pf-v5-c-tree-view__list-item"
707
- id="App1"
708
- role="treeitem"
709
- tabindex="-1"
710
- >
711
- <div
712
- class="pf-v5-c-tree-view__content"
713
- >
714
- <button
715
- class="pf-v5-c-tree-view__node"
716
- >
717
- <span
718
- class="pf-v5-c-tree-view__node-container"
719
- >
720
- <span
721
- class="pf-v5-c-tree-view__node-toggle"
722
- tabindex="-1"
723
- >
724
- <span
725
- class="pf-v5-c-tree-view__node-toggle-icon"
726
- >
727
- <svg
728
- aria-hidden="true"
729
- class="pf-v5-svg"
730
- fill="currentColor"
731
- height="1em"
732
- role="img"
733
- viewBox="0 0 256 512"
734
- width="1em"
735
- >
736
- <path
737
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
738
- />
739
- </svg>
740
- </span>
741
- </span>
742
- <span
743
- class="pf-v5-c-tree-view__node-text"
744
- >
745
- Application 1
746
- </span>
747
- </span>
748
- </button>
749
- </div>
750
- </li>
751
- <li
752
- class="pf-v5-c-tree-view__list-item"
753
- id="App2"
754
- role="treeitem"
755
- tabindex="-1"
756
- >
757
- <div
758
- class="pf-v5-c-tree-view__content"
759
- >
760
- <button
761
- class="pf-v5-c-tree-view__node"
762
- >
763
- <span
764
- class="pf-v5-c-tree-view__node-container"
765
- >
766
- <span
767
- class="pf-v5-c-tree-view__node-toggle"
768
- tabindex="-1"
769
- >
770
- <span
771
- class="pf-v5-c-tree-view__node-toggle-icon"
772
- >
773
- <svg
774
- aria-hidden="true"
775
- class="pf-v5-svg"
776
- fill="currentColor"
777
- height="1em"
778
- role="img"
779
- viewBox="0 0 256 512"
780
- width="1em"
781
- >
782
- <path
783
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
784
- />
785
- </svg>
786
- </span>
787
- </span>
788
- <span
789
- class="pf-v5-c-tree-view__node-text"
790
- >
791
- Application 2
792
- </span>
793
- </span>
794
- </button>
795
- </div>
796
- </li>
797
- </ul>
798
- </li>
799
- <li
800
- class="pf-v5-c-tree-view__list-item"
801
- id="Cost"
802
- role="treeitem"
803
- tabindex="-1"
804
- >
805
- <div
806
- class="pf-v5-c-tree-view__content"
807
- >
808
- <button
809
- class="pf-v5-c-tree-view__node"
810
- >
811
- <span
812
- class="pf-v5-c-tree-view__node-container"
813
- >
814
- <span
815
- class="pf-v5-c-tree-view__node-toggle"
816
- tabindex="-1"
817
- >
818
- <span
819
- class="pf-v5-c-tree-view__node-toggle-icon"
820
- >
821
- <svg
822
- aria-hidden="true"
823
- class="pf-v5-svg"
824
- fill="currentColor"
825
- height="1em"
826
- role="img"
827
- viewBox="0 0 256 512"
828
- width="1em"
829
- >
830
- <path
831
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
832
- />
833
- </svg>
834
- </span>
835
- </span>
836
- <span
837
- class="pf-v5-c-tree-view__node-text"
838
- >
839
- Cost Management
840
- </span>
841
- </span>
842
- </button>
843
- </div>
844
- </li>
845
- <li
846
- class="pf-v5-c-tree-view__list-item"
847
- id="Sources"
848
- role="treeitem"
849
- tabindex="-1"
850
- >
851
- <div
852
- class="pf-v5-c-tree-view__content"
853
- >
854
- <button
855
- class="pf-v5-c-tree-view__node"
856
- >
857
- <span
858
- class="pf-v5-c-tree-view__node-container"
859
- >
860
- <span
861
- class="pf-v5-c-tree-view__node-toggle"
862
- tabindex="-1"
863
- >
864
- <span
865
- class="pf-v5-c-tree-view__node-toggle-icon"
866
- >
867
- <svg
868
- aria-hidden="true"
869
- class="pf-v5-svg"
870
- fill="currentColor"
871
- height="1em"
872
- role="img"
873
- viewBox="0 0 256 512"
874
- width="1em"
875
- >
876
- <path
877
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
878
- />
879
- </svg>
880
- </span>
881
- </span>
882
- <span
883
- class="pf-v5-c-tree-view__node-text"
884
- >
885
- Sources
886
- </span>
887
- </span>
888
- </button>
889
- </div>
890
- </li>
891
- <li
892
- class="pf-v5-c-tree-view__list-item"
893
- id="Long"
894
- role="treeitem"
895
- tabindex="-1"
896
- >
897
- <div
898
- class="pf-v5-c-tree-view__content"
899
- >
900
- <button
901
- class="pf-v5-c-tree-view__node"
902
- >
903
- <span
904
- class="pf-v5-c-tree-view__node-container"
905
- >
906
- <span
907
- class="pf-v5-c-tree-view__node-toggle"
908
- tabindex="-1"
909
- >
910
- <span
911
- class="pf-v5-c-tree-view__node-toggle-icon"
912
- >
913
- <svg
914
- aria-hidden="true"
915
- class="pf-v5-svg"
916
- fill="currentColor"
917
- height="1em"
918
- role="img"
919
- viewBox="0 0 256 512"
920
- width="1em"
921
- >
922
- <path
923
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
924
- />
925
- </svg>
926
- </span>
927
- </span>
928
- <span
929
- class="pf-v5-c-tree-view__node-text"
930
- >
931
- Really really really long folder name that overflows the container it is in
932
- </span>
933
- </span>
934
- </button>
935
- </div>
936
- </li>
937
- </ul>
938
- </div>
939
- </DocumentFragment>
940
- `;
941
-
942
- exports[`tree view renders active successfully 1`] = `
943
- <DocumentFragment>
944
- <div
945
- class="pf-v5-c-tree-view"
946
- >
947
- <ul
948
- class="pf-v5-c-tree-view__list"
949
- role="tree"
950
- >
951
- <li
952
- aria-expanded="true"
953
- class="pf-v5-c-tree-view__list-item pf-m-expanded"
954
- id="AppLaunch"
955
- role="treeitem"
956
- tabindex="-1"
957
- >
958
- <div
959
- class="pf-v5-c-tree-view__content"
960
- >
961
- <button
962
- class="pf-v5-c-tree-view__node"
963
- tabindex="0"
964
- >
965
- <span
966
- class="pf-v5-c-tree-view__node-container"
967
- >
968
- <span
969
- class="pf-v5-c-tree-view__node-toggle"
970
- tabindex="-1"
971
- >
972
- <span
973
- class="pf-v5-c-tree-view__node-toggle-icon"
974
- >
975
- <svg
976
- aria-hidden="true"
977
- class="pf-v5-svg"
978
- fill="currentColor"
979
- height="1em"
980
- role="img"
981
- viewBox="0 0 256 512"
982
- width="1em"
983
- >
984
- <path
985
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
986
- />
987
- </svg>
988
- </span>
989
- </span>
990
- <span
991
- class="pf-v5-c-tree-view__node-text"
992
- >
993
- ApplicationLauncher
994
- </span>
995
- </span>
996
- </button>
997
- </div>
998
- <ul
999
- class="pf-v5-c-tree-view__list"
1000
- role="group"
1001
- >
1002
- <li
1003
- class="pf-v5-c-tree-view__list-item"
1004
- id="App1"
1005
- role="treeitem"
1006
- tabindex="-1"
1007
- >
1008
- <div
1009
- class="pf-v5-c-tree-view__content"
1010
- >
1011
- <button
1012
- class="pf-v5-c-tree-view__node"
1013
- >
1014
- <span
1015
- class="pf-v5-c-tree-view__node-container"
1016
- >
1017
- <span
1018
- class="pf-v5-c-tree-view__node-toggle"
1019
- tabindex="-1"
1020
- >
1021
- <span
1022
- class="pf-v5-c-tree-view__node-toggle-icon"
1023
- >
1024
- <svg
1025
- aria-hidden="true"
1026
- class="pf-v5-svg"
1027
- fill="currentColor"
1028
- height="1em"
1029
- role="img"
1030
- viewBox="0 0 256 512"
1031
- width="1em"
1032
- >
1033
- <path
1034
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1035
- />
1036
- </svg>
1037
- </span>
1038
- </span>
1039
- <span
1040
- class="pf-v5-c-tree-view__node-text"
1041
- >
1042
- Application 1
1043
- </span>
1044
- </span>
1045
- </button>
1046
- </div>
1047
- </li>
1048
- <li
1049
- class="pf-v5-c-tree-view__list-item"
1050
- id="App2"
1051
- role="treeitem"
1052
- tabindex="-1"
1053
- >
1054
- <div
1055
- class="pf-v5-c-tree-view__content"
1056
- >
1057
- <button
1058
- class="pf-v5-c-tree-view__node"
1059
- >
1060
- <span
1061
- class="pf-v5-c-tree-view__node-container"
1062
- >
1063
- <span
1064
- class="pf-v5-c-tree-view__node-toggle"
1065
- tabindex="-1"
1066
- >
1067
- <span
1068
- class="pf-v5-c-tree-view__node-toggle-icon"
1069
- >
1070
- <svg
1071
- aria-hidden="true"
1072
- class="pf-v5-svg"
1073
- fill="currentColor"
1074
- height="1em"
1075
- role="img"
1076
- viewBox="0 0 256 512"
1077
- width="1em"
1078
- >
1079
- <path
1080
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1081
- />
1082
- </svg>
1083
- </span>
1084
- </span>
1085
- <span
1086
- class="pf-v5-c-tree-view__node-text"
1087
- >
1088
- Application 2
1089
- </span>
1090
- </span>
1091
- </button>
1092
- </div>
1093
- </li>
1094
- </ul>
1095
- </li>
1096
- <li
1097
- class="pf-v5-c-tree-view__list-item"
1098
- id="Cost"
1099
- role="treeitem"
1100
- tabindex="-1"
1101
- >
1102
- <div
1103
- class="pf-v5-c-tree-view__content"
1104
- >
1105
- <button
1106
- class="pf-v5-c-tree-view__node"
1107
- >
1108
- <span
1109
- class="pf-v5-c-tree-view__node-container"
1110
- >
1111
- <span
1112
- class="pf-v5-c-tree-view__node-toggle"
1113
- tabindex="-1"
1114
- >
1115
- <span
1116
- class="pf-v5-c-tree-view__node-toggle-icon"
1117
- >
1118
- <svg
1119
- aria-hidden="true"
1120
- class="pf-v5-svg"
1121
- fill="currentColor"
1122
- height="1em"
1123
- role="img"
1124
- viewBox="0 0 256 512"
1125
- width="1em"
1126
- >
1127
- <path
1128
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1129
- />
1130
- </svg>
1131
- </span>
1132
- </span>
1133
- <span
1134
- class="pf-v5-c-tree-view__node-text"
1135
- >
1136
- Cost Management
1137
- </span>
1138
- </span>
1139
- </button>
1140
- </div>
1141
- </li>
1142
- <li
1143
- class="pf-v5-c-tree-view__list-item"
1144
- id="Sources"
1145
- role="treeitem"
1146
- tabindex="-1"
1147
- >
1148
- <div
1149
- class="pf-v5-c-tree-view__content"
1150
- >
1151
- <button
1152
- class="pf-v5-c-tree-view__node"
1153
- >
1154
- <span
1155
- class="pf-v5-c-tree-view__node-container"
1156
- >
1157
- <span
1158
- class="pf-v5-c-tree-view__node-toggle"
1159
- tabindex="-1"
1160
- >
1161
- <span
1162
- class="pf-v5-c-tree-view__node-toggle-icon"
1163
- >
1164
- <svg
1165
- aria-hidden="true"
1166
- class="pf-v5-svg"
1167
- fill="currentColor"
1168
- height="1em"
1169
- role="img"
1170
- viewBox="0 0 256 512"
1171
- width="1em"
1172
- >
1173
- <path
1174
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1175
- />
1176
- </svg>
1177
- </span>
1178
- </span>
1179
- <span
1180
- class="pf-v5-c-tree-view__node-text"
1181
- >
1182
- Sources
1183
- </span>
1184
- </span>
1185
- </button>
1186
- </div>
1187
- </li>
1188
- <li
1189
- class="pf-v5-c-tree-view__list-item"
1190
- id="Long"
1191
- role="treeitem"
1192
- tabindex="-1"
1193
- >
1194
- <div
1195
- class="pf-v5-c-tree-view__content"
1196
- >
1197
- <button
1198
- class="pf-v5-c-tree-view__node"
1199
- >
1200
- <span
1201
- class="pf-v5-c-tree-view__node-container"
1202
- >
1203
- <span
1204
- class="pf-v5-c-tree-view__node-toggle"
1205
- tabindex="-1"
1206
- >
1207
- <span
1208
- class="pf-v5-c-tree-view__node-toggle-icon"
1209
- >
1210
- <svg
1211
- aria-hidden="true"
1212
- class="pf-v5-svg"
1213
- fill="currentColor"
1214
- height="1em"
1215
- role="img"
1216
- viewBox="0 0 256 512"
1217
- width="1em"
1218
- >
1219
- <path
1220
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1221
- />
1222
- </svg>
1223
- </span>
1224
- </span>
1225
- <span
1226
- class="pf-v5-c-tree-view__node-text"
1227
- >
1228
- Really really really long folder name that overflows the container it is in
1229
- </span>
1230
- </span>
1231
- </button>
1232
- </div>
1233
- </li>
1234
- </ul>
1235
- </div>
1236
- </DocumentFragment>
1237
- `;
1238
-
1239
- exports[`tree view renders badges successfully 1`] = `
1240
- <DocumentFragment>
1241
- <div
1242
- class="pf-v5-c-tree-view"
1243
- >
1244
- <ul
1245
- class="pf-v5-c-tree-view__list"
1246
- role="tree"
1247
- >
1248
- <li
1249
- aria-expanded="true"
1250
- class="pf-v5-c-tree-view__list-item pf-m-expanded"
1251
- id="AppLaunch"
1252
- role="treeitem"
1253
- tabindex="-1"
1254
- >
1255
- <div
1256
- class="pf-v5-c-tree-view__content"
1257
- >
1258
- <button
1259
- class="pf-v5-c-tree-view__node"
1260
- tabindex="0"
1261
- >
1262
- <span
1263
- class="pf-v5-c-tree-view__node-container"
1264
- >
1265
- <span
1266
- class="pf-v5-c-tree-view__node-toggle"
1267
- tabindex="-1"
1268
- >
1269
- <span
1270
- class="pf-v5-c-tree-view__node-toggle-icon"
1271
- >
1272
- <svg
1273
- aria-hidden="true"
1274
- class="pf-v5-svg"
1275
- fill="currentColor"
1276
- height="1em"
1277
- role="img"
1278
- viewBox="0 0 256 512"
1279
- width="1em"
1280
- >
1281
- <path
1282
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1283
- />
1284
- </svg>
1285
- </span>
1286
- </span>
1287
- <span
1288
- class="pf-v5-c-tree-view__node-text"
1289
- >
1290
- ApplicationLauncher
1291
- </span>
1292
- <span
1293
- class="pf-v5-c-tree-view__node-count"
1294
- >
1295
- <span
1296
- class="pf-v5-c-badge pf-m-read"
1297
- >
1298
- 2
1299
- </span>
1300
- </span>
1301
- </span>
1302
- </button>
1303
- </div>
1304
- <ul
1305
- class="pf-v5-c-tree-view__list"
1306
- role="group"
1307
- >
1308
- <li
1309
- class="pf-v5-c-tree-view__list-item"
1310
- id="App1"
1311
- role="treeitem"
1312
- tabindex="-1"
1313
- >
1314
- <div
1315
- class="pf-v5-c-tree-view__content"
1316
- >
1317
- <button
1318
- class="pf-v5-c-tree-view__node"
1319
- >
1320
- <span
1321
- class="pf-v5-c-tree-view__node-container"
1322
- >
1323
- <span
1324
- class="pf-v5-c-tree-view__node-toggle"
1325
- tabindex="-1"
1326
- >
1327
- <span
1328
- class="pf-v5-c-tree-view__node-toggle-icon"
1329
- >
1330
- <svg
1331
- aria-hidden="true"
1332
- class="pf-v5-svg"
1333
- fill="currentColor"
1334
- height="1em"
1335
- role="img"
1336
- viewBox="0 0 256 512"
1337
- width="1em"
1338
- >
1339
- <path
1340
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1341
- />
1342
- </svg>
1343
- </span>
1344
- </span>
1345
- <span
1346
- class="pf-v5-c-tree-view__node-text"
1347
- >
1348
- Application 1
1349
- </span>
1350
- <span
1351
- class="pf-v5-c-tree-view__node-count"
1352
- >
1353
- <span
1354
- class="pf-v5-c-badge pf-m-read"
1355
- >
1356
- 2
1357
- </span>
1358
- </span>
1359
- </span>
1360
- </button>
1361
- </div>
1362
- </li>
1363
- <li
1364
- class="pf-v5-c-tree-view__list-item"
1365
- id="App2"
1366
- role="treeitem"
1367
- tabindex="-1"
1368
- >
1369
- <div
1370
- class="pf-v5-c-tree-view__content"
1371
- >
1372
- <button
1373
- class="pf-v5-c-tree-view__node"
1374
- >
1375
- <span
1376
- class="pf-v5-c-tree-view__node-container"
1377
- >
1378
- <span
1379
- class="pf-v5-c-tree-view__node-toggle"
1380
- tabindex="-1"
1381
- >
1382
- <span
1383
- class="pf-v5-c-tree-view__node-toggle-icon"
1384
- >
1385
- <svg
1386
- aria-hidden="true"
1387
- class="pf-v5-svg"
1388
- fill="currentColor"
1389
- height="1em"
1390
- role="img"
1391
- viewBox="0 0 256 512"
1392
- width="1em"
1393
- >
1394
- <path
1395
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1396
- />
1397
- </svg>
1398
- </span>
1399
- </span>
1400
- <span
1401
- class="pf-v5-c-tree-view__node-text"
1402
- >
1403
- Application 2
1404
- </span>
1405
- <span
1406
- class="pf-v5-c-tree-view__node-count"
1407
- >
1408
- <span
1409
- class="pf-v5-c-badge pf-m-read"
1410
- >
1411
- 2
1412
- </span>
1413
- </span>
1414
- </span>
1415
- </button>
1416
- </div>
1417
- </li>
1418
- </ul>
1419
- </li>
1420
- <li
1421
- class="pf-v5-c-tree-view__list-item"
1422
- id="Cost"
1423
- role="treeitem"
1424
- tabindex="-1"
1425
- >
1426
- <div
1427
- class="pf-v5-c-tree-view__content"
1428
- >
1429
- <button
1430
- class="pf-v5-c-tree-view__node"
1431
- >
1432
- <span
1433
- class="pf-v5-c-tree-view__node-container"
1434
- >
1435
- <span
1436
- class="pf-v5-c-tree-view__node-toggle"
1437
- tabindex="-1"
1438
- >
1439
- <span
1440
- class="pf-v5-c-tree-view__node-toggle-icon"
1441
- >
1442
- <svg
1443
- aria-hidden="true"
1444
- class="pf-v5-svg"
1445
- fill="currentColor"
1446
- height="1em"
1447
- role="img"
1448
- viewBox="0 0 256 512"
1449
- width="1em"
1450
- >
1451
- <path
1452
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1453
- />
1454
- </svg>
1455
- </span>
1456
- </span>
1457
- <span
1458
- class="pf-v5-c-tree-view__node-text"
1459
- >
1460
- Cost Management
1461
- </span>
1462
- <span
1463
- class="pf-v5-c-tree-view__node-count"
1464
- >
1465
- <span
1466
- class="pf-v5-c-badge pf-m-read"
1467
- >
1468
- 1
1469
- </span>
1470
- </span>
1471
- </span>
1472
- </button>
1473
- </div>
1474
- </li>
1475
- <li
1476
- class="pf-v5-c-tree-view__list-item"
1477
- id="Sources"
1478
- role="treeitem"
1479
- tabindex="-1"
1480
- >
1481
- <div
1482
- class="pf-v5-c-tree-view__content"
1483
- >
1484
- <button
1485
- class="pf-v5-c-tree-view__node"
1486
- >
1487
- <span
1488
- class="pf-v5-c-tree-view__node-container"
1489
- >
1490
- <span
1491
- class="pf-v5-c-tree-view__node-toggle"
1492
- tabindex="-1"
1493
- >
1494
- <span
1495
- class="pf-v5-c-tree-view__node-toggle-icon"
1496
- >
1497
- <svg
1498
- aria-hidden="true"
1499
- class="pf-v5-svg"
1500
- fill="currentColor"
1501
- height="1em"
1502
- role="img"
1503
- viewBox="0 0 256 512"
1504
- width="1em"
1505
- >
1506
- <path
1507
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1508
- />
1509
- </svg>
1510
- </span>
1511
- </span>
1512
- <span
1513
- class="pf-v5-c-tree-view__node-text"
1514
- >
1515
- Sources
1516
- </span>
1517
- <span
1518
- class="pf-v5-c-tree-view__node-count"
1519
- >
1520
- <span
1521
- class="pf-v5-c-badge pf-m-read"
1522
- >
1523
- 1
1524
- </span>
1525
- </span>
1526
- </span>
1527
- </button>
1528
- </div>
1529
- </li>
1530
- <li
1531
- class="pf-v5-c-tree-view__list-item"
1532
- id="Long"
1533
- role="treeitem"
1534
- tabindex="-1"
1535
- >
1536
- <div
1537
- class="pf-v5-c-tree-view__content"
1538
- >
1539
- <button
1540
- class="pf-v5-c-tree-view__node"
1541
- >
1542
- <span
1543
- class="pf-v5-c-tree-view__node-container"
1544
- >
1545
- <span
1546
- class="pf-v5-c-tree-view__node-toggle"
1547
- tabindex="-1"
1548
- >
1549
- <span
1550
- class="pf-v5-c-tree-view__node-toggle-icon"
1551
- >
1552
- <svg
1553
- aria-hidden="true"
1554
- class="pf-v5-svg"
1555
- fill="currentColor"
1556
- height="1em"
1557
- role="img"
1558
- viewBox="0 0 256 512"
1559
- width="1em"
1560
- >
1561
- <path
1562
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1563
- />
1564
- </svg>
1565
- </span>
1566
- </span>
1567
- <span
1568
- class="pf-v5-c-tree-view__node-text"
1569
- >
1570
- Really really really long folder name that overflows the container it is in
1571
- </span>
1572
- <span
1573
- class="pf-v5-c-tree-view__node-count"
1574
- >
1575
- <span
1576
- class="pf-v5-c-badge pf-m-read"
1577
- >
1578
- 1
1579
- </span>
1580
- </span>
1581
- </span>
1582
- </button>
1583
- </div>
1584
- </li>
1585
- </ul>
1586
- </div>
1587
- </DocumentFragment>
1588
- `;
1589
-
1590
- exports[`tree view renders basic successfully 1`] = `
1591
- <DocumentFragment>
1592
- <div
1593
- class="pf-v5-c-tree-view"
1594
- >
1595
- <ul
1596
- class="pf-v5-c-tree-view__list"
1597
- role="tree"
1598
- >
1599
- <li
1600
- aria-expanded="true"
1601
- class="pf-v5-c-tree-view__list-item pf-m-expanded"
1602
- id="AppLaunch"
1603
- role="treeitem"
1604
- tabindex="-1"
1605
- >
1606
- <div
1607
- class="pf-v5-c-tree-view__content"
1608
- >
1609
- <button
1610
- class="pf-v5-c-tree-view__node"
1611
- tabindex="0"
1612
- >
1613
- <span
1614
- class="pf-v5-c-tree-view__node-container"
1615
- >
1616
- <span
1617
- class="pf-v5-c-tree-view__node-toggle"
1618
- tabindex="-1"
1619
- >
1620
- <span
1621
- class="pf-v5-c-tree-view__node-toggle-icon"
1622
- >
1623
- <svg
1624
- aria-hidden="true"
1625
- class="pf-v5-svg"
1626
- fill="currentColor"
1627
- height="1em"
1628
- role="img"
1629
- viewBox="0 0 256 512"
1630
- width="1em"
1631
- >
1632
- <path
1633
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1634
- />
1635
- </svg>
1636
- </span>
1637
- </span>
1638
- <span
1639
- class="pf-v5-c-tree-view__node-text"
1640
- >
1641
- ApplicationLauncher
1642
- </span>
1643
- </span>
1644
- </button>
1645
- </div>
1646
- <ul
1647
- class="pf-v5-c-tree-view__list"
1648
- role="group"
1649
- >
1650
- <li
1651
- class="pf-v5-c-tree-view__list-item"
1652
- id="App1"
1653
- role="treeitem"
1654
- tabindex="-1"
1655
- >
1656
- <div
1657
- class="pf-v5-c-tree-view__content"
1658
- >
1659
- <button
1660
- class="pf-v5-c-tree-view__node"
1661
- >
1662
- <span
1663
- class="pf-v5-c-tree-view__node-container"
1664
- >
1665
- <span
1666
- class="pf-v5-c-tree-view__node-toggle"
1667
- tabindex="-1"
1668
- >
1669
- <span
1670
- class="pf-v5-c-tree-view__node-toggle-icon"
1671
- >
1672
- <svg
1673
- aria-hidden="true"
1674
- class="pf-v5-svg"
1675
- fill="currentColor"
1676
- height="1em"
1677
- role="img"
1678
- viewBox="0 0 256 512"
1679
- width="1em"
1680
- >
1681
- <path
1682
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1683
- />
1684
- </svg>
1685
- </span>
1686
- </span>
1687
- <span
1688
- class="pf-v5-c-tree-view__node-text"
1689
- >
1690
- Application 1
1691
- </span>
1692
- </span>
1693
- </button>
1694
- </div>
1695
- </li>
1696
- <li
1697
- class="pf-v5-c-tree-view__list-item"
1698
- id="App2"
1699
- role="treeitem"
1700
- tabindex="-1"
1701
- >
1702
- <div
1703
- class="pf-v5-c-tree-view__content"
1704
- >
1705
- <button
1706
- class="pf-v5-c-tree-view__node"
1707
- >
1708
- <span
1709
- class="pf-v5-c-tree-view__node-container"
1710
- >
1711
- <span
1712
- class="pf-v5-c-tree-view__node-toggle"
1713
- tabindex="-1"
1714
- >
1715
- <span
1716
- class="pf-v5-c-tree-view__node-toggle-icon"
1717
- >
1718
- <svg
1719
- aria-hidden="true"
1720
- class="pf-v5-svg"
1721
- fill="currentColor"
1722
- height="1em"
1723
- role="img"
1724
- viewBox="0 0 256 512"
1725
- width="1em"
1726
- >
1727
- <path
1728
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1729
- />
1730
- </svg>
1731
- </span>
1732
- </span>
1733
- <span
1734
- class="pf-v5-c-tree-view__node-text"
1735
- >
1736
- Application 2
1737
- </span>
1738
- </span>
1739
- </button>
1740
- </div>
1741
- </li>
1742
- </ul>
1743
- </li>
1744
- <li
1745
- class="pf-v5-c-tree-view__list-item"
1746
- id="Cost"
1747
- role="treeitem"
1748
- tabindex="-1"
1749
- >
1750
- <div
1751
- class="pf-v5-c-tree-view__content"
1752
- >
1753
- <button
1754
- class="pf-v5-c-tree-view__node"
1755
- >
1756
- <span
1757
- class="pf-v5-c-tree-view__node-container"
1758
- >
1759
- <span
1760
- class="pf-v5-c-tree-view__node-toggle"
1761
- tabindex="-1"
1762
- >
1763
- <span
1764
- class="pf-v5-c-tree-view__node-toggle-icon"
1765
- >
1766
- <svg
1767
- aria-hidden="true"
1768
- class="pf-v5-svg"
1769
- fill="currentColor"
1770
- height="1em"
1771
- role="img"
1772
- viewBox="0 0 256 512"
1773
- width="1em"
1774
- >
1775
- <path
1776
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1777
- />
1778
- </svg>
1779
- </span>
1780
- </span>
1781
- <span
1782
- class="pf-v5-c-tree-view__node-text"
1783
- >
1784
- Cost Management
1785
- </span>
1786
- </span>
1787
- </button>
1788
- </div>
1789
- </li>
1790
- <li
1791
- class="pf-v5-c-tree-view__list-item"
1792
- id="Sources"
1793
- role="treeitem"
1794
- tabindex="-1"
1795
- >
1796
- <div
1797
- class="pf-v5-c-tree-view__content"
1798
- >
1799
- <button
1800
- class="pf-v5-c-tree-view__node"
1801
- >
1802
- <span
1803
- class="pf-v5-c-tree-view__node-container"
1804
- >
1805
- <span
1806
- class="pf-v5-c-tree-view__node-toggle"
1807
- tabindex="-1"
1808
- >
1809
- <span
1810
- class="pf-v5-c-tree-view__node-toggle-icon"
1811
- >
1812
- <svg
1813
- aria-hidden="true"
1814
- class="pf-v5-svg"
1815
- fill="currentColor"
1816
- height="1em"
1817
- role="img"
1818
- viewBox="0 0 256 512"
1819
- width="1em"
1820
- >
1821
- <path
1822
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1823
- />
1824
- </svg>
1825
- </span>
1826
- </span>
1827
- <span
1828
- class="pf-v5-c-tree-view__node-text"
1829
- >
1830
- Sources
1831
- </span>
1832
- </span>
1833
- </button>
1834
- </div>
1835
- </li>
1836
- <li
1837
- class="pf-v5-c-tree-view__list-item"
1838
- id="Long"
1839
- role="treeitem"
1840
- tabindex="-1"
1841
- >
1842
- <div
1843
- class="pf-v5-c-tree-view__content"
1844
- >
1845
- <button
1846
- class="pf-v5-c-tree-view__node"
1847
- >
1848
- <span
1849
- class="pf-v5-c-tree-view__node-container"
1850
- >
1851
- <span
1852
- class="pf-v5-c-tree-view__node-toggle"
1853
- tabindex="-1"
1854
- >
1855
- <span
1856
- class="pf-v5-c-tree-view__node-toggle-icon"
1857
- >
1858
- <svg
1859
- aria-hidden="true"
1860
- class="pf-v5-svg"
1861
- fill="currentColor"
1862
- height="1em"
1863
- role="img"
1864
- viewBox="0 0 256 512"
1865
- width="1em"
1866
- >
1867
- <path
1868
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1869
- />
1870
- </svg>
1871
- </span>
1872
- </span>
1873
- <span
1874
- class="pf-v5-c-tree-view__node-text"
1875
- >
1876
- Really really really long folder name that overflows the container it is in
1877
- </span>
1878
- </span>
1879
- </button>
1880
- </div>
1881
- </li>
1882
- </ul>
1883
- </div>
1884
- </DocumentFragment>
1885
- `;
1886
-
1887
- exports[`tree view renders checkboxes successfully 1`] = `
1888
- <DocumentFragment>
1889
- <div
1890
- class="pf-v5-c-tree-view"
1891
- >
1892
- <ul
1893
- class="pf-v5-c-tree-view__list"
1894
- role="tree"
1895
- >
1896
- <li
1897
- aria-expanded="true"
1898
- class="pf-v5-c-tree-view__list-item pf-m-expanded"
1899
- id="AppLaunch"
1900
- role="treeitem"
1901
- tabindex="-1"
1902
- >
1903
- <div
1904
- class="pf-v5-c-tree-view__content"
1905
- >
1906
- <label
1907
- class="pf-v5-c-tree-view__node pf-m-selectable"
1908
- for="checkbox-id25"
1909
- id="label-checkbox-id25"
1910
- >
1911
- <span
1912
- class="pf-v5-c-tree-view__node-container"
1913
- >
1914
- <button
1915
- aria-labelledby="label-checkbox-id25"
1916
- class="pf-v5-c-tree-view__node-toggle"
1917
- tabindex="0"
1918
- >
1919
- <span
1920
- class="pf-v5-c-tree-view__node-toggle-icon"
1921
- >
1922
- <svg
1923
- aria-hidden="true"
1924
- class="pf-v5-svg"
1925
- fill="currentColor"
1926
- height="1em"
1927
- role="img"
1928
- viewBox="0 0 256 512"
1929
- width="1em"
1930
- >
1931
- <path
1932
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1933
- />
1934
- </svg>
1935
- </span>
1936
- </button>
1937
- <span
1938
- class="pf-v5-c-tree-view__node-check"
1939
- >
1940
- <input
1941
- id="checkbox-id25"
1942
- tabindex="0"
1943
- type="checkbox"
1944
- />
1945
- </span>
1946
- <span
1947
- class="pf-v5-c-tree-view__node-text"
1948
- >
1949
- ApplicationLauncher
1950
- </span>
1951
- </span>
1952
- </label>
1953
- </div>
1954
- <ul
1955
- class="pf-v5-c-tree-view__list"
1956
- role="group"
1957
- >
1958
- <li
1959
- class="pf-v5-c-tree-view__list-item"
1960
- id="App1"
1961
- role="treeitem"
1962
- tabindex="-1"
1963
- >
1964
- <div
1965
- class="pf-v5-c-tree-view__content"
1966
- >
1967
- <label
1968
- class="pf-v5-c-tree-view__node pf-m-selectable"
1969
- for="checkbox-id26"
1970
- id="label-checkbox-id26"
1971
- >
1972
- <span
1973
- class="pf-v5-c-tree-view__node-container"
1974
- >
1975
- <button
1976
- aria-labelledby="label-checkbox-id26"
1977
- class="pf-v5-c-tree-view__node-toggle"
1978
- tabindex="-1"
1979
- >
1980
- <span
1981
- class="pf-v5-c-tree-view__node-toggle-icon"
1982
- >
1983
- <svg
1984
- aria-hidden="true"
1985
- class="pf-v5-svg"
1986
- fill="currentColor"
1987
- height="1em"
1988
- role="img"
1989
- viewBox="0 0 256 512"
1990
- width="1em"
1991
- >
1992
- <path
1993
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1994
- />
1995
- </svg>
1996
- </span>
1997
- </button>
1998
- <span
1999
- class="pf-v5-c-tree-view__node-check"
2000
- >
2001
- <input
2002
- id="checkbox-id26"
2003
- tabindex="-1"
2004
- type="checkbox"
2005
- />
2006
- </span>
2007
- <span
2008
- class="pf-v5-c-tree-view__node-text"
2009
- >
2010
- Application 1
2011
- </span>
2012
- </span>
2013
- </label>
2014
- </div>
2015
- </li>
2016
- <li
2017
- class="pf-v5-c-tree-view__list-item"
2018
- id="App2"
2019
- role="treeitem"
2020
- tabindex="-1"
2021
- >
2022
- <div
2023
- class="pf-v5-c-tree-view__content"
2024
- >
2025
- <label
2026
- class="pf-v5-c-tree-view__node pf-m-selectable"
2027
- for="checkbox-id27"
2028
- id="label-checkbox-id27"
2029
- >
2030
- <span
2031
- class="pf-v5-c-tree-view__node-container"
2032
- >
2033
- <button
2034
- aria-labelledby="label-checkbox-id27"
2035
- class="pf-v5-c-tree-view__node-toggle"
2036
- tabindex="-1"
2037
- >
2038
- <span
2039
- class="pf-v5-c-tree-view__node-toggle-icon"
2040
- >
2041
- <svg
2042
- aria-hidden="true"
2043
- class="pf-v5-svg"
2044
- fill="currentColor"
2045
- height="1em"
2046
- role="img"
2047
- viewBox="0 0 256 512"
2048
- width="1em"
2049
- >
2050
- <path
2051
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2052
- />
2053
- </svg>
2054
- </span>
2055
- </button>
2056
- <span
2057
- class="pf-v5-c-tree-view__node-check"
2058
- >
2059
- <input
2060
- id="checkbox-id27"
2061
- tabindex="-1"
2062
- type="checkbox"
2063
- />
2064
- </span>
2065
- <span
2066
- class="pf-v5-c-tree-view__node-text"
2067
- >
2068
- Application 2
2069
- </span>
2070
- </span>
2071
- </label>
2072
- </div>
2073
- </li>
2074
- </ul>
2075
- </li>
2076
- <li
2077
- class="pf-v5-c-tree-view__list-item"
2078
- id="Cost"
2079
- role="treeitem"
2080
- tabindex="-1"
2081
- >
2082
- <div
2083
- class="pf-v5-c-tree-view__content"
2084
- >
2085
- <label
2086
- class="pf-v5-c-tree-view__node pf-m-selectable"
2087
- for="checkbox-id28"
2088
- id="label-checkbox-id28"
2089
- >
2090
- <span
2091
- class="pf-v5-c-tree-view__node-container"
2092
- >
2093
- <button
2094
- aria-labelledby="label-checkbox-id28"
2095
- class="pf-v5-c-tree-view__node-toggle"
2096
- tabindex="-1"
2097
- >
2098
- <span
2099
- class="pf-v5-c-tree-view__node-toggle-icon"
2100
- >
2101
- <svg
2102
- aria-hidden="true"
2103
- class="pf-v5-svg"
2104
- fill="currentColor"
2105
- height="1em"
2106
- role="img"
2107
- viewBox="0 0 256 512"
2108
- width="1em"
2109
- >
2110
- <path
2111
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2112
- />
2113
- </svg>
2114
- </span>
2115
- </button>
2116
- <span
2117
- class="pf-v5-c-tree-view__node-check"
2118
- >
2119
- <input
2120
- id="checkbox-id28"
2121
- tabindex="-1"
2122
- type="checkbox"
2123
- />
2124
- </span>
2125
- <span
2126
- class="pf-v5-c-tree-view__node-text"
2127
- >
2128
- Cost Management
2129
- </span>
2130
- </span>
2131
- </label>
2132
- </div>
2133
- </li>
2134
- <li
2135
- class="pf-v5-c-tree-view__list-item"
2136
- id="Sources"
2137
- role="treeitem"
2138
- tabindex="-1"
2139
- >
2140
- <div
2141
- class="pf-v5-c-tree-view__content"
2142
- >
2143
- <label
2144
- class="pf-v5-c-tree-view__node pf-m-selectable"
2145
- for="checkbox-id29"
2146
- id="label-checkbox-id29"
2147
- >
2148
- <span
2149
- class="pf-v5-c-tree-view__node-container"
2150
- >
2151
- <button
2152
- aria-labelledby="label-checkbox-id29"
2153
- class="pf-v5-c-tree-view__node-toggle"
2154
- tabindex="-1"
2155
- >
2156
- <span
2157
- class="pf-v5-c-tree-view__node-toggle-icon"
2158
- >
2159
- <svg
2160
- aria-hidden="true"
2161
- class="pf-v5-svg"
2162
- fill="currentColor"
2163
- height="1em"
2164
- role="img"
2165
- viewBox="0 0 256 512"
2166
- width="1em"
2167
- >
2168
- <path
2169
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2170
- />
2171
- </svg>
2172
- </span>
2173
- </button>
2174
- <span
2175
- class="pf-v5-c-tree-view__node-check"
2176
- >
2177
- <input
2178
- id="checkbox-id29"
2179
- tabindex="-1"
2180
- type="checkbox"
2181
- />
2182
- </span>
2183
- <span
2184
- class="pf-v5-c-tree-view__node-text"
2185
- >
2186
- Sources
2187
- </span>
2188
- </span>
2189
- </label>
2190
- </div>
2191
- </li>
2192
- <li
2193
- class="pf-v5-c-tree-view__list-item"
2194
- id="Long"
2195
- role="treeitem"
2196
- tabindex="-1"
2197
- >
2198
- <div
2199
- class="pf-v5-c-tree-view__content"
2200
- >
2201
- <label
2202
- class="pf-v5-c-tree-view__node pf-m-selectable"
2203
- for="checkbox-id30"
2204
- id="label-checkbox-id30"
2205
- >
2206
- <span
2207
- class="pf-v5-c-tree-view__node-container"
2208
- >
2209
- <button
2210
- aria-labelledby="label-checkbox-id30"
2211
- class="pf-v5-c-tree-view__node-toggle"
2212
- tabindex="-1"
2213
- >
2214
- <span
2215
- class="pf-v5-c-tree-view__node-toggle-icon"
2216
- >
2217
- <svg
2218
- aria-hidden="true"
2219
- class="pf-v5-svg"
2220
- fill="currentColor"
2221
- height="1em"
2222
- role="img"
2223
- viewBox="0 0 256 512"
2224
- width="1em"
2225
- >
2226
- <path
2227
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2228
- />
2229
- </svg>
2230
- </span>
2231
- </button>
2232
- <span
2233
- class="pf-v5-c-tree-view__node-check"
2234
- >
2235
- <input
2236
- id="checkbox-id30"
2237
- tabindex="-1"
2238
- type="checkbox"
2239
- />
2240
- </span>
2241
- <span
2242
- class="pf-v5-c-tree-view__node-text"
2243
- >
2244
- Really really really long folder name that overflows the container it is in
2245
- </span>
2246
- </span>
2247
- </label>
2248
- </div>
2249
- </li>
2250
- </ul>
2251
- </div>
2252
- </DocumentFragment>
2253
- `;
2254
-
2255
- exports[`tree view renders icons successfully 1`] = `
2256
- <DocumentFragment>
2257
- <div
2258
- class="pf-v5-c-tree-view"
2259
- >
2260
- <ul
2261
- class="pf-v5-c-tree-view__list"
2262
- role="tree"
2263
- >
2264
- <li
2265
- aria-expanded="true"
2266
- class="pf-v5-c-tree-view__list-item pf-m-expanded"
2267
- id="AppLaunch"
2268
- role="treeitem"
2269
- tabindex="-1"
2270
- >
2271
- <div
2272
- class="pf-v5-c-tree-view__content"
2273
- >
2274
- <button
2275
- class="pf-v5-c-tree-view__node"
2276
- tabindex="0"
2277
- >
2278
- <span
2279
- class="pf-v5-c-tree-view__node-container"
2280
- >
2281
- <span
2282
- class="pf-v5-c-tree-view__node-toggle"
2283
- tabindex="-1"
2284
- >
2285
- <span
2286
- class="pf-v5-c-tree-view__node-toggle-icon"
2287
- >
2288
- <svg
2289
- aria-hidden="true"
2290
- class="pf-v5-svg"
2291
- fill="currentColor"
2292
- height="1em"
2293
- role="img"
2294
- viewBox="0 0 256 512"
2295
- width="1em"
2296
- >
2297
- <path
2298
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2299
- />
2300
- </svg>
2301
- </span>
2302
- </span>
2303
- <span
2304
- class="pf-v5-c-tree-view__node-icon"
2305
- >
2306
- <svg
2307
- aria-hidden="true"
2308
- class="pf-v5-svg"
2309
- fill="currentColor"
2310
- height="1em"
2311
- role="img"
2312
- viewBox="0 0 576 512"
2313
- width="1em"
2314
- >
2315
- <path
2316
- d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"
2317
- />
2318
- </svg>
2319
- </span>
2320
- <span
2321
- class="pf-v5-c-tree-view__node-text"
2322
- >
2323
- ApplicationLauncher
2324
- </span>
2325
- </span>
2326
- </button>
2327
- </div>
2328
- <ul
2329
- class="pf-v5-c-tree-view__list"
2330
- role="group"
2331
- >
2332
- <li
2333
- class="pf-v5-c-tree-view__list-item"
2334
- id="App1"
2335
- role="treeitem"
2336
- tabindex="-1"
2337
- >
2338
- <div
2339
- class="pf-v5-c-tree-view__content"
2340
- >
2341
- <button
2342
- class="pf-v5-c-tree-view__node"
2343
- >
2344
- <span
2345
- class="pf-v5-c-tree-view__node-container"
2346
- >
2347
- <span
2348
- class="pf-v5-c-tree-view__node-toggle"
2349
- tabindex="-1"
2350
- >
2351
- <span
2352
- class="pf-v5-c-tree-view__node-toggle-icon"
2353
- >
2354
- <svg
2355
- aria-hidden="true"
2356
- class="pf-v5-svg"
2357
- fill="currentColor"
2358
- height="1em"
2359
- role="img"
2360
- viewBox="0 0 256 512"
2361
- width="1em"
2362
- >
2363
- <path
2364
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2365
- />
2366
- </svg>
2367
- </span>
2368
- </span>
2369
- <span
2370
- class="pf-v5-c-tree-view__node-icon"
2371
- >
2372
- <svg
2373
- aria-hidden="true"
2374
- class="pf-v5-svg"
2375
- fill="currentColor"
2376
- height="1em"
2377
- role="img"
2378
- viewBox="0 0 512 512"
2379
- width="1em"
2380
- >
2381
- <path
2382
- d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
2383
- />
2384
- </svg>
2385
- </span>
2386
- <span
2387
- class="pf-v5-c-tree-view__node-text"
2388
- >
2389
- Application 1
2390
- </span>
2391
- </span>
2392
- </button>
2393
- </div>
2394
- </li>
2395
- <li
2396
- class="pf-v5-c-tree-view__list-item"
2397
- id="App2"
2398
- role="treeitem"
2399
- tabindex="-1"
2400
- >
2401
- <div
2402
- class="pf-v5-c-tree-view__content"
2403
- >
2404
- <button
2405
- class="pf-v5-c-tree-view__node"
2406
- >
2407
- <span
2408
- class="pf-v5-c-tree-view__node-container"
2409
- >
2410
- <span
2411
- class="pf-v5-c-tree-view__node-toggle"
2412
- tabindex="-1"
2413
- >
2414
- <span
2415
- class="pf-v5-c-tree-view__node-toggle-icon"
2416
- >
2417
- <svg
2418
- aria-hidden="true"
2419
- class="pf-v5-svg"
2420
- fill="currentColor"
2421
- height="1em"
2422
- role="img"
2423
- viewBox="0 0 256 512"
2424
- width="1em"
2425
- >
2426
- <path
2427
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2428
- />
2429
- </svg>
2430
- </span>
2431
- </span>
2432
- <span
2433
- class="pf-v5-c-tree-view__node-icon"
2434
- >
2435
- <svg
2436
- aria-hidden="true"
2437
- class="pf-v5-svg"
2438
- fill="currentColor"
2439
- height="1em"
2440
- role="img"
2441
- viewBox="0 0 512 512"
2442
- width="1em"
2443
- >
2444
- <path
2445
- d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
2446
- />
2447
- </svg>
2448
- </span>
2449
- <span
2450
- class="pf-v5-c-tree-view__node-text"
2451
- >
2452
- Application 2
2453
- </span>
2454
- </span>
2455
- </button>
2456
- </div>
2457
- </li>
2458
- </ul>
2459
- </li>
2460
- <li
2461
- class="pf-v5-c-tree-view__list-item"
2462
- id="Cost"
2463
- role="treeitem"
2464
- tabindex="-1"
2465
- >
2466
- <div
2467
- class="pf-v5-c-tree-view__content"
2468
- >
2469
- <button
2470
- class="pf-v5-c-tree-view__node"
2471
- >
2472
- <span
2473
- class="pf-v5-c-tree-view__node-container"
2474
- >
2475
- <span
2476
- class="pf-v5-c-tree-view__node-toggle"
2477
- tabindex="-1"
2478
- >
2479
- <span
2480
- class="pf-v5-c-tree-view__node-toggle-icon"
2481
- >
2482
- <svg
2483
- aria-hidden="true"
2484
- class="pf-v5-svg"
2485
- fill="currentColor"
2486
- height="1em"
2487
- role="img"
2488
- viewBox="0 0 256 512"
2489
- width="1em"
2490
- >
2491
- <path
2492
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2493
- />
2494
- </svg>
2495
- </span>
2496
- </span>
2497
- <span
2498
- class="pf-v5-c-tree-view__node-icon"
2499
- >
2500
- <svg
2501
- aria-hidden="true"
2502
- class="pf-v5-svg"
2503
- fill="currentColor"
2504
- height="1em"
2505
- role="img"
2506
- viewBox="0 0 512 512"
2507
- width="1em"
2508
- >
2509
- <path
2510
- d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
2511
- />
2512
- </svg>
2513
- </span>
2514
- <span
2515
- class="pf-v5-c-tree-view__node-text"
2516
- >
2517
- Cost Management
2518
- </span>
2519
- </span>
2520
- </button>
2521
- </div>
2522
- </li>
2523
- <li
2524
- class="pf-v5-c-tree-view__list-item"
2525
- id="Sources"
2526
- role="treeitem"
2527
- tabindex="-1"
2528
- >
2529
- <div
2530
- class="pf-v5-c-tree-view__content"
2531
- >
2532
- <button
2533
- class="pf-v5-c-tree-view__node"
2534
- >
2535
- <span
2536
- class="pf-v5-c-tree-view__node-container"
2537
- >
2538
- <span
2539
- class="pf-v5-c-tree-view__node-toggle"
2540
- tabindex="-1"
2541
- >
2542
- <span
2543
- class="pf-v5-c-tree-view__node-toggle-icon"
2544
- >
2545
- <svg
2546
- aria-hidden="true"
2547
- class="pf-v5-svg"
2548
- fill="currentColor"
2549
- height="1em"
2550
- role="img"
2551
- viewBox="0 0 256 512"
2552
- width="1em"
2553
- >
2554
- <path
2555
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2556
- />
2557
- </svg>
2558
- </span>
2559
- </span>
2560
- <span
2561
- class="pf-v5-c-tree-view__node-icon"
2562
- >
2563
- <svg
2564
- aria-hidden="true"
2565
- class="pf-v5-svg"
2566
- fill="currentColor"
2567
- height="1em"
2568
- role="img"
2569
- viewBox="0 0 512 512"
2570
- width="1em"
2571
- >
2572
- <path
2573
- d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
2574
- />
2575
- </svg>
2576
- </span>
2577
- <span
2578
- class="pf-v5-c-tree-view__node-text"
2579
- >
2580
- Sources
2581
- </span>
2582
- </span>
2583
- </button>
2584
- </div>
2585
- </li>
2586
- <li
2587
- class="pf-v5-c-tree-view__list-item"
2588
- id="Long"
2589
- role="treeitem"
2590
- tabindex="-1"
2591
- >
2592
- <div
2593
- class="pf-v5-c-tree-view__content"
2594
- >
2595
- <button
2596
- class="pf-v5-c-tree-view__node"
2597
- >
2598
- <span
2599
- class="pf-v5-c-tree-view__node-container"
2600
- >
2601
- <span
2602
- class="pf-v5-c-tree-view__node-toggle"
2603
- tabindex="-1"
2604
- >
2605
- <span
2606
- class="pf-v5-c-tree-view__node-toggle-icon"
2607
- >
2608
- <svg
2609
- aria-hidden="true"
2610
- class="pf-v5-svg"
2611
- fill="currentColor"
2612
- height="1em"
2613
- role="img"
2614
- viewBox="0 0 256 512"
2615
- width="1em"
2616
- >
2617
- <path
2618
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2619
- />
2620
- </svg>
2621
- </span>
2622
- </span>
2623
- <span
2624
- class="pf-v5-c-tree-view__node-icon"
2625
- >
2626
- <svg
2627
- aria-hidden="true"
2628
- class="pf-v5-svg"
2629
- fill="currentColor"
2630
- height="1em"
2631
- role="img"
2632
- viewBox="0 0 512 512"
2633
- width="1em"
2634
- >
2635
- <path
2636
- d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
2637
- />
2638
- </svg>
2639
- </span>
2640
- <span
2641
- class="pf-v5-c-tree-view__node-text"
2642
- >
2643
- Really really really long folder name that overflows the container it is in
2644
- </span>
2645
- </span>
2646
- </button>
2647
- </div>
2648
- </li>
2649
- </ul>
2650
- </div>
2651
- </DocumentFragment>
2652
- `;
2653
-
2654
- exports[`tree view renders individual flag options successfully 1`] = `
2655
- <DocumentFragment>
2656
- <div
2657
- class="pf-v5-c-tree-view"
2658
- >
2659
- <ul
2660
- class="pf-v5-c-tree-view__list"
2661
- role="tree"
2662
- >
2663
- <li
2664
- aria-expanded="true"
2665
- class="pf-v5-c-tree-view__list-item pf-m-expanded"
2666
- id="AppLaunch"
2667
- role="treeitem"
2668
- tabindex="-1"
2669
- >
2670
- <div
2671
- class="pf-v5-c-tree-view__content"
2672
- >
2673
- <label
2674
- class="pf-v5-c-tree-view__node pf-m-selectable"
2675
- for="checkbox-id43"
2676
- id="label-checkbox-id43"
2677
- tabindex="0"
2678
- >
2679
- <span
2680
- class="pf-v5-c-tree-view__node-container"
2681
- >
2682
- <button
2683
- aria-labelledby="label-checkbox-id43"
2684
- class="pf-v5-c-tree-view__node-toggle"
2685
- tabindex="-1"
2686
- >
2687
- <span
2688
- class="pf-v5-c-tree-view__node-toggle-icon"
2689
- >
2690
- <svg
2691
- aria-hidden="true"
2692
- class="pf-v5-svg"
2693
- fill="currentColor"
2694
- height="1em"
2695
- role="img"
2696
- viewBox="0 0 256 512"
2697
- width="1em"
2698
- >
2699
- <path
2700
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2701
- />
2702
- </svg>
2703
- </span>
2704
- </button>
2705
- <span
2706
- class="pf-v5-c-tree-view__node-check"
2707
- >
2708
- <input
2709
- id="checkbox-id43"
2710
- tabindex="-1"
2711
- type="checkbox"
2712
- />
2713
- </span>
2714
- <span
2715
- class="pf-v5-c-tree-view__node-icon"
2716
- >
2717
- <svg
2718
- aria-hidden="true"
2719
- class="pf-v5-svg"
2720
- fill="currentColor"
2721
- height="1em"
2722
- role="img"
2723
- viewBox="0 0 576 512"
2724
- width="1em"
2725
- >
2726
- <path
2727
- d="M572.694 292.093L500.27 416.248A63.997 63.997 0 0 1 444.989 448H45.025c-18.523 0-30.064-20.093-20.731-36.093l72.424-124.155A64 64 0 0 1 152 256h399.964c18.523 0 30.064 20.093 20.73 36.093zM152 224h328v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v278.046l69.077-118.418C86.214 242.25 117.989 224 152 224z"
2728
- />
2729
- </svg>
2730
- </span>
2731
- <span
2732
- class="pf-v5-c-tree-view__node-text"
2733
- >
2734
- ApplicationLauncher
2735
- </span>
2736
- </span>
2737
- </label>
2738
- </div>
2739
- <ul
2740
- class="pf-v5-c-tree-view__list"
2741
- role="group"
2742
- >
2743
- <li
2744
- class="pf-v5-c-tree-view__list-item"
2745
- id="App1"
2746
- role="treeitem"
2747
- tabindex="-1"
2748
- >
2749
- <div
2750
- class="pf-v5-c-tree-view__content"
2751
- >
2752
- <button
2753
- class="pf-v5-c-tree-view__node"
2754
- >
2755
- <span
2756
- class="pf-v5-c-tree-view__node-container"
2757
- >
2758
- <span
2759
- class="pf-v5-c-tree-view__node-toggle"
2760
- tabindex="-1"
2761
- >
2762
- <span
2763
- class="pf-v5-c-tree-view__node-toggle-icon"
2764
- >
2765
- <svg
2766
- aria-hidden="true"
2767
- class="pf-v5-svg"
2768
- fill="currentColor"
2769
- height="1em"
2770
- role="img"
2771
- viewBox="0 0 256 512"
2772
- width="1em"
2773
- >
2774
- <path
2775
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2776
- />
2777
- </svg>
2778
- </span>
2779
- </span>
2780
- <span
2781
- class="pf-v5-c-tree-view__node-text"
2782
- >
2783
- Application 1
2784
- </span>
2785
- </span>
2786
- </button>
2787
- </div>
2788
- </li>
2789
- <li
2790
- class="pf-v5-c-tree-view__list-item"
2791
- id="App2"
2792
- role="treeitem"
2793
- tabindex="-1"
2794
- >
2795
- <div
2796
- class="pf-v5-c-tree-view__content"
2797
- >
2798
- <button
2799
- class="pf-v5-c-tree-view__node"
2800
- >
2801
- <span
2802
- class="pf-v5-c-tree-view__node-container"
2803
- >
2804
- <span
2805
- class="pf-v5-c-tree-view__node-toggle"
2806
- tabindex="-1"
2807
- >
2808
- <span
2809
- class="pf-v5-c-tree-view__node-toggle-icon"
2810
- >
2811
- <svg
2812
- aria-hidden="true"
2813
- class="pf-v5-svg"
2814
- fill="currentColor"
2815
- height="1em"
2816
- role="img"
2817
- viewBox="0 0 256 512"
2818
- width="1em"
2819
- >
2820
- <path
2821
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2822
- />
2823
- </svg>
2824
- </span>
2825
- </span>
2826
- <span
2827
- class="pf-v5-c-tree-view__node-text"
2828
- >
2829
- Application 2
2830
- </span>
2831
- <span
2832
- class="pf-v5-c-tree-view__node-count"
2833
- >
2834
- <span
2835
- class="pf-v5-c-badge pf-m-read"
2836
- >
2837
- 2
2838
- </span>
2839
- </span>
2840
- </span>
2841
- </button>
2842
- </div>
2843
- </li>
2844
- </ul>
2845
- </li>
2846
- <li
2847
- class="pf-v5-c-tree-view__list-item"
2848
- id="Cost"
2849
- role="treeitem"
2850
- tabindex="-1"
2851
- >
2852
- <div
2853
- class="pf-v5-c-tree-view__content"
2854
- >
2855
- <button
2856
- class="pf-v5-c-tree-view__node"
2857
- >
2858
- <span
2859
- class="pf-v5-c-tree-view__node-container"
2860
- >
2861
- <span
2862
- class="pf-v5-c-tree-view__node-toggle"
2863
- tabindex="-1"
2864
- >
2865
- <span
2866
- class="pf-v5-c-tree-view__node-toggle-icon"
2867
- >
2868
- <svg
2869
- aria-hidden="true"
2870
- class="pf-v5-svg"
2871
- fill="currentColor"
2872
- height="1em"
2873
- role="img"
2874
- viewBox="0 0 256 512"
2875
- width="1em"
2876
- >
2877
- <path
2878
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2879
- />
2880
- </svg>
2881
- </span>
2882
- </span>
2883
- <span
2884
- class="pf-v5-c-tree-view__node-text"
2885
- >
2886
- Cost Management
2887
- </span>
2888
- <span
2889
- class="pf-v5-c-tree-view__node-count"
2890
- >
2891
- <span
2892
- class="pf-v5-c-badge pf-m-read"
2893
- >
2894
- 1
2895
- </span>
2896
- </span>
2897
- </span>
2898
- </button>
2899
- <div
2900
- class="pf-v5-c-tree-view__action"
2901
- >
2902
- <button
2903
- aria-disabled="false"
2904
- aria-label="Folder action"
2905
- class="pf-v5-c-button pf-m-plain"
2906
- data-ouia-component-id="OUIA-Generated-Button-plain-1"
2907
- data-ouia-component-type="PF5/Button"
2908
- data-ouia-safe="true"
2909
- type="button"
2910
- >
2911
- <svg
2912
- aria-hidden="true"
2913
- class="pf-v5-svg"
2914
- fill="currentColor"
2915
- height="1em"
2916
- role="img"
2917
- viewBox="0 0 512 512"
2918
- width="1em"
2919
- >
2920
- <path
2921
- d="M464 128H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48z"
2922
- />
2923
- </svg>
2924
- </button>
2925
- </div>
2926
- </div>
2927
- </li>
2928
- <li
2929
- class="pf-v5-c-tree-view__list-item"
2930
- id="Sources"
2931
- role="treeitem"
2932
- tabindex="-1"
2933
- >
2934
- <div
2935
- class="pf-v5-c-tree-view__content"
2936
- >
2937
- <button
2938
- class="pf-v5-c-tree-view__node"
2939
- >
2940
- <span
2941
- class="pf-v5-c-tree-view__node-container"
2942
- >
2943
- <span
2944
- class="pf-v5-c-tree-view__node-toggle"
2945
- tabindex="-1"
2946
- >
2947
- <span
2948
- class="pf-v5-c-tree-view__node-toggle-icon"
2949
- >
2950
- <svg
2951
- aria-hidden="true"
2952
- class="pf-v5-svg"
2953
- fill="currentColor"
2954
- height="1em"
2955
- role="img"
2956
- viewBox="0 0 256 512"
2957
- width="1em"
2958
- >
2959
- <path
2960
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2961
- />
2962
- </svg>
2963
- </span>
2964
- </span>
2965
- <span
2966
- class="pf-v5-c-tree-view__node-text"
2967
- >
2968
- Sources
2969
- </span>
2970
- </span>
2971
- </button>
2972
- </div>
2973
- </li>
2974
- <li
2975
- class="pf-v5-c-tree-view__list-item"
2976
- id="Long"
2977
- role="treeitem"
2978
- tabindex="-1"
2979
- >
2980
- <div
2981
- class="pf-v5-c-tree-view__content"
2982
- >
2983
- <button
2984
- class="pf-v5-c-tree-view__node"
2985
- >
2986
- <span
2987
- class="pf-v5-c-tree-view__node-container"
2988
- >
2989
- <span
2990
- class="pf-v5-c-tree-view__node-toggle"
2991
- tabindex="-1"
2992
- >
2993
- <span
2994
- class="pf-v5-c-tree-view__node-toggle-icon"
2995
- >
2996
- <svg
2997
- aria-hidden="true"
2998
- class="pf-v5-svg"
2999
- fill="currentColor"
3000
- height="1em"
3001
- role="img"
3002
- viewBox="0 0 256 512"
3003
- width="1em"
3004
- >
3005
- <path
3006
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3007
- />
3008
- </svg>
3009
- </span>
3010
- </span>
3011
- <span
3012
- class="pf-v5-c-tree-view__node-text"
3013
- >
3014
- Really really really long folder name that overflows the container it is in
3015
- </span>
3016
- </span>
3017
- </button>
3018
- </div>
3019
- </li>
3020
- </ul>
3021
- </div>
3022
- </DocumentFragment>
3023
- `;
3024
-
3025
- exports[`tree view renders search successfully 1`] = `
3026
- <DocumentFragment>
3027
- <div
3028
- class="pf-v5-c-tree-view__search"
6
+ data-testid="TreeViewRoot-mock"
3029
7
  >
8
+ <p>
9
+ TreeViewRoot hasCheckboxes: false
10
+ </p>
11
+ <p>
12
+ TreeViewRoot hasGuides: false
13
+ </p>
14
+ <p>
15
+ TreeViewRoot hasSelectableNodes: false
16
+ </p>
17
+ <p>
18
+ TreeViewRoot variant: default
19
+ </p>
20
+ <p>
21
+ TreeViewRoot className: undefined
22
+ </p>
3030
23
  <div
3031
- class="pf-v5-c-form-control pf-m-icon"
24
+ data-testid="TreeViewRoot-children"
3032
25
  >
3033
- <input
3034
- aria-label="Search input example"
3035
- id="input-search"
3036
- name="search-input"
3037
- type="search"
3038
- />
3039
26
  <div
3040
- class="pf-v5-c-form-control__utilities"
27
+ data-testid="TreeViewList-mock"
3041
28
  >
29
+ <p>
30
+ TreeViewList isNested: false
31
+ </p>
32
+ <p>
33
+ TreeViewList toolbar: undefined
34
+ </p>
3042
35
  <div
3043
- class="pf-v5-c-form-control__icon"
36
+ data-testid="TreeViewList-children"
3044
37
  >
3045
- <svg
3046
- aria-hidden="true"
3047
- class="pf-v5-svg"
3048
- fill="currentColor"
3049
- height="1em"
3050
- role="img"
3051
- viewBox="0 0 512 512"
3052
- width="1em"
38
+ <div
39
+ data-testid="TreeViewListItem-mock"
3053
40
  >
3054
- <path
3055
- d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
41
+ <p>
42
+ TreeViewListItem action: undefined
43
+ </p>
44
+ <div
45
+ data-testid="TreeViewListItem-activeItems"
3056
46
  />
3057
- </svg>
47
+ <p>
48
+ TreeViewListItem badgeProps: undefined
49
+ </p>
50
+ <p>
51
+ TreeViewListItem checkProps: undefined
52
+ </p>
53
+ <p>
54
+ TreeViewListItem customBadgeContent: undefined
55
+ </p>
56
+ <p>
57
+ TreeViewListItem defaultExpanded: false
58
+ </p>
59
+ <p>
60
+ TreeViewListItem expandedIcon: undefined
61
+ </p>
62
+ <p>
63
+ TreeViewListItem hasBadge: false
64
+ </p>
65
+ <p>
66
+ TreeViewListItem hasCheckbox: false
67
+ </p>
68
+ <p>
69
+ TreeViewListItem icon: undefined
70
+ </p>
71
+ <p>
72
+ TreeViewListItem id: undefined
73
+ </p>
74
+ <p>
75
+ TreeViewListItem isCompact: false
76
+ </p>
77
+ <p>
78
+ TreeViewListItem isExpanded: undefined
79
+ </p>
80
+ <p>
81
+ TreeViewListItem isSelectable: false
82
+ </p>
83
+ <p>
84
+ TreeViewListItem itemData: Basic data name
85
+ </p>
86
+ <p>
87
+ TreeViewListItem name: Basic data name
88
+ </p>
89
+ <p>
90
+ TreeViewListItem parentItem: undefined
91
+ </p>
92
+ <p>
93
+ TreeViewListItem title: undefined
94
+ </p>
95
+ <p>
96
+ TreeViewListItem useMemo: undefined
97
+ </p>
98
+ <button>
99
+ compareItems clicker
100
+ </button>
101
+ <button>
102
+ onCheck clicker
103
+ </button>
104
+ <button>
105
+ onSelect clicker
106
+ </button>
107
+ <button>
108
+ onExpand clicker
109
+ </button>
110
+ <button>
111
+ onCollapse clicker
112
+ </button>
113
+ <div
114
+ data-testid="TreeViewListItem-children"
115
+ />
116
+ </div>
3058
117
  </div>
3059
118
  </div>
3060
119
  </div>
3061
120
  </div>
3062
121
  </DocumentFragment>
3063
122
  `;
3064
-
3065
- exports[`tree view renders toolbar successfully 1`] = `
3066
- <DocumentFragment>
3067
- <div
3068
- class="pf-v5-c-tree-view"
3069
- >
3070
- <div>
3071
- test
3072
- </div>
3073
- <hr
3074
- class="pf-v5-c-divider"
3075
- />
3076
- <ul
3077
- class="pf-v5-c-tree-view__list"
3078
- role="tree"
3079
- >
3080
- <li
3081
- aria-expanded="true"
3082
- class="pf-v5-c-tree-view__list-item pf-m-expanded"
3083
- id="AppLaunch"
3084
- role="treeitem"
3085
- tabindex="-1"
3086
- >
3087
- <div
3088
- class="pf-v5-c-tree-view__content"
3089
- >
3090
- <button
3091
- class="pf-v5-c-tree-view__node"
3092
- tabindex="0"
3093
- >
3094
- <span
3095
- class="pf-v5-c-tree-view__node-container"
3096
- >
3097
- <span
3098
- class="pf-v5-c-tree-view__node-toggle"
3099
- tabindex="-1"
3100
- >
3101
- <span
3102
- class="pf-v5-c-tree-view__node-toggle-icon"
3103
- >
3104
- <svg
3105
- aria-hidden="true"
3106
- class="pf-v5-svg"
3107
- fill="currentColor"
3108
- height="1em"
3109
- role="img"
3110
- viewBox="0 0 256 512"
3111
- width="1em"
3112
- >
3113
- <path
3114
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3115
- />
3116
- </svg>
3117
- </span>
3118
- </span>
3119
- <span
3120
- class="pf-v5-c-tree-view__node-text"
3121
- >
3122
- ApplicationLauncher
3123
- </span>
3124
- </span>
3125
- </button>
3126
- </div>
3127
- <ul
3128
- class="pf-v5-c-tree-view__list"
3129
- role="group"
3130
- >
3131
- <li
3132
- class="pf-v5-c-tree-view__list-item"
3133
- id="App1"
3134
- role="treeitem"
3135
- tabindex="-1"
3136
- >
3137
- <div
3138
- class="pf-v5-c-tree-view__content"
3139
- >
3140
- <button
3141
- class="pf-v5-c-tree-view__node"
3142
- >
3143
- <span
3144
- class="pf-v5-c-tree-view__node-container"
3145
- >
3146
- <span
3147
- class="pf-v5-c-tree-view__node-toggle"
3148
- tabindex="-1"
3149
- >
3150
- <span
3151
- class="pf-v5-c-tree-view__node-toggle-icon"
3152
- >
3153
- <svg
3154
- aria-hidden="true"
3155
- class="pf-v5-svg"
3156
- fill="currentColor"
3157
- height="1em"
3158
- role="img"
3159
- viewBox="0 0 256 512"
3160
- width="1em"
3161
- >
3162
- <path
3163
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3164
- />
3165
- </svg>
3166
- </span>
3167
- </span>
3168
- <span
3169
- class="pf-v5-c-tree-view__node-text"
3170
- >
3171
- Application 1
3172
- </span>
3173
- </span>
3174
- </button>
3175
- </div>
3176
- </li>
3177
- <li
3178
- class="pf-v5-c-tree-view__list-item"
3179
- id="App2"
3180
- role="treeitem"
3181
- tabindex="-1"
3182
- >
3183
- <div
3184
- class="pf-v5-c-tree-view__content"
3185
- >
3186
- <button
3187
- class="pf-v5-c-tree-view__node"
3188
- >
3189
- <span
3190
- class="pf-v5-c-tree-view__node-container"
3191
- >
3192
- <span
3193
- class="pf-v5-c-tree-view__node-toggle"
3194
- tabindex="-1"
3195
- >
3196
- <span
3197
- class="pf-v5-c-tree-view__node-toggle-icon"
3198
- >
3199
- <svg
3200
- aria-hidden="true"
3201
- class="pf-v5-svg"
3202
- fill="currentColor"
3203
- height="1em"
3204
- role="img"
3205
- viewBox="0 0 256 512"
3206
- width="1em"
3207
- >
3208
- <path
3209
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3210
- />
3211
- </svg>
3212
- </span>
3213
- </span>
3214
- <span
3215
- class="pf-v5-c-tree-view__node-text"
3216
- >
3217
- Application 2
3218
- </span>
3219
- </span>
3220
- </button>
3221
- </div>
3222
- </li>
3223
- </ul>
3224
- </li>
3225
- <li
3226
- class="pf-v5-c-tree-view__list-item"
3227
- id="Cost"
3228
- role="treeitem"
3229
- tabindex="-1"
3230
- >
3231
- <div
3232
- class="pf-v5-c-tree-view__content"
3233
- >
3234
- <button
3235
- class="pf-v5-c-tree-view__node"
3236
- >
3237
- <span
3238
- class="pf-v5-c-tree-view__node-container"
3239
- >
3240
- <span
3241
- class="pf-v5-c-tree-view__node-toggle"
3242
- tabindex="-1"
3243
- >
3244
- <span
3245
- class="pf-v5-c-tree-view__node-toggle-icon"
3246
- >
3247
- <svg
3248
- aria-hidden="true"
3249
- class="pf-v5-svg"
3250
- fill="currentColor"
3251
- height="1em"
3252
- role="img"
3253
- viewBox="0 0 256 512"
3254
- width="1em"
3255
- >
3256
- <path
3257
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3258
- />
3259
- </svg>
3260
- </span>
3261
- </span>
3262
- <span
3263
- class="pf-v5-c-tree-view__node-text"
3264
- >
3265
- Cost Management
3266
- </span>
3267
- </span>
3268
- </button>
3269
- </div>
3270
- </li>
3271
- <li
3272
- class="pf-v5-c-tree-view__list-item"
3273
- id="Sources"
3274
- role="treeitem"
3275
- tabindex="-1"
3276
- >
3277
- <div
3278
- class="pf-v5-c-tree-view__content"
3279
- >
3280
- <button
3281
- class="pf-v5-c-tree-view__node"
3282
- >
3283
- <span
3284
- class="pf-v5-c-tree-view__node-container"
3285
- >
3286
- <span
3287
- class="pf-v5-c-tree-view__node-toggle"
3288
- tabindex="-1"
3289
- >
3290
- <span
3291
- class="pf-v5-c-tree-view__node-toggle-icon"
3292
- >
3293
- <svg
3294
- aria-hidden="true"
3295
- class="pf-v5-svg"
3296
- fill="currentColor"
3297
- height="1em"
3298
- role="img"
3299
- viewBox="0 0 256 512"
3300
- width="1em"
3301
- >
3302
- <path
3303
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3304
- />
3305
- </svg>
3306
- </span>
3307
- </span>
3308
- <span
3309
- class="pf-v5-c-tree-view__node-text"
3310
- >
3311
- Sources
3312
- </span>
3313
- </span>
3314
- </button>
3315
- </div>
3316
- </li>
3317
- <li
3318
- class="pf-v5-c-tree-view__list-item"
3319
- id="Long"
3320
- role="treeitem"
3321
- tabindex="-1"
3322
- >
3323
- <div
3324
- class="pf-v5-c-tree-view__content"
3325
- >
3326
- <button
3327
- class="pf-v5-c-tree-view__node"
3328
- >
3329
- <span
3330
- class="pf-v5-c-tree-view__node-container"
3331
- >
3332
- <span
3333
- class="pf-v5-c-tree-view__node-toggle"
3334
- tabindex="-1"
3335
- >
3336
- <span
3337
- class="pf-v5-c-tree-view__node-toggle-icon"
3338
- >
3339
- <svg
3340
- aria-hidden="true"
3341
- class="pf-v5-svg"
3342
- fill="currentColor"
3343
- height="1em"
3344
- role="img"
3345
- viewBox="0 0 256 512"
3346
- width="1em"
3347
- >
3348
- <path
3349
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3350
- />
3351
- </svg>
3352
- </span>
3353
- </span>
3354
- <span
3355
- class="pf-v5-c-tree-view__node-text"
3356
- >
3357
- Really really really long folder name that overflows the container it is in
3358
- </span>
3359
- </span>
3360
- </button>
3361
- </div>
3362
- </li>
3363
- </ul>
3364
- </div>
3365
- </DocumentFragment>
3366
- `;