@patternfly/react-core 6.0.0-prerelease.9 → 6.1.0-prerelease.1

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 (494) hide show
  1. package/CHANGELOG.md +99 -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/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/Content/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/Drawer/package.json +1 -1
  28. package/dist/dynamic/components/Dropdown/package.json +1 -1
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  30. package/dist/dynamic/components/EmptyState/package.json +1 -1
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  32. package/dist/dynamic/components/FileUpload/package.json +1 -1
  33. package/dist/dynamic/components/Form/package.json +1 -1
  34. package/dist/dynamic/components/FormSelect/package.json +1 -1
  35. package/dist/dynamic/components/HelperText/package.json +1 -1
  36. package/dist/dynamic/components/Hint/package.json +1 -1
  37. package/dist/dynamic/components/Icon/package.json +1 -1
  38. package/dist/dynamic/components/InputGroup/package.json +1 -1
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  40. package/dist/dynamic/components/Label/package.json +1 -1
  41. package/dist/dynamic/components/List/package.json +1 -1
  42. package/dist/dynamic/components/LoginPage/package.json +1 -1
  43. package/dist/dynamic/components/Masthead/package.json +1 -1
  44. package/dist/dynamic/components/Menu/package.json +1 -1
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  46. package/dist/dynamic/components/Modal/package.json +1 -1
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  48. package/dist/dynamic/components/Nav/package.json +1 -1
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  51. package/dist/dynamic/components/NumberInput/package.json +1 -1
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  53. package/dist/dynamic/components/Page/package.json +1 -1
  54. package/dist/dynamic/components/Pagination/package.json +1 -1
  55. package/dist/dynamic/components/Panel/package.json +1 -1
  56. package/dist/dynamic/components/Popover/package.json +1 -1
  57. package/dist/dynamic/components/Progress/package.json +1 -1
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  59. package/dist/dynamic/components/Radio/package.json +1 -1
  60. package/dist/dynamic/components/SearchInput/package.json +1 -1
  61. package/dist/dynamic/components/Select/package.json +1 -1
  62. package/dist/dynamic/components/Sidebar/package.json +1 -1
  63. package/dist/dynamic/components/SimpleList/package.json +1 -1
  64. package/dist/dynamic/components/Skeleton/package.json +1 -1
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  66. package/dist/dynamic/components/Slider/package.json +1 -1
  67. package/dist/dynamic/components/Spinner/package.json +1 -1
  68. package/dist/dynamic/components/Switch/package.json +1 -1
  69. package/dist/dynamic/components/Tabs/package.json +1 -1
  70. package/dist/dynamic/components/TextArea/package.json +1 -1
  71. package/dist/dynamic/components/TextInput/package.json +1 -1
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  73. package/dist/dynamic/components/TimePicker/package.json +1 -1
  74. package/dist/dynamic/components/Timestamp/package.json +1 -1
  75. package/dist/dynamic/components/Title/package.json +1 -1
  76. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  77. package/dist/dynamic/components/Toolbar/package.json +1 -1
  78. package/dist/dynamic/components/Tooltip/package.json +1 -1
  79. package/dist/dynamic/components/TreeView/package.json +1 -1
  80. package/dist/dynamic/components/Truncate/package.json +1 -1
  81. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/package.json +1 -1
  83. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/Tile/package.json +1 -0
  88. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/package.json +1 -1
  90. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  91. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  92. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  93. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  94. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  95. package/dist/dynamic/helpers/constants/package.json +1 -1
  96. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  97. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  98. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  99. package/dist/dynamic/helpers/package.json +1 -1
  100. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  101. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  102. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  103. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  104. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  105. package/dist/dynamic/helpers/util/package.json +1 -1
  106. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  107. package/dist/dynamic/layouts/Flex/package.json +1 -1
  108. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  109. package/dist/dynamic/layouts/Grid/package.json +1 -1
  110. package/dist/dynamic/layouts/Level/package.json +1 -1
  111. package/dist/dynamic/layouts/Split/package.json +1 -1
  112. package/dist/dynamic/layouts/Stack/package.json +1 -1
  113. package/dist/dynamic/styles/package.json +1 -1
  114. package/dist/dynamic-modules.json +0 -3
  115. package/dist/esm/components/Card/CardHeader.d.ts +2 -0
  116. package/dist/esm/components/Card/CardHeader.d.ts.map +1 -1
  117. package/dist/esm/components/Card/CardHeader.js +2 -2
  118. package/dist/esm/components/Card/CardHeader.js.map +1 -1
  119. package/dist/esm/components/DataList/DataListAction.d.ts +0 -2
  120. package/dist/esm/components/DataList/DataListAction.d.ts.map +1 -1
  121. package/dist/esm/components/DataList/DataListAction.js +2 -2
  122. package/dist/esm/components/DataList/DataListAction.js.map +1 -1
  123. package/dist/esm/components/DataList/DataListCheck.d.ts +4 -1
  124. package/dist/esm/components/DataList/DataListCheck.d.ts.map +1 -1
  125. package/dist/esm/components/DataList/DataListCheck.js +4 -4
  126. package/dist/esm/components/DataList/DataListCheck.js.map +1 -1
  127. package/dist/esm/components/DescriptionList/DescriptionList.js +1 -1
  128. package/dist/esm/components/DescriptionList/DescriptionList.js.map +1 -1
  129. package/dist/esm/components/Dropdown/Dropdown.d.ts +4 -0
  130. package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
  131. package/dist/esm/components/Dropdown/Dropdown.js +15 -5
  132. package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
  133. package/dist/esm/components/EmptyState/EmptyState.d.ts +1 -1
  134. package/dist/esm/components/EmptyState/EmptyState.d.ts.map +1 -1
  135. package/dist/esm/components/EmptyState/EmptyStateHeader.d.ts +1 -1
  136. package/dist/esm/components/EmptyState/EmptyStateHeader.d.ts.map +1 -1
  137. package/dist/esm/components/EmptyState/EmptyStateHeader.js +2 -2
  138. package/dist/esm/components/EmptyState/EmptyStateHeader.js.map +1 -1
  139. package/dist/esm/components/Menu/MenuContainer.d.ts +4 -0
  140. package/dist/esm/components/Menu/MenuContainer.d.ts.map +1 -1
  141. package/dist/esm/components/Menu/MenuContainer.js +4 -4
  142. package/dist/esm/components/Menu/MenuContainer.js.map +1 -1
  143. package/dist/esm/components/MenuToggle/MenuToggle.d.ts +2 -8
  144. package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  145. package/dist/esm/components/MenuToggle/MenuToggle.js +4 -4
  146. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  147. package/dist/esm/components/Modal/Modal.d.ts +2 -0
  148. package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
  149. package/dist/esm/components/Modal/Modal.js +2 -6
  150. package/dist/esm/components/Modal/Modal.js.map +1 -1
  151. package/dist/esm/components/Modal/ModalContent.d.ts +2 -0
  152. package/dist/esm/components/Modal/ModalContent.d.ts.map +1 -1
  153. package/dist/esm/components/Modal/ModalContent.js +7 -13
  154. package/dist/esm/components/Modal/ModalContent.js.map +1 -1
  155. package/dist/esm/components/Page/Page.d.ts.map +1 -1
  156. package/dist/esm/components/Page/Page.js +3 -4
  157. package/dist/esm/components/Page/Page.js.map +1 -1
  158. package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts +4 -0
  159. package/dist/esm/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
  160. package/dist/esm/components/Pagination/PaginationOptionsMenu.js +4 -4
  161. package/dist/esm/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  162. package/dist/esm/components/Select/Select.d.ts +4 -0
  163. package/dist/esm/components/Select/Select.d.ts.map +1 -1
  164. package/dist/esm/components/Select/Select.js +13 -4
  165. package/dist/esm/components/Select/Select.js.map +1 -1
  166. package/dist/esm/components/Tabs/OverflowTab.d.ts +4 -0
  167. package/dist/esm/components/Tabs/OverflowTab.d.ts.map +1 -1
  168. package/dist/esm/components/Tabs/OverflowTab.js +3 -3
  169. package/dist/esm/components/Tabs/OverflowTab.js.map +1 -1
  170. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +1 -1
  171. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  172. package/dist/esm/components/Toolbar/ToolbarUtils.js +4 -4
  173. package/dist/esm/components/Toolbar/ToolbarUtils.js.map +1 -1
  174. package/dist/esm/components/index.d.ts +0 -1
  175. package/dist/esm/components/index.d.ts.map +1 -1
  176. package/dist/esm/components/index.js +0 -1
  177. package/dist/esm/components/index.js.map +1 -1
  178. package/dist/esm/deprecated/components/DragDrop/Draggable.js +1 -1
  179. package/dist/esm/deprecated/components/DragDrop/Draggable.js.map +1 -1
  180. package/dist/esm/deprecated/components/Tile/Tile.d.ts.map +1 -0
  181. package/dist/esm/deprecated/components/Tile/Tile.js.map +1 -0
  182. package/dist/esm/deprecated/components/Tile/index.d.ts.map +1 -0
  183. package/dist/esm/deprecated/components/Tile/index.js.map +1 -0
  184. package/dist/esm/deprecated/components/index.d.ts +1 -0
  185. package/dist/esm/deprecated/components/index.d.ts.map +1 -1
  186. package/dist/esm/deprecated/components/index.js +1 -0
  187. package/dist/esm/deprecated/components/index.js.map +1 -1
  188. package/dist/esm/helpers/constants.js +10 -10
  189. package/dist/esm/helpers/constants.js.map +1 -1
  190. package/dist/js/components/Card/CardHeader.d.ts +2 -0
  191. package/dist/js/components/Card/CardHeader.d.ts.map +1 -1
  192. package/dist/js/components/Card/CardHeader.js +2 -2
  193. package/dist/js/components/Card/CardHeader.js.map +1 -1
  194. package/dist/js/components/DataList/DataListAction.d.ts +0 -2
  195. package/dist/js/components/DataList/DataListAction.d.ts.map +1 -1
  196. package/dist/js/components/DataList/DataListAction.js +2 -2
  197. package/dist/js/components/DataList/DataListAction.js.map +1 -1
  198. package/dist/js/components/DataList/DataListCheck.d.ts +4 -1
  199. package/dist/js/components/DataList/DataListCheck.d.ts.map +1 -1
  200. package/dist/js/components/DataList/DataListCheck.js +4 -4
  201. package/dist/js/components/DataList/DataListCheck.js.map +1 -1
  202. package/dist/js/components/DescriptionList/DescriptionList.js +1 -1
  203. package/dist/js/components/DescriptionList/DescriptionList.js.map +1 -1
  204. package/dist/js/components/Dropdown/Dropdown.d.ts +4 -0
  205. package/dist/js/components/Dropdown/Dropdown.d.ts.map +1 -1
  206. package/dist/js/components/Dropdown/Dropdown.js +15 -5
  207. package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
  208. package/dist/js/components/EmptyState/EmptyState.d.ts +1 -1
  209. package/dist/js/components/EmptyState/EmptyState.d.ts.map +1 -1
  210. package/dist/js/components/EmptyState/EmptyStateHeader.d.ts +1 -1
  211. package/dist/js/components/EmptyState/EmptyStateHeader.d.ts.map +1 -1
  212. package/dist/js/components/EmptyState/EmptyStateHeader.js +2 -2
  213. package/dist/js/components/EmptyState/EmptyStateHeader.js.map +1 -1
  214. package/dist/js/components/Menu/MenuContainer.d.ts +4 -0
  215. package/dist/js/components/Menu/MenuContainer.d.ts.map +1 -1
  216. package/dist/js/components/Menu/MenuContainer.js +4 -4
  217. package/dist/js/components/Menu/MenuContainer.js.map +1 -1
  218. package/dist/js/components/MenuToggle/MenuToggle.d.ts +2 -8
  219. package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  220. package/dist/js/components/MenuToggle/MenuToggle.js +4 -4
  221. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  222. package/dist/js/components/Modal/Modal.d.ts +2 -0
  223. package/dist/js/components/Modal/Modal.d.ts.map +1 -1
  224. package/dist/js/components/Modal/Modal.js +2 -6
  225. package/dist/js/components/Modal/Modal.js.map +1 -1
  226. package/dist/js/components/Modal/ModalContent.d.ts +2 -0
  227. package/dist/js/components/Modal/ModalContent.d.ts.map +1 -1
  228. package/dist/js/components/Modal/ModalContent.js +7 -13
  229. package/dist/js/components/Modal/ModalContent.js.map +1 -1
  230. package/dist/js/components/Page/Page.d.ts.map +1 -1
  231. package/dist/js/components/Page/Page.js +3 -4
  232. package/dist/js/components/Page/Page.js.map +1 -1
  233. package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts +4 -0
  234. package/dist/js/components/Pagination/PaginationOptionsMenu.d.ts.map +1 -1
  235. package/dist/js/components/Pagination/PaginationOptionsMenu.js +4 -4
  236. package/dist/js/components/Pagination/PaginationOptionsMenu.js.map +1 -1
  237. package/dist/js/components/Select/Select.d.ts +4 -0
  238. package/dist/js/components/Select/Select.d.ts.map +1 -1
  239. package/dist/js/components/Select/Select.js +13 -4
  240. package/dist/js/components/Select/Select.js.map +1 -1
  241. package/dist/js/components/Tabs/OverflowTab.d.ts +4 -0
  242. package/dist/js/components/Tabs/OverflowTab.d.ts.map +1 -1
  243. package/dist/js/components/Tabs/OverflowTab.js +3 -3
  244. package/dist/js/components/Tabs/OverflowTab.js.map +1 -1
  245. package/dist/js/components/Toolbar/ToolbarToggleGroup.js +2 -2
  246. package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  247. package/dist/js/components/Toolbar/ToolbarUtils.js +8 -8
  248. package/dist/js/components/Toolbar/ToolbarUtils.js.map +1 -1
  249. package/dist/js/components/index.d.ts +0 -1
  250. package/dist/js/components/index.d.ts.map +1 -1
  251. package/dist/js/components/index.js +0 -1
  252. package/dist/js/components/index.js.map +1 -1
  253. package/dist/js/deprecated/components/DragDrop/Draggable.js +1 -1
  254. package/dist/js/deprecated/components/DragDrop/Draggable.js.map +1 -1
  255. package/dist/js/deprecated/components/Tile/Tile.d.ts.map +1 -0
  256. package/dist/js/deprecated/components/Tile/Tile.js.map +1 -0
  257. package/dist/js/deprecated/components/Tile/index.d.ts.map +1 -0
  258. package/dist/js/deprecated/components/Tile/index.js.map +1 -0
  259. package/dist/js/deprecated/components/index.d.ts +1 -0
  260. package/dist/js/deprecated/components/index.d.ts.map +1 -1
  261. package/dist/js/deprecated/components/index.js +1 -0
  262. package/dist/js/deprecated/components/index.js.map +1 -1
  263. package/dist/js/helpers/constants.js +20 -20
  264. package/dist/js/helpers/constants.js.map +1 -1
  265. package/dist/styles/base-no-reset.css +98 -67
  266. package/dist/styles/base.css +113 -67
  267. package/dist/umd/assets/{output-B8-Cz-Of.css → output-cDK0-HHp.css} +5154 -5328
  268. package/dist/umd/react-core.min.js +1 -1
  269. package/helpers/package.json +1 -1
  270. package/layouts/package.json +1 -1
  271. package/next/package.json +1 -1
  272. package/package.json +6 -6
  273. package/src/components/AboutModal/examples/AboutModal.md +1 -1
  274. package/src/components/Accordion/examples/Accordion.md +2 -2
  275. package/src/components/ActionList/examples/ActionList.md +1 -1
  276. package/src/components/Alert/examples/Alert.md +1 -1
  277. package/src/components/Avatar/examples/Avatar.md +1 -1
  278. package/src/components/BackToTop/examples/BackToTop.md +1 -1
  279. package/src/components/Backdrop/examples/Backdrop.md +1 -1
  280. package/src/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  281. package/src/components/Badge/examples/Badge.md +1 -1
  282. package/src/components/Banner/examples/Banner.md +1 -1
  283. package/src/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  284. package/src/components/Button/examples/Button.md +1 -1
  285. package/src/components/CalendarMonth/examples/CalendarMonth.md +1 -1
  286. package/src/components/Card/CardHeader.tsx +9 -2
  287. package/src/components/Card/examples/Card.md +24 -1
  288. package/src/components/Card/examples/CardTile.tsx +73 -0
  289. package/src/components/Card/examples/CardTileMulti.tsx +84 -0
  290. package/src/components/Checkbox/examples/Checkbox.md +1 -1
  291. package/src/components/ClipboardCopy/examples/ClipboardCopy.md +1 -1
  292. package/src/components/CodeBlock/examples/CodeBlock.md +1 -1
  293. package/src/components/DataList/DataListAction.tsx +1 -5
  294. package/src/components/DataList/DataListCheck.tsx +20 -13
  295. package/src/components/DataList/__tests__/DataListAction.test.tsx +21 -21
  296. package/src/components/DataList/__tests__/DataListCheck.test.tsx +3 -1
  297. package/src/components/DataList/__tests__/Generated/DataListCheck.test.tsx +3 -2
  298. package/src/components/DataList/__tests__/Generated/__snapshots__/DataListCheck.test.tsx.snap +15 -5
  299. package/src/components/DataList/examples/DataList.md +1 -1
  300. package/src/components/DataList/examples/DataListActions.tsx +0 -1
  301. package/src/components/DataList/examples/DataListCheckboxes.tsx +3 -6
  302. package/src/components/DataList/examples/DataListClickableRows.tsx +0 -2
  303. package/src/components/DataList/examples/DataListDraggable.tsx +6 -1
  304. package/src/components/DataList/examples/DataListExpandable.tsx +3 -18
  305. package/src/components/DataList/examples/DataListMixedExpandable.tsx +3 -18
  306. package/src/components/DataList/examples/DataListWidthModifiers.tsx +3 -5
  307. package/src/components/DatePicker/examples/DatePicker.md +1 -1
  308. package/src/components/DescriptionList/DescriptionList.tsx +1 -1
  309. package/src/components/DescriptionList/__tests__/DescriptionList.test.tsx +14 -12
  310. package/src/components/DescriptionList/examples/DescriptionList.md +1 -1
  311. package/src/components/Divider/examples/Divider.md +1 -1
  312. package/src/components/Drawer/examples/Drawer.md +1 -1
  313. package/src/components/Dropdown/Dropdown.tsx +20 -5
  314. package/src/components/Dropdown/examples/Dropdown.md +1 -1
  315. package/src/components/DualListSelector/examples/DualListSelector.md +1 -1
  316. package/src/components/DualListSelector/examples/DualListSelectorTree.tsx +33 -32
  317. package/src/components/EmptyState/EmptyState.tsx +1 -1
  318. package/src/components/EmptyState/EmptyStateHeader.tsx +6 -4
  319. package/src/components/EmptyState/__tests__/EmptyState.test.tsx +5 -0
  320. package/src/components/EmptyState/examples/EmptyState.md +1 -1
  321. package/src/components/ExpandableSection/examples/ExpandableSection.md +1 -1
  322. package/src/components/FileUpload/examples/FileUpload.md +1 -1
  323. package/src/components/Form/examples/Form.md +1 -1
  324. package/src/components/FormSelect/examples/FormSelect.md +1 -1
  325. package/src/components/HelperText/examples/HelperText.md +1 -1
  326. package/src/components/Hint/examples/Hint.md +1 -1
  327. package/src/components/Icon/examples/Icon.md +1 -1
  328. package/src/components/InputGroup/examples/InputGroup.md +1 -1
  329. package/src/components/JumpLinks/examples/JumpLinks.md +1 -0
  330. package/src/components/Label/examples/Label.md +1 -1
  331. package/src/components/List/examples/List.md +1 -1
  332. package/src/components/LoginPage/examples/LoginPage.md +1 -1
  333. package/src/components/Masthead/examples/Masthead.md +1 -1
  334. package/src/components/Menu/MenuContainer.tsx +10 -4
  335. package/src/components/Menu/examples/Menu.md +1 -1
  336. package/src/components/MenuToggle/MenuToggle.tsx +6 -20
  337. package/src/components/MenuToggle/__tests__/MenuToggle.test.tsx +10 -11
  338. package/src/components/MenuToggle/examples/MenuToggle.md +11 -11
  339. package/src/components/MenuToggle/examples/MenuToggleSplitButtonAction.tsx +23 -32
  340. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckbox.tsx +9 -9
  341. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithText.tsx +27 -33
  342. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithToggleText.tsx +21 -27
  343. package/src/components/Modal/Modal.tsx +4 -11
  344. package/src/components/Modal/ModalContent.tsx +9 -11
  345. package/src/components/Modal/__tests__/Modal.test.tsx +0 -14
  346. package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +4 -0
  347. package/src/components/Modal/examples/Modal.md +1 -1
  348. package/src/components/MultipleFileUpload/examples/MultipleFileUpload.md +1 -1
  349. package/src/components/Nav/examples/Nav.md +1 -1
  350. package/src/components/NotificationBadge/examples/NotificationBadge.md +1 -1
  351. package/src/components/NotificationDrawer/examples/NotificationDrawer.md +1 -1
  352. package/src/components/NumberInput/examples/NumberInput.md +1 -1
  353. package/src/components/OverflowMenu/examples/OverflowMenu.md +1 -1
  354. package/src/components/Page/Page.tsx +3 -5
  355. package/src/components/Page/examples/Page.md +2 -2
  356. package/src/components/Pagination/PaginationOptionsMenu.tsx +10 -4
  357. package/src/components/Pagination/examples/Pagination.md +1 -1
  358. package/src/components/Panel/examples/Panel.md +1 -1
  359. package/src/components/Popover/examples/Popover.md +1 -1
  360. package/src/components/Progress/examples/Progress.md +1 -1
  361. package/src/components/ProgressStepper/examples/ProgressStepper.md +1 -1
  362. package/src/components/Radio/examples/Radio.md +1 -1
  363. package/src/components/SearchInput/examples/SearchInput.md +1 -1
  364. package/src/components/Select/Select.tsx +19 -4
  365. package/src/components/Select/examples/Select.md +1 -1
  366. package/src/components/Sidebar/examples/Sidebar.md +2 -2
  367. package/src/components/SimpleList/examples/SimpleList.md +1 -1
  368. package/src/components/Skeleton/examples/Skeleton.md +8 -8
  369. package/src/components/Skeleton/examples/SkeletonText.tsx +14 -14
  370. package/src/components/SkipToContent/examples/SkipToContent.md +1 -1
  371. package/src/components/Slider/examples/Slider.md +1 -1
  372. package/src/components/Spinner/examples/Spinner.md +1 -1
  373. package/src/components/Switch/examples/Switch.md +1 -1
  374. package/src/components/Tabs/OverflowTab.tsx +8 -2
  375. package/src/components/Tabs/examples/Tabs.md +1 -1
  376. package/src/components/TextArea/examples/TextArea.md +1 -1
  377. package/src/components/TextInput/examples/TextInput.md +1 -1
  378. package/src/components/TextInputGroup/examples/TextInputGroup.md +15 -5
  379. package/src/components/TimePicker/examples/TimePicker.md +1 -1
  380. package/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap +2 -2
  381. package/src/components/Timestamp/examples/Timestamp.md +1 -1
  382. package/src/components/Title/examples/Title.md +1 -1
  383. package/src/components/ToggleGroup/examples/ToggleGroup.md +2 -2
  384. package/src/components/Toolbar/ToolbarToggleGroup.tsx +1 -1
  385. package/src/components/Toolbar/ToolbarUtils.tsx +4 -4
  386. package/src/components/Toolbar/examples/Toolbar.md +1 -1
  387. package/src/components/Toolbar/examples/ToolbarStacked.tsx +7 -9
  388. package/src/components/Tooltip/examples/Tooltip.md +1 -1
  389. package/src/components/TreeView/examples/TreeView.md +1 -1
  390. package/src/components/Truncate/examples/Truncate.md +1 -0
  391. package/src/components/Wizard/examples/Wizard.md +1 -1
  392. package/src/components/index.ts +0 -1
  393. package/src/demos/CardDemos.md +2 -2
  394. package/src/demos/CardView/examples/CardView.tsx +11 -13
  395. package/src/demos/DataList/examples/DataListBasic.tsx +7 -9
  396. package/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +3 -18
  397. package/src/demos/Filters/examples/FilterAttributeSearch.tsx +9 -11
  398. package/src/demos/Filters/examples/FilterCheckboxSelect.tsx +9 -11
  399. package/src/demos/Filters/examples/FilterFaceted.tsx +9 -11
  400. package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +9 -11
  401. package/src/demos/Filters/examples/FilterSameSelectGroup.tsx +9 -11
  402. package/src/demos/Filters/examples/FilterSearchInput.tsx +9 -11
  403. package/src/demos/Filters/examples/FilterSingleSelect.tsx +9 -11
  404. package/src/demos/JumpLinks.md +1 -0
  405. package/src/demos/ProgressDemo.md +5 -2
  406. package/src/demos/ProgressStepperDemo.md +4 -1
  407. package/src/demos/examples/Card/CardNested.tsx +1 -1
  408. package/src/demos/examples/Card/CardStatus.tsx +3 -3
  409. package/src/demos/examples/Card/CardTrendDemo1.tsx +1 -1
  410. package/src/demos/examples/Card/CardTrendDemo2.tsx +1 -1
  411. package/src/demos/examples/Card/CardUtilizationDemo1.tsx +1 -1
  412. package/src/demos/examples/Card/CardUtilizationDemo2.tsx +1 -1
  413. package/src/demos/examples/Card/CardUtilizationDemo3.tsx +1 -1
  414. package/src/demos/examples/Card/CardUtilizationDemo4.tsx +1 -1
  415. package/src/demos/examples/Card/CardWithAccordion.tsx +1 -1
  416. package/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js +3 -20
  417. package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +11 -13
  418. package/src/deprecated/components/Chip/examples/Chip.md +1 -1
  419. package/src/deprecated/components/DragDrop/Draggable.tsx +1 -1
  420. package/src/deprecated/components/Modal/examples/Modal.md +1 -1
  421. package/src/{demos/TileDemo.md → deprecated/components/Tile/examples/Tile.md} +67 -2
  422. package/src/{components → deprecated/components}/Tile/examples/TileBasic.tsx +1 -1
  423. package/src/{components → deprecated/components}/Tile/examples/TileStacked.tsx +1 -1
  424. package/src/{components → deprecated/components}/Tile/examples/TileStackedWithLargeIcons.tsx +1 -1
  425. package/src/{components → deprecated/components}/Tile/examples/TileWithExtraContent.tsx +2 -1
  426. package/src/{components → deprecated/components}/Tile/examples/TileWithIcon.tsx +1 -1
  427. package/src/{components → deprecated/components}/Tile/examples/TileWithSubtext.tsx +1 -1
  428. package/src/deprecated/components/Wizard/examples/Wizard.md +1 -1
  429. package/src/deprecated/components/index.ts +1 -0
  430. package/src/helpers/constants.ts +11 -11
  431. package/dist/dynamic/components/Tile/package.json +0 -1
  432. package/dist/esm/components/Tile/Tile.d.ts.map +0 -1
  433. package/dist/esm/components/Tile/Tile.js.map +0 -1
  434. package/dist/esm/components/Tile/index.d.ts.map +0 -1
  435. package/dist/esm/components/Tile/index.js.map +0 -1
  436. package/dist/js/components/Tile/Tile.d.ts.map +0 -1
  437. package/dist/js/components/Tile/Tile.js.map +0 -1
  438. package/dist/js/components/Tile/index.d.ts.map +0 -1
  439. package/dist/js/components/Tile/index.js.map +0 -1
  440. package/dist/styles/assets/images/PF-Masthead-Logo.svg +0 -1
  441. package/dist/styles/assets/images/background-filter.svg +0 -17
  442. package/dist/styles/assets/images/g_sizing.png +0 -0
  443. package/dist/styles/assets/images/img_avatar-dark.svg +0 -22
  444. package/dist/styles/assets/images/img_avatar.svg +0 -21
  445. package/dist/styles/assets/images/l_pf-reverse-164x11.png +0 -0
  446. package/dist/styles/assets/images/l_pf-reverse.svg +0 -1
  447. package/dist/styles/assets/images/logo-dropbox-old.svg +0 -1
  448. package/dist/styles/assets/images/logo-dropbox.svg +0 -6
  449. package/dist/styles/assets/images/logo-facebook.svg +0 -4
  450. package/dist/styles/assets/images/logo-github.svg +0 -4
  451. package/dist/styles/assets/images/logo-gitlab.svg +0 -4
  452. package/dist/styles/assets/images/logo-google.svg +0 -4
  453. package/dist/styles/assets/images/logo-google2.svg +0 -10
  454. package/dist/styles/assets/images/logo__pf--reverse--base.png +0 -0
  455. package/dist/styles/assets/images/logo__pf--reverse--base.svg +0 -40
  456. package/dist/styles/assets/images/logo__pf--reverse-on-md.svg +0 -40
  457. package/dist/styles/assets/images/pf-c-brand__logo-base.jpg +0 -0
  458. package/dist/styles/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  459. package/dist/styles/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  460. package/dist/styles/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  461. package/dist/styles/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  462. package/dist/styles/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  463. package/dist/styles/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  464. package/dist/styles/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  465. package/dist/styles/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  466. package/dist/styles/assets/images/pf-c-brand__logo.svg +0 -10
  467. package/dist/styles/assets/images/pf-logo.svg +0 -28
  468. package/dist/styles/assets/images/pf_logo.svg +0 -37
  469. package/dist/styles/assets/images/pf_logo_color.svg +0 -22
  470. package/dist/styles/assets/images/pf_logo_white.svg +0 -37
  471. package/dist/styles/assets/images/pf_mini_logo_white.svg +0 -1
  472. package/dist/styles/assets/images/pfbg_1200.jpg +0 -0
  473. package/dist/styles/assets/images/pfbg_2000.jpg +0 -0
  474. package/dist/styles/assets/images/pfbg_576.jpg +0 -0
  475. package/dist/styles/assets/images/pfbg_576@2x.jpg +0 -0
  476. package/dist/styles/assets/images/pfbg_768.jpg +0 -0
  477. package/dist/styles/assets/images/pfbg_768@2x.jpg +0 -0
  478. package/dist/styles/assets/images/pfbg_992.jpg +0 -0
  479. package/dist/styles/assets/images/pfbg_992@2x.jpg +0 -0
  480. package/dist/styles/assets/images/status-icon-sprite.svg +0 -38
  481. package/src/components/Tile/examples/Tile.md +0 -48
  482. /package/dist/esm/{components → deprecated/components}/Tile/Tile.d.ts +0 -0
  483. /package/dist/esm/{components → deprecated/components}/Tile/Tile.js +0 -0
  484. /package/dist/esm/{components → deprecated/components}/Tile/index.d.ts +0 -0
  485. /package/dist/esm/{components → deprecated/components}/Tile/index.js +0 -0
  486. /package/dist/js/{components → deprecated/components}/Tile/Tile.d.ts +0 -0
  487. /package/dist/js/{components → deprecated/components}/Tile/Tile.js +0 -0
  488. /package/dist/js/{components → deprecated/components}/Tile/index.d.ts +0 -0
  489. /package/dist/js/{components → deprecated/components}/Tile/index.js +0 -0
  490. /package/src/{components → deprecated/components}/Tile/Tile.tsx +0 -0
  491. /package/src/{components → deprecated/components}/Tile/__tests__/Tile.test.tsx +0 -0
  492. /package/src/{components → deprecated/components}/Tile/__tests__/__snapshots__/Tile.test.tsx.snap +0 -0
  493. /package/src/{components → deprecated/components}/Tile/examples/Tile.css +0 -0
  494. /package/src/{components → deprecated/components}/Tile/index.ts +0 -0
@@ -15,7 +15,7 @@ import {
15
15
  MenuToggle,
16
16
  MenuToggleElement
17
17
  } from '@patternfly/react-core';
18
- import { ChartArea, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts';
18
+ import { ChartArea, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts/victory';
19
19
 
20
20
  export const CardTrendDemo1: React.FunctionComponent = () => {
21
21
  const [isOpen, setIsOpen] = React.useState(false);
@@ -10,7 +10,7 @@ import {
10
10
  Flex,
11
11
  FlexItem
12
12
  } from '@patternfly/react-core';
13
- import { ChartArea, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts';
13
+ import { ChartArea, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts/victory';
14
14
 
15
15
  export const CardTrendDemo2: React.FunctionComponent = () => (
16
16
  <Gallery hasGutter minWidths={{ default: '360px' }}>
@@ -12,7 +12,7 @@ import {
12
12
  Stack,
13
13
  Divider
14
14
  } from '@patternfly/react-core';
15
- import { ChartArea, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts';
15
+ import { ChartArea, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts/victory';
16
16
 
17
17
  export const CardUtilizationDemo1: React.FunctionComponent = () => (
18
18
  <Gallery hasGutter minWidths={{ default: '360px' }}>
@@ -12,7 +12,7 @@ import {
12
12
  Stack,
13
13
  Divider
14
14
  } from '@patternfly/react-core';
15
- import { ChartArea, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts';
15
+ import { ChartArea, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts/victory';
16
16
 
17
17
  export const CardUtilizationDemo2: React.FunctionComponent = () => (
18
18
  <Gallery hasGutter minWidths={{ default: '360px' }}>
@@ -19,7 +19,7 @@ import {
19
19
  Icon
20
20
  } from '@patternfly/react-core';
21
21
  import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
22
- import { Chart, ChartStack, ChartBar, ChartTooltip } from '@patternfly/react-charts';
22
+ import { Chart, ChartStack, ChartBar, ChartTooltip } from '@patternfly/react-charts/victory';
23
23
  import chart_color_yellow_100 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_100';
24
24
  import chart_color_yellow_300 from '@patternfly/react-tokens/dist/esm/chart_color_yellow_300';
25
25
  import chart_color_orange_300 from '@patternfly/react-tokens/dist/esm/chart_color_orange_300';
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Card, CardTitle, CardBody, CardFooter, Title, Gallery, GalleryItem } from '@patternfly/react-core';
3
- import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts';
3
+ import { ChartDonutThreshold, ChartDonutUtilization } from '@patternfly/react-charts/victory';
4
4
 
5
5
  export const CardUtilizationDemo4: React.FunctionComponent = () => (
6
6
  <Gallery hasGutter minWidths={{ default: '360px' }}>
@@ -15,7 +15,7 @@ import {
15
15
  Flex,
16
16
  FlexItem
17
17
  } from '@patternfly/react-core';
18
- import { ChartArea, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts';
18
+ import { ChartArea, ChartGroup, ChartVoronoiContainer } from '@patternfly/react-charts/victory';
19
19
  import sizing from '@patternfly/react-styles/css/utilities/Sizing/sizing';
20
20
  import accessibility from '@patternfly/react-styles/css/utilities/Accessibility/accessibility';
21
21
 
@@ -16,13 +16,11 @@ import {
16
16
  Sidebar,
17
17
  SidebarContent,
18
18
  SidebarPanel,
19
- getResizeObserver,
20
19
  DrawerContext
21
20
  } from '@patternfly/react-core';
22
21
  import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
23
- import mastheadStyles from '@patternfly/react-styles/css/components/Masthead/masthead';
24
22
 
25
- const JumpLinksWrapper = ({ offsetHeight, headings }) => {
23
+ const JumpLinksWrapper = ({ headings }) => {
26
24
  const { drawerContentRef } = React.useContext(DrawerContext);
27
25
 
28
26
  return (
@@ -30,7 +28,6 @@ const JumpLinksWrapper = ({ offsetHeight, headings }) => {
30
28
  isVertical={true}
31
29
  label="Jump to section"
32
30
  scrollableRef={drawerContentRef}
33
- offset={offsetHeight}
34
31
  expandable={{ default: 'expandable', md: 'nonExpandable' }}
35
32
  >
36
33
  {headings.map((heading) => (
@@ -46,23 +43,9 @@ const JumpLinksWrapper = ({ offsetHeight, headings }) => {
46
43
  export const JumpLinksWithDrawer = () => {
47
44
  const headings = ['First', 'Second', 'Third', 'Fourth', 'Fifth'];
48
45
 
49
- const [offsetHeight, setOffsetHeight] = React.useState(0);
50
46
  const [isExpanded, setIsExpanded] = React.useState(false);
51
47
  const drawerRef = React.useRef();
52
48
 
53
- React.useEffect(() => {
54
- const masthead = document.getElementsByClassName(mastheadStyles.masthead)[0];
55
- const drawerToggleSection = document.getElementById('drawer-toggle');
56
-
57
- getResizeObserver(
58
- masthead,
59
- () => {
60
- setOffsetHeight(masthead.offsetHeight + drawerToggleSection.offsetHeight);
61
- },
62
- true
63
- );
64
- }, []);
65
-
66
49
  const onCloseClick = () => {
67
50
  setIsExpanded(false);
68
51
  };
@@ -92,14 +75,14 @@ export const JumpLinksWithDrawer = () => {
92
75
  <Sidebar>
93
76
  <SidebarPanel variant="sticky">
94
77
  <PageSection>
95
- <JumpLinksWrapper offsetHeight={offsetHeight} headings={headings} />
78
+ <JumpLinksWrapper headings={headings} />
96
79
  </PageSection>
97
80
  </SidebarPanel>
98
81
  <SidebarContent>
99
82
  <PageSection id="drawer-toggle" stickyOnBreakpoint={{ default: 'top' }}>
100
83
  <Button onClick={onToggleClick}>Toggle drawer</Button>
101
84
  </PageSection>
102
- <PageSection>
85
+ <PageSection hasOverflowScroll>
103
86
  <Content>
104
87
  {headings.map((heading) => (
105
88
  <div key={heading} style={{ maxWidth: '800px', marginBottom: '32px' }}>
@@ -313,19 +313,17 @@ export const PrimaryDetailCardView: React.FunctionComponent = () => {
313
313
  isExpanded={splitButtonDropdownIsOpen}
314
314
  onClick={onSplitButtonToggle}
315
315
  aria-label="Select cards"
316
- splitButtonOptions={{
317
- items: [
318
- <MenuToggleCheckbox
319
- id="split-dropdown-checkbox"
320
- key="split-dropdown-checkbox"
321
- aria-label={anySelected ? 'Deselect all cards' : 'Select all cards'}
322
- isChecked={areAllSelected}
323
- onClick={splitCheckboxSelectAll.bind(this)}
324
- >
325
- {numSelected !== 0 && `${numSelected} selected`}
326
- </MenuToggleCheckbox>
327
- ]
328
- }}
316
+ splitButtonItems={[
317
+ <MenuToggleCheckbox
318
+ id="split-dropdown-checkbox"
319
+ key="split-dropdown-checkbox"
320
+ aria-label={anySelected ? 'Deselect all cards' : 'Select all cards'}
321
+ isChecked={areAllSelected}
322
+ onClick={splitCheckboxSelectAll.bind(this)}
323
+ >
324
+ {numSelected !== 0 && `${numSelected} selected`}
325
+ </MenuToggleCheckbox>
326
+ ]}
329
327
  ></MenuToggle>
330
328
  )}
331
329
  >
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  id: Chip
3
3
  section: components
4
- cssPrefix: ['pf-v5-c-chip', 'pf-v5-c-chip-group']
4
+ cssPrefix: ['pf-v6-c-chip', 'pf-v6-c-chip-group']
5
5
  propComponents: ['Chip', 'ChipGroup']
6
6
  ouia: true
7
7
  deprecated: true
@@ -4,7 +4,7 @@ import styles from '@patternfly/react-styles/css/components/DragDrop/drag-drop';
4
4
  import { DroppableContext } from './DroppableContext';
5
5
  import { DragDropContext } from './DragDrop';
6
6
  // import cssDraggingBackgroundColor from '@patternfly/react-tokens/dist/esm/c_draggable_m_dragging_BackgroundColor';
7
- const cssDraggingBackgroundColor = { name: '--pf-v5-c-draggable--m-dragging--BackgroundColor' };
7
+ const cssDraggingBackgroundColor = { name: `--${styles.draggable}--m-dragging--BackgroundColor` };
8
8
 
9
9
  export interface DraggableProps extends React.HTMLProps<HTMLDivElement> {
10
10
  /** Content rendered inside DragDrop */
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  id: Modal
3
3
  section: components
4
- cssPrefix: pf-v5-c-modal-box
4
+ cssPrefix: pf-v6-c-modal-box
5
5
  propComponents: ['Modal']
6
6
  ouia: true
7
7
  deprecated: true
@@ -1,15 +1,80 @@
1
1
  ---
2
2
  id: Tile
3
3
  section: components
4
+ cssPrefix: pf-v6-c-tile
5
+ propComponents: ['Tile']
6
+ deprecated: true
4
7
  ---
5
8
 
9
+ import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
10
+ import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
11
+ import './Tile.css';
12
+
13
+ **Note:** Tile has been deprecated. Use the [card](/components/card#cards-as-tiles) component instead.
14
+
15
+ ## Examples
16
+
17
+ Keyboard interaction patterns and a11y is implemented in the Tile demos, located in the [Demo section](/components/tile/react-demos).
18
+
19
+ ### Basic tile
20
+
21
+ Basic tiles can appear in one of three states: a default state, selected state, and a disabled state. To change the state of a tile, use the properties `isSelected` and `isDisabled`.
22
+
23
+ ```ts file="./TileBasic.tsx"
24
+
25
+ ```
26
+
27
+ ### With subtext
28
+
29
+ Tile subtext can provide users with additional context. To add subtext, pass a short description to the `<Tile>` component.
30
+
31
+ ```ts file="./TileWithSubtext.tsx"
32
+
33
+ ```
34
+
35
+ ### With icon
36
+
37
+ Icons can provide a visual cue that helps users understand what the tile is being used for. To add an icon, use the `icon` property.
38
+
39
+ ```ts file="./TileWithIcon.tsx"
40
+
41
+ ```
42
+
43
+ ### With stacked icon
44
+
45
+ You can further customize a tile’s appearance by placing an icon above the title. To stack your icon on top of a tile’s title, use the `isStacked` property.
46
+
47
+ ```ts file="./TileStacked.tsx"
48
+
49
+ ```
50
+
51
+ ### With large icons
52
+
53
+ You can make your icons larger to help catch a user’s attention. To increase the size of an icon, use the `isDisplayLarge` property.
54
+
55
+ Be aware that `isDisplayLarge` can only be used when `isStacked` is also applied.
56
+
57
+ ```ts file="./TileStackedWithLargeIcons.tsx"
58
+
59
+ ```
60
+
61
+ ### With long subtext
62
+
63
+ To provide users with a large amount of context, subtext can be elongated to wrap around to the next line. To format a long subtext, you can pass the component `Flex` into `<Tile>`.
64
+
65
+ You can also change the type of `Flex` you can use so that the line breaks in the subtext fits your needs. You can do this by changing the default flex. The standard is `default: “flex_1”`, and changing the number in the default will also change where the sentence breaks.
66
+
67
+ ```ts file="./TileWithExtraContent.tsx"
68
+
69
+ ```
70
+
6
71
  ## Demos
7
72
 
8
73
  ### Tiles with single selection
9
74
 
10
75
  ```ts
11
76
  import React from 'react';
12
- import { Tile } from '@patternfly/react-core';
77
+ import { Tile } from '@patternfly/react-core/deprecated';
13
78
 
14
79
  const TileSingleSelect: React.FunctionComponent = () => {
15
80
  const [selectedId, setSelectedId] = React.useState<string>('');
@@ -40,7 +105,7 @@ const TileSingleSelect: React.FunctionComponent = () => {
40
105
 
41
106
  ```ts
42
107
  import React from 'react';
43
- import { Tile } from '@patternfly/react-core';
108
+ import { Tile } from '@patternfly/react-core/deprecated';
44
109
 
45
110
  const TileMultiSelect: React.FunctionComponent = () => {
46
111
  const [selectedIds, setSelectedIds] = React.useState<string[]>([]);
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Tile } from '@patternfly/react-core';
2
+ import { Tile } from '@patternfly/react-core/deprecated';
3
3
 
4
4
  export const TileBasic: React.FunctionComponent = () => (
5
5
  <div role="listbox" aria-label="Basic tiles">
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Tile } from '@patternfly/react-core';
2
+ import { Tile } from '@patternfly/react-core/deprecated';
3
3
  import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
4
4
 
5
5
  export const TileStacked: React.FunctionComponent = () => (
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Tile } from '@patternfly/react-core';
2
+ import { Tile } from '@patternfly/react-core/deprecated';
3
3
  import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
4
4
 
5
5
  export const TileStackedWithLargeIcons: React.FunctionComponent = () => (
@@ -1,5 +1,6 @@
1
1
  import React from 'react';
2
- import { Tile, Flex } from '@patternfly/react-core';
2
+ import { Flex } from '@patternfly/react-core';
3
+ import { Tile } from '@patternfly/react-core/deprecated';
3
4
  import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
4
5
 
5
6
  export const TileWithExtraContent: React.FunctionComponent = () => (
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Tile } from '@patternfly/react-core';
2
+ import { Tile } from '@patternfly/react-core/deprecated';
3
3
  import PlusIcon from '@patternfly/react-icons/dist/esm/icons/plus-icon';
4
4
 
5
5
  export const TileWithIcon: React.FunctionComponent = () => (
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { Tile } from '@patternfly/react-core';
2
+ import { Tile } from '@patternfly/react-core/deprecated';
3
3
 
4
4
  export const TileWithSubtext: React.FunctionComponent = () => (
5
5
  <div role="listbox" aria-label="Tiles with subtext">
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  id: Wizard
3
3
  section: components
4
- cssPrefix: pf-v5-c-wizard
4
+ cssPrefix: pf-v6-c-wizard
5
5
  propComponents:
6
6
  ['Wizard', 'WizardNav', 'WizardNavItem', 'WizardHeader', 'WizardBody', 'WizardFooter', 'WizardToggle', 'WizardStep']
7
7
  ouia: true
@@ -2,4 +2,5 @@ export * from './Chip';
2
2
  export * from './DragDrop';
3
3
  export * from './Modal';
4
4
  export * from './DualListSelector';
5
+ export * from './Tile';
5
6
  export * from './Wizard';
@@ -1,14 +1,14 @@
1
- import globalBreakpointSm from '@patternfly/react-tokens/dist/esm/global_breakpoint_sm';
2
- import globalBreakpointMd from '@patternfly/react-tokens/dist/esm/global_breakpoint_md';
3
- import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/global_breakpoint_lg';
4
- import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/global_breakpoint_xl';
5
- import globalBreakpoint2xl from '@patternfly/react-tokens/dist/esm/global_breakpoint_2xl';
6
-
7
- import globalHeightBreakpointSm from '@patternfly/react-tokens/dist/esm/global_breakpoint_height_sm';
8
- import globalHeightBreakpointMd from '@patternfly/react-tokens/dist/esm/global_breakpoint_height_md';
9
- import globalHeightBreakpointLg from '@patternfly/react-tokens/dist/esm/global_breakpoint_height_lg';
10
- import globalHeightBreakpointXl from '@patternfly/react-tokens/dist/esm/global_breakpoint_height_xl';
11
- import globalHeightBreakpoint2xl from '@patternfly/react-tokens/dist/esm/global_breakpoint_height_2xl';
1
+ import globalBreakpointSm from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_sm';
2
+ import globalBreakpointMd from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_md';
3
+ import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_lg';
4
+ import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_xl';
5
+ import globalBreakpoint2xl from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_2xl';
6
+
7
+ import globalHeightBreakpointSm from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_height_sm';
8
+ import globalHeightBreakpointMd from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_height_md';
9
+ import globalHeightBreakpointLg from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_height_lg';
10
+ import globalHeightBreakpointXl from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_height_xl';
11
+ import globalHeightBreakpoint2xl from '@patternfly/react-tokens/dist/esm/t_global_breakpoint_height_2xl';
12
12
 
13
13
  import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
14
14
  import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
@@ -1 +0,0 @@
1
- {"name":"@patternfly/react-core-tile-dynamic","main":"../../../js/components/Tile/index.js","module":"../../../esm/components/Tile/index.js","typings":"../../../esm/components/Tile/index.d.ts","version":"6.0.0-prerelease.8","private":true}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA+BnD,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,8DAA0D;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAqB/C,MAAM,CAAC,MAAM,IAAI,GAAuC,CAAC,EAU7C,EAAE,EAAE;QAVyC,EACvD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,SAAS,OAEC,EADP,KAAK,cAT+C,qGAUxD,CADS;IACO,OAAA,CACf,2CACE,IAAI,EAAC,QAAQ,mBACE,UAAU,IACrB,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC,IACnD,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,IAAI,EACX,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,cAAc,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,EAC5C,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,IACP,KAAK;QAET,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC;YAC1E,IAAI,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAO;YAC3D,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,IAAG,KAAK,CAAO,CAChD;QACL,QAAQ,IAAI,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CAC/D,CACP,CAAA;CAAA,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tile/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA+BnD,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tile.js","sourceRoot":"","sources":["../../../../src/components/Tile/Tile.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,qGAAuE;AACvE,2DAA+C;AAqBxC,MAAM,IAAI,GAAuC,CAAC,EAU7C,EAAE,EAAE;QAVyC,EACvD,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,SAAS,OAEC,EADP,KAAK,sBAT+C,qGAUxD,CADS;IACO,OAAA,CACf,2CACE,IAAI,EAAC,QAAQ,mBACE,UAAU,IACrB,CAAC,UAAU,IAAI,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC,IACnD,SAAS,EAAE,IAAA,kBAAG,EACZ,cAAM,CAAC,IAAI,EACX,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,UAAU,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvC,cAAc,IAAI,cAAM,CAAC,SAAS,CAAC,SAAS,EAC5C,SAAS,CACV,EACD,QAAQ,EAAE,CAAC,IACP,KAAK;QAET,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,UAAU,EAAE,SAAS,IAAI,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC;YAC1E,IAAI,IAAI,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,IAAI,CAAO;YAC3D,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,SAAS,CAAC,IAAG,KAAK,CAAO,CAChD;QACL,QAAQ,IAAI,6BAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CAC/D,CACP,CAAA;CAAA,CAAC;AA/BW,QAAA,IAAI,QA+Bf;AACF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tile/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Tile/index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB"}
@@ -1 +0,0 @@
1
- <svg enable-background="new 0 0 225 35" viewBox="0 0 225 35" width="225" height="35" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="17.4799" x2="17.4799" y1="2.0369" y2="34.1113"><stop offset="0" stop-color="#00f1ff"/><stop offset="1" stop-color="#0076c1"/></linearGradient><path d="m12.3 26.7-5.2 1.2-7-9.9 17-16.6.4-.4.4.4 17 16.6-7 9.9-5.2-1.2-5.2 7.3zm5.2 5.6 4.2-5.8-1.3-.3-2.8 4.1-3-4.1-1.3.3zm.1-3.8 2-3-2.1-20.3-2.1 20.3zm9.8-1.8 6.1-8.6-10.3-10.1 5.5 6.7-3.1 4.3 1 2.3-3.2 4.5zm-19.9 0 4.1-.9-3.2-4.5 1-2.3-3.1-4.3 5.4-6.7-10.3 10.1zm5.2-1.2 1.3-.3-3.9-5.3-.5 1.2zm9.6 0 3.1-4.4-.5-1.2-3.9 5.3zm-1.8-1.4 3.9-5.3-5.8-13.2zm-6.1 0 2-18.5-5.8 13.3zm-4.5-6.2 5.8-13.1-8.1 9.9zm15.2 0 2.3-3.2-8.1-9.9z" fill="url(#a)"/><g fill="#fff"><path d="m50.8 24v-12.1h5.2c.8 0 1.4.1 1.9.3s.9.5 1.3.9c.3.4.6.8.7 1.2.1.5.2.9.2 1.4 0 .3 0 .6-.1.9s-.2.6-.3.9-.3.5-.5.8c-.2.2-.5.5-.8.7s-.7.3-1.1.4-.8.2-1.3.2h-2.9v4.4zm5.3-6.7c.3 0 .5 0 .8-.1.2-.1.4-.2.5-.4s.2-.3.3-.5.1-.4.1-.6 0-.4-.1-.5c0-.2-.1-.4-.3-.5-.1-.2-.3-.3-.5-.4s-.5-.2-.8-.2h-3v3.2z"/><path d="m76.2 24-.9-2.5h-4.7l-.9 2.5h-2.5l4.6-12.1h2.3l4.6 12.1zm-2.9-7.8c-.1-.1-.1-.3-.2-.5s-.1-.4-.2-.6c0 .2-.1.4-.2.6s-.1.4-.2.5l-1.2 3.1h3.2z"/><path d="m91.9 14.2v9.8h-2.3v-9.8h-3.5v-2.3h9.3v2.3z"/><path d="m110 14.2v9.8h-2.3v-9.8h-3.5v-2.3h9.3v2.3z"/><path d="m123.1 24v-12.1h8.3v2.2h-5.9v2.5h3.5v2.2h-3.5v2.9h6.3v2.3z"/><path d="m141.5 24v-12.1h5.6c.8 0 1.4.1 1.9.3s.9.5 1.2.8.5.8.7 1.2c.1.5.2.9.2 1.4 0 .3-.1.7-.1 1-.1.4-.2.7-.4 1s-.4.6-.7.9-.6.5-1 .6l2.3 4.8h-2.6l-2.3-4.5h-2.4v4.6zm5.7-6.7c.3 0 .5 0 .8-.1.2-.1.4-.2.5-.4.1-.1.2-.3.3-.5s.1-.4.1-.6 0-.4-.1-.6c0-.2-.1-.4-.2-.5s-.3-.3-.5-.4-.5-.1-.8-.1h-3.3v3.2z"/><path d="m168.8 24-4.8-7.1c-.1-.1-.2-.3-.3-.4-.1-.2-.2-.3-.2-.5v.5.5 7h-2.3v-12.1h2.2l4.7 7c.1.1.2.3.3.4.1.2.2.3.3.5 0-.2 0-.3 0-.5s0-.3 0-.4v-7h2.3v12.1z"/><path d="m181.3 24v-12.1h8.1v2.2h-5.8v2.5h3.7v2.2h-3.7v5.2z"/><path d="m198.8 24v-12.1h2.3v9.9h5.8v2.2z"/><path d="m218.2 24v-4.7l-4.5-7.4h2.6l3 4.9 3-4.9h2.7l-4.5 7.4v4.7z"/></g></svg>
@@ -1,17 +0,0 @@
1
-
2
- <svg xmlns="http://www.w3.org/2000/svg" class="svg-filter">
3
- <filter id="image_overlay" width="">
4
- <feColorMatrix type="matrix"
5
- values="1 0 0 0 0
6
- 1 0 0 0 0
7
- 1 0 0 0 0
8
- 0 0 0 1 0" />
9
-
10
- <feComponentTransfer color-interpolation-filters="sRGB" result="duotone">
11
- <feFuncR type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncR>
12
- <feFuncG type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncG>
13
- <feFuncB type="table" tableValues="0.086274509803922 0.43921568627451"></feFuncB>
14
- <feFuncA type="table" tableValues="0 1"></feFuncA>
15
- </feComponentTransfer>
16
- </filter>
17
- </svg>
@@ -1,22 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 36 36">
3
- <defs>
4
- <style>
5
- .cls-1 {
6
- fill: #212427;
7
- }
8
-
9
- .cls-1, .cls-2 {
10
- stroke-width: 0px;
11
- }
12
-
13
- .cls-2 {
14
- fill: #6a6e73;
15
- fill-rule: evenodd;
16
- }
17
- </style>
18
- </defs>
19
- <rect class="cls-1" width="36" height="36"/>
20
- <path class="cls-2" d="M30.5,36c-.4-3.9-1.3-9-2.9-11-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-.6-6.3-.6-6.1.7-6.1.7c-1.2.4-2.4,1.2-3.4,2.6-1.6,1.9-2.5,7.1-2.9,10.9h25.1Z"/>
21
- <path class="cls-2" d="M17.7,20.1c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4,6.4,2.9,6.4,6.4-2.8,6.4-6.4,6.4Z"/>
22
- </svg>
@@ -1,21 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
- viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve">
5
- <style type="text/css">
6
- .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#BBBBBB;}
7
- .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
8
- .st2{fill:#BBBBBB;}
9
- .st3{fill:#AFAFAF;}
10
- </style>
11
- <path class="st0" d="M17.7,20.1c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4s6.4,2.9,6.4,6.4S21.3,20.1,17.7,20.1z"/>
12
- <rect class="st1" width="36" height="36"/>
13
- <path class="st0" d="M17.7,20.1c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4s6.4,2.9,6.4,6.4S21.3,20.1,17.7,20.1z"/>
14
- <path class="st2" d="M10.1,36l0.1-3.2c0.2-2.1,1.1-3.1,3.1-3.5l0,6.7h9.4l0-6.7c2,0.4,2.9,1.4,3.1,3.5l0.1,3.2h4.7
15
- c-0.4-3.9-1.3-9-2.9-11c-1.1-1.4-2.3-2.2-3.5-2.6s-1.8-0.6-6.3-0.6s-6.1,0.7-6.1,0.7c-1.2,0.4-2.4,1.2-3.4,2.6
16
- C6.7,27,5.8,32.2,5.4,36H10.1z"/>
17
- <path class="st3" d="M10.1,36l0.1-3.2c0.2-2.1,1.1-3.1,3.1-3.5l0,6.7H10.1z"/>
18
- <path class="st3" d="M25.9,36l-0.1-3.2c-0.2-2.1-1.1-3.1-3.1-3.5l0,6.7H25.9z"/>
19
- <path class="st3" d="M19.3,19.9c-0.5,0.1-1,0.2-1.6,0.2c-3.5,0-6.4-2.9-6.4-6.4s2.9-6.4,6.4-6.4c0.6,0,1.1,0.1,1.6,0.2
20
- c-2.8,0.8-4.9,3.3-4.9,6.3S16.5,19.3,19.3,19.9z"/>
21
- </svg>
@@ -1 +0,0 @@
1
- <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="2.27in" height="0.16in" viewBox="0 0 163.6 11.4"><defs><style>.cls-1{fill:#fff;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M0,11.3V0H4.8A4.84,4.84,0,0,1,6.6.3a3.6,3.6,0,0,1,1.2.8,4.13,4.13,0,0,1,.7,1.1,5.85,5.85,0,0,1,.2,1.3,2.2,2.2,0,0,1-.1.8,6.89,6.89,0,0,1-.3.8,1.79,1.79,0,0,1-.5.7c-.2.2-.5.4-.7.6a3,3,0,0,1-1,.4,4.87,4.87,0,0,1-1.2.1H2.2V11ZM4.9,5.1A1.48,1.48,0,0,0,5.6,5c.2-.2.4-.3.5-.4a2.19,2.19,0,0,0,.3-.5,1.09,1.09,0,0,0,.1-.5.9.9,0,0,0-.1-.5c0-.2-.1-.3-.2-.5a2.18,2.18,0,0,0-.5-.4A1.48,1.48,0,0,0,5,2.1H2.2v3Z"/><path class="cls-1" d="M23.7,11.3,22.8,9H18.4l-.9,2.3H15.2L19.5,0h2.1l4.3,11.3ZM21,4c-.1-.1-.1-.3-.2-.5s-.1-.4-.2-.5c0,.2-.1.3-.2.5s-.1.4-.2.5L19.1,6.9H22Z"/><path class="cls-1" d="M38.3,2.1v9.2H36.1V2.1H32.9V0h8.6V2.1Z"/><path class="cls-1" d="M55.2,2.1v9.2H53V2.1H49.8V0h8.6V2.1Z"/><path class="cls-1" d="M67.4,11.3V0h7.7V2.1H69.6V4.5h3.2V6.6H69.6V9.3h5.9v2.1Z"/><path class="cls-1" d="M84.6,11.3V0h5.2a4.84,4.84,0,0,1,1.8.3,3.6,3.6,0,0,1,1.2.8,2.38,2.38,0,0,1,.6,1.1,5.85,5.85,0,0,1,.2,1.3,3.75,3.75,0,0,1-.1,1,3.55,3.55,0,0,1-.4.9,2.7,2.7,0,0,1-.7.8,8.79,8.79,0,0,1-1,.6l2.2,4.5H91.2L89,7.1H86.7v4.2ZM89.8,5a1.48,1.48,0,0,0,.7-.1c.2-.1.3-.2.5-.3a.76.76,0,0,0,.2-.5,1.27,1.27,0,0,0,.1-.6.75.75,0,0,0-.1-.5c0-.2-.1-.3-.2-.5a2.19,2.19,0,0,0-.5-.3,1.48,1.48,0,0,0-.7-.1H86.7V5Z"/><path class="cls-1" d="M109.9,11.3l-4.5-6.6a.52.52,0,0,1-.2-.4c-.1-.2-.2-.3-.2-.4v7.4h-2.2V0h2l4.4,6.5c.1.1.1.2.2.4s.2.3.2.5V0h2.2V11.3Z"/><path class="cls-1" d="M121.6,11.3V0h7.6V2.1h-5.4V4.5h3.4V6.6h-3.4v4.8Z"/><path class="cls-1" d="M138,11.3V0h2.2V9.2h5.4v2.1Z"/><path class="cls-1" d="M156,11.3V6.9L151.8,0h2.5l2.8,4.6L159.9,0h2.5l-4.2,6.9v4.4Z"/></svg>
@@ -1 +0,0 @@
1
- <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42.4 39.5" width="2500" height="2329"><style>.st0{fill:#0062ff}</style><path class="st0" d="M10.6 1.7L0 8.5l10.6 6.7 10.6-6.7zm21.2 0L21.2 8.5l10.6 6.7 10.6-6.7zM0 22l10.6 6.8L21.2 22l-10.6-6.8zm31.8-6.8L21.2 22l10.6 6.8L42.4 22zM10.6 31l10.6 6.8L31.8 31l-10.6-6.7z"/></svg>
@@ -1,6 +0,0 @@
1
- <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#0062ff" width="25px">
2
- <title>Dropbox logo</title>
3
- <path d="M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807z"/>
4
- <path d="M18 1.807l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822z"/>
5
- <path d="M18 9.452l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z"/>
6
- </svg>
@@ -1,4 +0,0 @@
1
- <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#3B5998" width="25px">
2
- <title>Facebook logo</title>
3
- <path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/>
4
- </svg>
@@ -1,4 +0,0 @@
1
- <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#181717" width="25px">
2
- <title>GitHub logo</title>
3
- <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
4
- </svg>
@@ -1,4 +0,0 @@
1
- <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#E24329" width="25px">
2
- <title>GitLab logo</title>
3
- <path d="M23.955 13.587l-1.342-4.135-2.664-8.189c-.135-.423-.73-.423-.867 0L16.418 9.45H7.582L4.919 1.263C4.783.84 4.185.84 4.05 1.26L1.386 9.449.044 13.587c-.121.375.014.789.331 1.023L12 23.054l11.625-8.443c.318-.235.453-.647.33-1.024"/>
4
- </svg>
@@ -1,4 +0,0 @@
1
- <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#4285F4" width="25px">
2
- <title>Google logo</title>
3
- <path d="M12.24 10.285V14.4h6.806c-.275 1.765-2.056 5.174-6.806 5.174-4.095 0-7.439-3.389-7.439-7.574s3.345-7.574 7.439-7.574c2.33 0 3.891.989 4.785 1.849l3.254-3.138C18.189 1.186 15.479 0 12.24 0c-6.635 0-12 5.365-12 12s5.365 12 12 12c6.926 0 11.52-4.869 11.52-11.726 0-.788-.085-1.39-.189-1.989H12.24z"/>
4
- </svg>
@@ -1,10 +0,0 @@
1
- <svg role="img" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25px">
2
- <path id="a" d="M44.5 20H24v8.5h11.8C34.7 33.9 30.1 37 24 37c-7.2 0-13-5.8-13-13s5.8-13 13-13c3.1 0 5.9 1.1 8.1 2.9l6.4-6.4C34.6 4.1 29.6 2 24 2 11.8 2 2 11.8 2 24s9.8 22 22 22c11 0 21-8 21-22 0-1.3-.2-2.7-.5-4z"/>
3
- <clipPath id="b">
4
- <use xlink:href="#a" overflow="visible"/>
5
- </clipPath>
6
- <path clip-path="url(#b)" fill="#FBBC05" d="M0 37V11l17 13z"/>
7
- <path clip-path="url(#b)" fill="#EA4335" d="M0 11l17 13 7-6.1L48 14V0H0z"/>
8
- <path clip-path="url(#b)" fill="#34A853" d="M0 37l30-23 7.9 1L48 0v48H0z"/>
9
- <path clip-path="url(#b)" fill="#4285F4" d="M48 48L17 24l-4-3 35-10z"/>
10
- </svg>
@@ -1,40 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <!-- Generator: Adobe Illustrator 24.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
- viewBox="0 0 188.4 17.2" style="enable-background:new 0 0 188.4 17.2;" xml:space="preserve">
5
- <style type="text/css">
6
- .st0{fill:#FFFFFF;}
7
- .st1{fill:url(#SVGID_1_);}
8
- </style>
9
- <g>
10
- <path class="st0" d="M26,14.3V3h4.8c0.7,0,1.3,0.1,1.8,0.3s0.9,0.5,1.2,0.8c0.3,0.3,0.5,0.7,0.7,1.1c0.1,0.4,0.2,0.9,0.2,1.3
11
- c0,0.3,0,0.5-0.1,0.8s-0.2,0.6-0.3,0.8c-0.1,0.3-0.3,0.5-0.5,0.7c-0.2,0.2-0.5,0.4-0.7,0.6c-0.3,0.2-0.6,0.3-1,0.4
12
- s-0.8,0.1-1.2,0.1h-2.7V14L26,14.3L26,14.3z M30.9,8.1c0.3,0,0.5,0,0.7-0.1s0.3-0.2,0.5-0.3c0.1-0.1,0.2-0.3,0.3-0.5
13
- s0.1-0.4,0.1-0.5c0-0.2,0-0.3-0.1-0.5c0-0.2-0.1-0.3-0.2-0.5c-0.1-0.1-0.3-0.3-0.5-0.4S31.3,5.2,31,5.2h-2.8v3L30.9,8.1L30.9,8.1z"
14
- />
15
- <path class="st0" d="M49.7,14.3L48.8,12h-4.4l-0.8,2.3h-2.3L45.6,3h2.1L52,14.3H49.7z M47,7c-0.1-0.1-0.1-0.3-0.2-0.5
16
- S46.7,6.1,46.6,6c0,0.2-0.1,0.3-0.2,0.5S46.3,6.9,46.2,7l-1.1,2.9H48L47,7z"/>
17
- <path class="st0" d="M64.3,5.1v9.2h-2.2V5.1h-3.2V3h8.6v2.1H64.3z"/>
18
- <path class="st0" d="M81.2,5.1v9.2H79V5.1h-3.2V3h8.6v2.1H81.2z"/>
19
- <path class="st0" d="M93.4,14.3V3h7.7v2.1h-5.5v2.4h3.2v2.1h-3.2v2.7h5.9v2.1L93.4,14.3L93.4,14.3z"/>
20
- <path class="st0" d="M110.6,14.3V3h5.2c0.7,0,1.3,0.1,1.8,0.3s0.9,0.5,1.2,0.8s0.5,0.7,0.6,1.1s0.2,0.9,0.2,1.3c0,0.3,0,0.6-0.1,1
21
- c-0.1,0.3-0.2,0.6-0.4,0.9s-0.4,0.6-0.7,0.8c-0.3,0.2-0.6,0.4-1,0.6l2.2,4.5h-2.4l-2.1-4.2h-2.3v4.2H110.6z M115.8,8
22
- c0.3,0,0.5,0,0.7-0.1s0.3-0.2,0.5-0.3c0.1-0.1,0.2-0.3,0.2-0.5c0.1-0.2,0.1-0.4,0.1-0.6s0-0.4-0.1-0.5c0-0.2-0.1-0.3-0.2-0.5
23
- c-0.1-0.1-0.3-0.2-0.5-0.3s-0.4-0.1-0.7-0.1h-3.1V8H115.8L115.8,8L115.8,8z"/>
24
- <path class="st0" d="M135.9,14.3l-4.5-6.6c-0.1-0.1-0.2-0.2-0.2-0.4C131.1,7.1,131,7,131,6.9c0,0.1,0,0.3,0,0.4c0,0.2,0,0.3,0,0.4
25
- v6.6h-2.2V3h2l4.4,6.5c0.1,0.1,0.1,0.2,0.2,0.4c0.1,0.2,0.2,0.3,0.2,0.5c0-0.1,0-0.3,0-0.5s0-0.3,0-0.4V3h2.2v11.3H135.9
26
- L135.9,14.3z"/>
27
- <path class="st0" d="M147.6,14.3V3h7.6v2.1h-5.4v2.4h3.4v2.1h-3.4v4.8L147.6,14.3L147.6,14.3z"/>
28
- <path class="st0" d="M164,14.3V3h2.2v9.2h5.4v2.1C171.6,14.3,164,14.3,164,14.3z"/>
29
- <path class="st0" d="M182,14.3V9.9L177.8,3h2.5l2.8,4.6l2.8-4.6h2.5l-4.2,6.9v4.4H182z"/>
30
- </g>
31
- <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="9.1034" y1="958.5184" x2="9.1034" y2="974.451" gradientTransform="matrix(1 0 0 1 0 -958)">
32
- <stop offset="0" style="stop-color:#60EFFF"/>
33
- <stop offset="1" style="stop-color:#1F89C7"/>
34
- </linearGradient>
35
- <path class="st1" d="M18.2,8.9L9.1,0L0,8.9L3.7,14l2.8-0.7l2.7,3.8l2.7-3.8l2.7,0.6L18.2,8.9z M8.7,1.7L7.6,12.6L5.3,9.5L8.7,1.7z
36
- M5,9.1L3.7,7.2l4.8-5.9L5,9.1z M7.2,12.6L7.2,12.6l0.1,0.2L6.6,13l-1.7-2.4l0.3-0.7L7.2,12.6z M9.1,1.5l1.2,11.6l-1.2,1.6L8,13.1
37
- L9.1,1.5z M11,12.6l2.1-2.8l0.3,0.7L11.7,13l-0.8-0.2L11,12.6L11,12.6z M10.7,12.6L9.5,1.7l3.4,7.8L10.7,12.6z M9.8,1.3l4.8,5.9
38
- l-1.4,1.9L9.8,1.3z M3.8,13.6L0.5,9L7,2.6L3.2,7.2l1.7,2.3l-0.5,1.1l1.8,2.5L3.8,13.6z M9.1,16.6l-2.3-3.3l0.7-0.2l1.6,2.2l1.6-2.2
39
- l0.8,0.2L9.1,16.6z M12.1,13.1l1.8-2.5l-0.5-1.1L15,7.3l-3.8-4.6L17.7,9l-3.3,4.7L12.1,13.1z"/>
40
- </svg>