@patternfly/patternfly 6.0.0-alpha.6 → 6.0.0-alpha.60

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 (372) hide show
  1. package/CODE_OF_CONDUCT.md +1 -2
  2. package/README.md +13 -3
  3. package/assets/icons/iconUnicodes.json +1 -0
  4. package/assets/images/PF-Backdrop.svg +1 -0
  5. package/assets/images/PF-HorizontalLogo-Color.svg +29 -0
  6. package/assets/images/PF-HorizontalLogo-Reverse.svg +28 -0
  7. package/assets/images/PF-IconLogo-Reverse.svg +14 -0
  8. package/assets/images/PF-IconLogo-color.svg +17 -0
  9. package/assets/images/PF-IconLogo.svg +17 -0
  10. package/assets/images/logo__pf--reverse-on-md.svg +1 -1
  11. package/assets/images/pf-background.svg +22 -0
  12. package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
  13. package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
  14. package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
  15. package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
  16. package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
  17. package/assets/images/pf_logo_white.hbs +35 -0
  18. package/assets/images/pf_logo_white.svg +38 -0
  19. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  20. package/assets/pficon/pficon.scss +6 -129
  21. package/base/_common.scss +29 -4
  22. package/base/_globals.scss +5 -7
  23. package/base/_variables.scss +8 -6
  24. package/base/patternfly-common.css +24 -6
  25. package/base/patternfly-globals.css +5 -4
  26. package/base/patternfly-icons.css +5 -1
  27. package/base/patternfly-pf-icons.css +5 -1
  28. package/base/patternfly-variables.css +889 -787
  29. package/base/tokens/_tokens-dark.scss +322 -265
  30. package/base/tokens/_tokens-default.scss +428 -306
  31. package/base/tokens/_tokens-font.scss +41 -46
  32. package/base/tokens/_tokens-palette.scss +69 -71
  33. package/base/tokens/_workspace-overrides.scss +7 -0
  34. package/components/AboutModalBox/about-modal-box.css +78 -104
  35. package/components/AboutModalBox/about-modal-box.scss +62 -74
  36. package/components/Accordion/accordion.css +96 -175
  37. package/components/Accordion/accordion.scss +106 -193
  38. package/components/ActionList/action-list.css +2 -2
  39. package/components/ActionList/action-list.scss +2 -2
  40. package/components/Alert/alert-group.css +27 -20
  41. package/components/Alert/alert-group.scss +27 -20
  42. package/components/Alert/alert.css +74 -95
  43. package/components/Alert/alert.scss +76 -89
  44. package/components/AppLauncher/app-launcher.css +32 -23
  45. package/components/AppLauncher/app-launcher.scss +32 -23
  46. package/components/Avatar/avatar.css +10 -13
  47. package/components/Avatar/avatar.scss +10 -17
  48. package/components/BackToTop/back-to-top.css +17 -15
  49. package/components/BackToTop/back-to-top.scss +14 -13
  50. package/components/Backdrop/backdrop.css +8 -4
  51. package/components/Backdrop/backdrop.scss +7 -4
  52. package/components/BackgroundImage/background-image.css +11 -4
  53. package/components/BackgroundImage/background-image.scss +13 -4
  54. package/components/Badge/badge.css +25 -17
  55. package/components/Badge/badge.scss +27 -19
  56. package/components/Banner/banner.css +95 -69
  57. package/components/Banner/banner.scss +100 -34
  58. package/components/Breadcrumb/breadcrumb.css +28 -19
  59. package/components/Breadcrumb/breadcrumb.scss +26 -19
  60. package/components/Button/button.css +422 -359
  61. package/components/Button/button.scss +480 -487
  62. package/components/CalendarMonth/calendar-month.css +25 -15
  63. package/components/CalendarMonth/calendar-month.scss +23 -15
  64. package/components/Card/card.css +28 -17
  65. package/components/Card/card.scss +32 -17
  66. package/components/Check/check.css +25 -22
  67. package/components/Check/check.scss +26 -24
  68. package/components/Chip/chip-group.css +6 -6
  69. package/components/Chip/chip-group.scss +6 -6
  70. package/components/Chip/chip.css +16 -9
  71. package/components/Chip/chip.scss +17 -9
  72. package/components/ClipboardCopy/clipboard-copy.css +47 -41
  73. package/components/ClipboardCopy/clipboard-copy.scss +50 -34
  74. package/components/CodeBlock/code-block.css +24 -12
  75. package/components/CodeBlock/code-block.scss +24 -13
  76. package/components/CodeEditor/code-editor.css +31 -22
  77. package/components/CodeEditor/code-editor.scss +30 -21
  78. package/components/CodeEditor/themes/dark/code-editor.scss +1 -1
  79. package/components/Content/content.css +40 -37
  80. package/components/Content/content.scss +40 -37
  81. package/components/ContextSelector/context-selector.css +41 -26
  82. package/components/ContextSelector/context-selector.scss +40 -25
  83. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  84. package/components/DataList/data-list-grid.css +21 -21
  85. package/components/DataList/data-list-grid.scss +3 -3
  86. package/components/DataList/data-list.css +165 -209
  87. package/components/DataList/data-list.scss +138 -185
  88. package/components/DatePicker/date-picker.css +8 -8
  89. package/components/DatePicker/date-picker.scss +8 -8
  90. package/components/DescriptionList/description-list.css +47 -39
  91. package/components/DescriptionList/description-list.scss +33 -30
  92. package/components/Divider/divider.css +97 -177
  93. package/components/Divider/divider.scss +60 -79
  94. package/components/DragDrop/drag-drop.css +26 -22
  95. package/components/DragDrop/drag-drop.scss +26 -25
  96. package/components/Drawer/drawer.css +120 -62
  97. package/components/Drawer/drawer.scss +94 -44
  98. package/components/Dropdown/dropdown.css +76 -69
  99. package/components/Dropdown/dropdown.scss +67 -62
  100. package/components/DualListSelector/dual-list-selector.css +29 -15
  101. package/components/DualListSelector/dual-list-selector.scss +30 -15
  102. package/components/EmptyState/empty-state.css +64 -38
  103. package/components/EmptyState/empty-state.scss +70 -38
  104. package/components/ExpandableSection/expandable-section.css +75 -66
  105. package/components/ExpandableSection/expandable-section.scss +82 -80
  106. package/components/FileUpload/file-upload.css +31 -43
  107. package/components/FileUpload/file-upload.scss +31 -49
  108. package/components/Form/form.css +111 -154
  109. package/components/Form/form.scss +101 -160
  110. package/components/FormControl/form-control.css +95 -111
  111. package/components/FormControl/form-control.scss +97 -92
  112. package/components/HelperText/helper-text.css +29 -35
  113. package/components/HelperText/helper-text.scss +31 -41
  114. package/components/Hint/hint.css +37 -27
  115. package/components/Hint/hint.scss +37 -30
  116. package/components/Icon/icon.css +155 -19
  117. package/components/Icon/icon.scss +188 -21
  118. package/components/InlineEdit/inline-edit.css +12 -11
  119. package/components/InlineEdit/inline-edit.scss +12 -11
  120. package/components/InputGroup/input-group.css +32 -42
  121. package/components/InputGroup/input-group.scss +31 -33
  122. package/components/JumpLinks/jump-links.css +61 -58
  123. package/components/JumpLinks/jump-links.scss +61 -60
  124. package/components/Label/label-group.css +48 -50
  125. package/components/Label/label-group.scss +48 -51
  126. package/components/Label/label.css +266 -363
  127. package/components/Label/label.scss +306 -356
  128. package/components/List/list.css +25 -25
  129. package/components/List/list.scss +26 -26
  130. package/components/LogViewer/log-viewer.css +14 -14
  131. package/components/LogViewer/log-viewer.scss +14 -14
  132. package/components/Login/login.css +104 -122
  133. package/components/Login/login.scss +92 -91
  134. package/components/Masthead/masthead.css +273 -498
  135. package/components/Masthead/masthead.scss +137 -282
  136. package/components/Menu/menu.css +82 -65
  137. package/components/Menu/menu.scss +85 -69
  138. package/components/MenuToggle/menu-toggle.css +37 -31
  139. package/components/MenuToggle/menu-toggle.scss +37 -33
  140. package/components/ModalBox/modal-box.css +76 -69
  141. package/components/ModalBox/modal-box.scss +74 -70
  142. package/components/MultipleFileUpload/multiple-file-upload.css +11 -8
  143. package/components/MultipleFileUpload/multiple-file-upload.scss +11 -8
  144. package/components/Nav/nav.css +248 -899
  145. package/components/Nav/nav.scss +304 -1059
  146. package/components/Nav/themes/dark/nav.scss +2 -2
  147. package/components/NotificationBadge/notification-badge.css +66 -85
  148. package/components/NotificationBadge/notification-badge.scss +72 -103
  149. package/components/NotificationDrawer/notification-drawer.css +130 -128
  150. package/components/NotificationDrawer/notification-drawer.scss +130 -129
  151. package/components/NumberInput/number-input.css +10 -10
  152. package/components/NumberInput/number-input.scss +9 -14
  153. package/components/OptionsMenu/options-menu.css +43 -31
  154. package/components/OptionsMenu/options-menu.scss +43 -31
  155. package/components/OverflowMenu/overflow-menu.css +2 -2
  156. package/components/OverflowMenu/overflow-menu.scss +2 -2
  157. package/components/Page/page.css +182 -232
  158. package/components/Page/page.scss +130 -195
  159. package/components/Pagination/pagination.css +71 -121
  160. package/components/Pagination/pagination.scss +56 -127
  161. package/components/Panel/panel.css +40 -30
  162. package/components/Panel/panel.scss +42 -33
  163. package/components/Popover/popover.css +108 -87
  164. package/components/Popover/popover.scss +120 -109
  165. package/components/Progress/progress.css +40 -52
  166. package/components/Progress/progress.scss +48 -62
  167. package/components/ProgressStepper/progress-stepper.css +26 -20
  168. package/components/ProgressStepper/progress-stepper.scss +25 -19
  169. package/components/Radio/radio.css +30 -23
  170. package/components/Radio/radio.scss +31 -25
  171. package/components/Select/select.css +56 -47
  172. package/components/Select/select.scss +56 -47
  173. package/components/Sidebar/sidebar.css +31 -14
  174. package/components/Sidebar/sidebar.scss +34 -16
  175. package/components/SimpleList/simple-list.css +45 -56
  176. package/components/SimpleList/simple-list.scss +51 -55
  177. package/components/Skeleton/skeleton.css +24 -25
  178. package/components/Skeleton/skeleton.scss +21 -26
  179. package/components/SkipToContent/skip-to-content.css +9 -6
  180. package/components/SkipToContent/skip-to-content.scss +8 -6
  181. package/components/Slider/slider.css +80 -55
  182. package/components/Slider/slider.scss +96 -65
  183. package/components/Spinner/spinner.css +17 -34
  184. package/components/Spinner/spinner.scss +19 -47
  185. package/components/Switch/switch.css +49 -41
  186. package/components/Switch/switch.scss +51 -42
  187. package/components/TabContent/tab-content.css +21 -12
  188. package/components/TabContent/tab-content.scss +22 -15
  189. package/components/Table/table-grid.css +264 -203
  190. package/components/Table/table-grid.scss +61 -47
  191. package/components/Table/table-scrollable.css +4 -4
  192. package/components/Table/table-scrollable.scss +6 -4
  193. package/components/Table/table-tree-view.css +112 -105
  194. package/components/Table/table-tree-view.scss +38 -33
  195. package/components/Table/table.css +105 -89
  196. package/components/Table/table.scss +105 -89
  197. package/components/Tabs/tabs.css +76 -48
  198. package/components/Tabs/tabs.scss +74 -48
  199. package/components/TextInputGroup/text-input-group.css +15 -15
  200. package/components/TextInputGroup/text-input-group.scss +15 -15
  201. package/components/Tile/tile.css +47 -88
  202. package/components/Tile/tile.scss +45 -91
  203. package/components/Timestamp/timestamp.css +12 -9
  204. package/components/Timestamp/timestamp.scss +11 -10
  205. package/components/Title/title.css +70 -19
  206. package/components/Title/title.scss +90 -20
  207. package/components/ToggleGroup/toggle-group.css +48 -58
  208. package/components/ToggleGroup/toggle-group.scss +48 -56
  209. package/components/Toolbar/toolbar.css +57 -43
  210. package/components/Toolbar/toolbar.scss +45 -25
  211. package/components/Tooltip/tooltip.css +74 -44
  212. package/components/Tooltip/tooltip.scss +93 -77
  213. package/components/TreeView/tree-view.css +48 -27
  214. package/components/TreeView/tree-view.scss +50 -28
  215. package/components/Truncate/truncate.css +13 -0
  216. package/components/Truncate/truncate.scss +19 -3
  217. package/components/Wizard/wizard.css +57 -36
  218. package/components/Wizard/wizard.scss +57 -36
  219. package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
  220. package/docs/components/Accordion/examples/Accordion.md +614 -416
  221. package/docs/components/Alert/examples/Alert.md +3 -3
  222. package/docs/components/Avatar/examples/Avatar.md +5 -19
  223. package/docs/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  224. package/docs/components/Badge/examples/Badge.md +21 -0
  225. package/docs/components/Banner/examples/Banner.md +48 -25
  226. package/docs/components/Brand/examples/Brand.css +12 -0
  227. package/docs/components/Brand/examples/Brand.md +51 -32
  228. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  229. package/docs/components/Button/examples/Button.css +6 -2
  230. package/docs/components/Button/examples/Button.md +1425 -87
  231. package/docs/components/Card/examples/Card.md +143 -37
  232. package/docs/components/Check/examples/Check.md +71 -58
  233. package/docs/components/Chip/examples/Chip.md +1 -1
  234. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +106 -0
  235. package/docs/components/CodeBlock/examples/CodeBlock.md +4 -4
  236. package/docs/components/CodeEditor/examples/CodeEditor.md +3 -3
  237. package/docs/components/Content/examples/Content.md +5 -5
  238. package/docs/components/Divider/examples/Divider.css +3 -1
  239. package/docs/components/Divider/examples/Divider.md +4 -5
  240. package/docs/components/DragDrop/examples/DragDrop.css +3 -3
  241. package/docs/components/Dropdown/deprecated/Dropdown.css +1 -1
  242. package/docs/components/DualListSelector/examples/DualListSelector.md +64 -16
  243. package/docs/components/EmptyState/examples/EmptyState.md +45 -1
  244. package/docs/components/ExpandableSection/examples/ExpandableSection.md +49 -28
  245. package/docs/components/FileUpload/examples/FileUpload.md +112 -53
  246. package/docs/components/Form/examples/Form.md +134 -89
  247. package/docs/components/Icon/examples/Icon.md +82 -11
  248. package/docs/components/InlineEdit/examples/InlineEdit.md +3 -1
  249. package/docs/components/JumpLinks/examples/JumpLinks.md +280 -168
  250. package/docs/components/Label/examples/Label.css +4 -0
  251. package/docs/components/Label/examples/Label.md +1001 -225
  252. package/docs/components/LogViewer/examples/LogViewer.css +2 -2
  253. package/docs/components/LogViewer/examples/LogViewer.md +250 -160
  254. package/docs/components/Login/examples/Login.md +10 -5
  255. package/docs/components/Masthead/examples/masthead.md +443 -65
  256. package/docs/components/Menu/examples/Menu.css +8 -0
  257. package/docs/components/Menu/examples/Menu.md +594 -543
  258. package/docs/components/MenuToggle/examples/MenuToggle.md +109 -96
  259. package/docs/components/ModalBox/examples/ModalBox.css +3 -8
  260. package/docs/components/Nav/examples/Navigation.css +3 -42
  261. package/docs/components/Nav/examples/Navigation.md +305 -353
  262. package/docs/components/NotificationBadge/examples/NotificationBadge.md +5 -7
  263. package/docs/components/OptionsMenu/deprecated/options-menu.md +12 -3
  264. package/docs/components/Page/examples/Page.css +0 -8
  265. package/docs/components/Page/examples/Page.md +22 -21
  266. package/docs/components/Pagination/examples/Pagination.md +663 -637
  267. package/docs/components/Panel/examples/Panel.md +12 -0
  268. package/docs/components/Popover/examples/Popover.css +4 -9
  269. package/docs/components/Popover/examples/Popover.md +1 -1
  270. package/docs/components/Radio/examples/Radio.md +62 -54
  271. package/docs/components/Select/deprecated/Select.md +184 -177
  272. package/docs/components/Sidebar/examples/Sidebar.md +19 -0
  273. package/docs/components/SimpleList/examples/SimpleList.md +3 -3
  274. package/docs/components/TabContent/examples/TabContent.md +10 -10
  275. package/docs/components/Table/examples/Table.css +2 -2
  276. package/docs/components/Table/examples/Table.md +10 -10
  277. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  278. package/docs/components/TextInputGroup/examples/TextInputGroup.md +9 -9
  279. package/docs/components/Tile/examples/Tile.css +1 -1
  280. package/docs/components/Tile/examples/Tile.md +264 -144
  281. package/docs/components/Title/examples/Title.md +18 -0
  282. package/docs/components/Toolbar/examples/Toolbar.md +663 -2894
  283. package/docs/components/Tooltip/examples/Tooltip.css +4 -0
  284. package/docs/components/Tooltip/examples/Tooltip.md +3 -1
  285. package/docs/components/Truncate/examples/Truncate.css +2 -2
  286. package/docs/components/Truncate/examples/Truncate.md +2 -2
  287. package/docs/demos/AboutModal/examples/AboutModal.md +103 -30
  288. package/docs/demos/Alert/examples/Alert.md +327 -84
  289. package/docs/demos/BackToTop/examples/BackToTop.md +101 -28
  290. package/docs/demos/Banner/examples/Banner.md +209 -58
  291. package/docs/demos/Card/examples/Card.css +3 -3
  292. package/docs/demos/Card/examples/Card.md +28 -12
  293. package/docs/demos/CardView/examples/CardView.md +263 -205
  294. package/docs/demos/ContextSelector/examples/ContextSelector.md +373 -90
  295. package/docs/demos/Dashboard/examples/Dashboard.md +104 -31
  296. package/docs/demos/DataList/examples/DataList.md +995 -928
  297. package/docs/demos/DescriptionList/examples/DescriptionList.md +303 -84
  298. package/docs/demos/Drawer/examples/Drawer.md +605 -220
  299. package/docs/demos/Form/examples/BasicForms.md +133 -82
  300. package/docs/demos/JumpLinks/examples/JumpLinks.md +881 -353
  301. package/docs/demos/Masthead/examples/Masthead.md +767 -323
  302. package/docs/demos/Modal/examples/Modal.md +639 -192
  303. package/docs/demos/Nav/examples/Nav.md +685 -896
  304. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +510 -140
  305. package/docs/demos/Page/examples/Page.md +933 -264
  306. package/docs/demos/Page/examples/Penta.md +569 -501
  307. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -9
  308. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -32
  309. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +1296 -917
  310. package/docs/demos/Skeleton/examples/Skeleton.md +108 -63
  311. package/docs/demos/Table/examples/Table.md +3832 -3390
  312. package/docs/demos/Tabs/examples/Tabs.md +636 -191
  313. package/docs/demos/Toolbar/examples/Toolbar.css +15 -0
  314. package/docs/demos/Toolbar/examples/Toolbar.md +1331 -1493
  315. package/docs/demos/Wizard/examples/Wizard.md +909 -252
  316. package/docs/layouts/Flex/examples/Flex.md +16 -16
  317. package/docs/utilities/BoxShadow/examples/box-shadow.css +5 -5
  318. package/icons/pficons.mjs +1 -0
  319. package/layouts/Flex/flex.css +115 -43
  320. package/layouts/Flex/flex.scss +20 -8
  321. package/package.json +36 -32
  322. package/patternfly-addons.css +732 -972
  323. package/patternfly-base-no-globals-theme-dark-unversioned.css +923 -799
  324. package/patternfly-base-no-globals.css +923 -799
  325. package/patternfly-base-theme-dark-unversioned.css +928 -803
  326. package/patternfly-base.css +928 -803
  327. package/patternfly-no-globals.css +6885 -7353
  328. package/patternfly-theme-dark-unversioned.css +6890 -7357
  329. package/patternfly.css +6890 -7357
  330. package/patternfly.min.css +1 -1
  331. package/patternfly.min.css.map +1 -1
  332. package/sass-utilities/functions.scss +6 -0
  333. package/sass-utilities/mixins.scss +80 -2
  334. package/sass-utilities/scss-variables.scss +8 -8
  335. package/sass-utilities/themes/dark/mixins.scss +3 -1
  336. package/utilities/Accessibility/accessibility.css +12 -12
  337. package/utilities/Spacing/spacing.css +720 -960
  338. package/utilities/Spacing/spacing.scss +4 -8
  339. package/base/themes/dark/_variables.scss +0 -102
  340. package/components/AboutModalBox/themes/dark/about-modal-box.scss +0 -7
  341. package/components/Accordion/themes/dark/accordion.scss +0 -9
  342. package/components/Alert/themes/dark/alert.scss +0 -17
  343. package/components/Badge/themes/dark/badge.scss +0 -9
  344. package/components/Banner/themes/dark/banner.scss +0 -14
  345. package/components/Button/themes/dark/button.scss +0 -51
  346. package/components/ClipboardCopy/themes/dark/clipboard-copy.scss +0 -19
  347. package/components/DataList/themes/dark/data-list.scss +0 -10
  348. package/components/DragDrop/themes/dark/drag-drop.scss +0 -7
  349. package/components/Form/themes/dark/form.scss +0 -7
  350. package/components/FormControl/themes/dark/form-control.scss +0 -24
  351. package/components/HelperText/themes/dark/helper-text.scss +0 -7
  352. package/components/Hint/themes/dark/hint.scss +0 -8
  353. package/components/InputGroup/themes/dark/input-group.scss +0 -22
  354. package/components/Label/themes/dark/label.scss +0 -53
  355. package/components/Login/themes/dark/login.scss +0 -12
  356. package/components/Masthead/themes/dark/masthead.scss +0 -14
  357. package/components/ModalBox/themes/dark/modal-box.scss +0 -7
  358. package/components/NotificationBadge/themes/dark/notification-badge.scss +0 -10
  359. package/components/NotificationDrawer/themes/dark/notification-drawer.scss +0 -14
  360. package/components/Page/themes/dark/page.scss +0 -69
  361. package/components/Pagination/themes/dark/pagination.scss +0 -7
  362. package/components/Panel/themes/dark/panel.scss +0 -7
  363. package/components/Popover/themes/dark/popover.scss +0 -11
  364. package/components/Progress/themes/dark/progress.scss +0 -9
  365. package/components/SimpleList/themes/dark/simple-list.scss +0 -14
  366. package/components/Skeleton/themes/dark/skeleton.scss +0 -10
  367. package/components/Switch/themes/dark/switch.scss +0 -11
  368. package/components/Tile/themes/dark/tile.scss +0 -10
  369. package/components/ToggleGroup/themes/dark/toggle-group.scss +0 -12
  370. package/components/Tooltip/themes/dark/tooltip.scss +0 -8
  371. package/docs/components/Avatar/examples/Avatar.css +0 -3
  372. package/docs/components/NotificationBadge/examples/NotificationBadge.css +0 -3
package/docs/components/Tile/examples/Tile.md CHANGED
@@ -114,31 +114,51 @@ cssPrefix: pf-v5-c-tile
114
114
  <div class="pf-v5-c-tile" tabindex="0">
115
115
  <div class="pf-v5-c-tile__header pf-m-stacked">
116
116
  <div class="pf-v5-c-tile__icon">
117
- <?xml version="1.0" encoding="UTF-8"?>
118
- <svg
119
- width="1.1em"
120
- height="1em"
121
- viewBox="0 0 30 27"
122
- version="1.1"
123
- xmlns="http://www.w3.org/2000/svg"
124
- xmlns:xlink="http://www.w3.org/1999/xlink"
125
- >
126
- <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
127
- <title>Group 12</title>
128
- <desc>Created with Sketch.</desc>
129
- <g stroke="none" stroke-width="1" fill="none">
130
- <g transform="translate(-351.000000, -422.000000)" fill="#000000">
131
- <g transform="translate(322.000000, 395.000000)">
132
- <g transform="translate(29.000000, 27.000000)">
133
- <g>
134
- <path
135
- d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
136
- />
137
- </g>
138
- </g>
139
- </g>
140
- </g>
117
+ <svg width="1em" height="1em" viewBox="0 0 40 40">
118
+ <g>
119
+ <path
120
+ fill-rule="evenodd"
121
+ clip-rule="evenodd"
122
+ d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
123
+ fill="#0066CC"
124
+ />
125
+ <path
126
+ fill-rule="evenodd"
127
+ clip-rule="evenodd"
128
+ d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
129
+ fill="url(#paint0_linear_6460_7774-stacked-pf-logo-default)"
130
+ />
131
+ <path
132
+ fill-rule="evenodd"
133
+ clip-rule="evenodd"
134
+ d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
135
+ fill="url(#paint1_linear_6460_7774-stacked-pf-logo-default)"
136
+ />
141
137
  </g>
138
+ <defs>
139
+ <linearGradient
140
+ id="paint0_linear_6460_7774-stacked-pf-logo-default"
141
+ x1="1613.04"
142
+ y1="0.869504"
143
+ x2="-337.034"
144
+ y2="3251"
145
+ gradientUnits="userSpaceOnUse"
146
+ >
147
+ <stop stop-color="#2B9AF3" />
148
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
149
+ </linearGradient>
150
+ <linearGradient
151
+ id="paint1_linear_6460_7774-stacked-pf-logo-default"
152
+ x1="39.1305"
153
+ y1="-1573.04"
154
+ x2="-3211"
155
+ y2="377.033"
156
+ gradientUnits="userSpaceOnUse"
157
+ >
158
+ <stop stop-color="#2B9AF3" />
159
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
160
+ </linearGradient>
161
+ </defs>
142
162
  </svg>
143
163
  </div>
144
164
  <div class="pf-v5-c-tile__title">Default</div>
@@ -148,31 +168,51 @@ cssPrefix: pf-v5-c-tile
148
168
  <div class="pf-v5-c-tile pf-m-selected" tabindex="0">
149
169
  <div class="pf-v5-c-tile__header pf-m-stacked">
150
170
  <div class="pf-v5-c-tile__icon">
151
- <?xml version="1.0" encoding="UTF-8"?>
152
- <svg
153
- width="1.1em"
154
- height="1em"
155
- viewBox="0 0 30 27"
156
- version="1.1"
157
- xmlns="http://www.w3.org/2000/svg"
158
- xmlns:xlink="http://www.w3.org/1999/xlink"
159
- >
160
- <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
161
- <title>Group 12</title>
162
- <desc>Created with Sketch.</desc>
163
- <g stroke="none" stroke-width="1" fill="none">
164
- <g transform="translate(-351.000000, -422.000000)" fill="#000000">
165
- <g transform="translate(322.000000, 395.000000)">
166
- <g transform="translate(29.000000, 27.000000)">
167
- <g>
168
- <path
169
- d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
170
- />
171
- </g>
172
- </g>
173
- </g>
174
- </g>
171
+ <svg width="1em" height="1em" viewBox="0 0 40 40">
172
+ <g>
173
+ <path
174
+ fill-rule="evenodd"
175
+ clip-rule="evenodd"
176
+ d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
177
+ fill="#0066CC"
178
+ />
179
+ <path
180
+ fill-rule="evenodd"
181
+ clip-rule="evenodd"
182
+ d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
183
+ fill="url(#paint0_linear_6460_7774-stacked-pf-logo-selected)"
184
+ />
185
+ <path
186
+ fill-rule="evenodd"
187
+ clip-rule="evenodd"
188
+ d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
189
+ fill="url(#paint1_linear_6460_7774-stacked-pf-logo-selected)"
190
+ />
175
191
  </g>
192
+ <defs>
193
+ <linearGradient
194
+ id="paint0_linear_6460_7774-stacked-pf-logo-selected"
195
+ x1="1613.04"
196
+ y1="0.869504"
197
+ x2="-337.034"
198
+ y2="3251"
199
+ gradientUnits="userSpaceOnUse"
200
+ >
201
+ <stop stop-color="#2B9AF3" />
202
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
203
+ </linearGradient>
204
+ <linearGradient
205
+ id="paint1_linear_6460_7774-stacked-pf-logo-selected"
206
+ x1="39.1305"
207
+ y1="-1573.04"
208
+ x2="-3211"
209
+ y2="377.033"
210
+ gradientUnits="userSpaceOnUse"
211
+ >
212
+ <stop stop-color="#2B9AF3" />
213
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
214
+ </linearGradient>
215
+ </defs>
176
216
  </svg>
177
217
  </div>
178
218
  <div class="pf-v5-c-tile__title">Selected</div>
@@ -182,31 +222,51 @@ cssPrefix: pf-v5-c-tile
182
222
  <div class="pf-v5-c-tile pf-m-disabled" tabindex="-1">
183
223
  <div class="pf-v5-c-tile__header pf-m-stacked">
184
224
  <div class="pf-v5-c-tile__icon">
185
- <?xml version="1.0" encoding="UTF-8"?>
186
- <svg
187
- width="1.1em"
188
- height="1em"
189
- viewBox="0 0 30 27"
190
- version="1.1"
191
- xmlns="http://www.w3.org/2000/svg"
192
- xmlns:xlink="http://www.w3.org/1999/xlink"
193
- >
194
- <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
195
- <title>Group 12</title>
196
- <desc>Created with Sketch.</desc>
197
- <g stroke="none" stroke-width="1" fill="none">
198
- <g transform="translate(-351.000000, -422.000000)" fill="#000000">
199
- <g transform="translate(322.000000, 395.000000)">
200
- <g transform="translate(29.000000, 27.000000)">
201
- <g>
202
- <path
203
- d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
204
- />
205
- </g>
206
- </g>
207
- </g>
208
- </g>
225
+ <svg width="1em" height="1em" viewBox="0 0 40 40">
226
+ <g>
227
+ <path
228
+ fill-rule="evenodd"
229
+ clip-rule="evenodd"
230
+ d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
231
+ fill="#0066CC"
232
+ />
233
+ <path
234
+ fill-rule="evenodd"
235
+ clip-rule="evenodd"
236
+ d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
237
+ fill="url(#paint0_linear_6460_7774-stacked-pf-logo-disabled)"
238
+ />
239
+ <path
240
+ fill-rule="evenodd"
241
+ clip-rule="evenodd"
242
+ d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
243
+ fill="url(#paint1_linear_6460_7774-stacked-pf-logo-disabled)"
244
+ />
209
245
  </g>
246
+ <defs>
247
+ <linearGradient
248
+ id="paint0_linear_6460_7774-stacked-pf-logo-disabled"
249
+ x1="1613.04"
250
+ y1="0.869504"
251
+ x2="-337.034"
252
+ y2="3251"
253
+ gradientUnits="userSpaceOnUse"
254
+ >
255
+ <stop stop-color="#2B9AF3" />
256
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
257
+ </linearGradient>
258
+ <linearGradient
259
+ id="paint1_linear_6460_7774-stacked-pf-logo-disabled"
260
+ x1="39.1305"
261
+ y1="-1573.04"
262
+ x2="-3211"
263
+ y2="377.033"
264
+ gradientUnits="userSpaceOnUse"
265
+ >
266
+ <stop stop-color="#2B9AF3" />
267
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
268
+ </linearGradient>
269
+ </defs>
210
270
  </svg>
211
271
  </div>
212
272
  <div class="pf-v5-c-tile__title">Disabled</div>
@@ -489,31 +549,51 @@ cssPrefix: pf-v5-c-tile
489
549
  <div class="pf-v5-c-tile pf-m-display-lg" tabindex="0">
490
550
  <div class="pf-v5-c-tile__header pf-m-stacked">
491
551
  <div class="pf-v5-c-tile__icon">
492
- <?xml version="1.0" encoding="UTF-8"?>
493
- <svg
494
- width="1.1em"
495
- height="1em"
496
- viewBox="0 0 30 27"
497
- version="1.1"
498
- xmlns="http://www.w3.org/2000/svg"
499
- xmlns:xlink="http://www.w3.org/1999/xlink"
500
- >
501
- <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
502
- <title>Group 12</title>
503
- <desc>Created with Sketch.</desc>
504
- <g stroke="none" stroke-width="1" fill="none">
505
- <g transform="translate(-351.000000, -422.000000)" fill="#000000">
506
- <g transform="translate(322.000000, 395.000000)">
507
- <g transform="translate(29.000000, 27.000000)">
508
- <g>
509
- <path
510
- d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
511
- />
512
- </g>
513
- </g>
514
- </g>
515
- </g>
552
+ <svg width="1em" height="1em" viewBox="0 0 40 40">
553
+ <g>
554
+ <path
555
+ fill-rule="evenodd"
556
+ clip-rule="evenodd"
557
+ d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
558
+ fill="#0066CC"
559
+ />
560
+ <path
561
+ fill-rule="evenodd"
562
+ clip-rule="evenodd"
563
+ d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
564
+ fill="url(#paint0_linear_6460_7774-stacked-large-pf-logo-default)"
565
+ />
566
+ <path
567
+ fill-rule="evenodd"
568
+ clip-rule="evenodd"
569
+ d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
570
+ fill="url(#paint1_linear_6460_7774-stacked-large-pf-logo-default)"
571
+ />
516
572
  </g>
573
+ <defs>
574
+ <linearGradient
575
+ id="paint0_linear_6460_7774-stacked-large-pf-logo-default"
576
+ x1="1613.04"
577
+ y1="0.869504"
578
+ x2="-337.034"
579
+ y2="3251"
580
+ gradientUnits="userSpaceOnUse"
581
+ >
582
+ <stop stop-color="#2B9AF3" />
583
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
584
+ </linearGradient>
585
+ <linearGradient
586
+ id="paint1_linear_6460_7774-stacked-large-pf-logo-default"
587
+ x1="39.1305"
588
+ y1="-1573.04"
589
+ x2="-3211"
590
+ y2="377.033"
591
+ gradientUnits="userSpaceOnUse"
592
+ >
593
+ <stop stop-color="#2B9AF3" />
594
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
595
+ </linearGradient>
596
+ </defs>
517
597
  </svg>
518
598
  </div>
519
599
  <div class="pf-v5-c-tile__title">Default</div>
@@ -523,31 +603,51 @@ cssPrefix: pf-v5-c-tile
523
603
  <div class="pf-v5-c-tile pf-m-display-lg pf-m-selected" tabindex="0">
524
604
  <div class="pf-v5-c-tile__header pf-m-stacked">
525
605
  <div class="pf-v5-c-tile__icon">
526
- <?xml version="1.0" encoding="UTF-8"?>
527
- <svg
528
- width="1.1em"
529
- height="1em"
530
- viewBox="0 0 30 27"
531
- version="1.1"
532
- xmlns="http://www.w3.org/2000/svg"
533
- xmlns:xlink="http://www.w3.org/1999/xlink"
534
- >
535
- <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
536
- <title>Group 12</title>
537
- <desc>Created with Sketch.</desc>
538
- <g stroke="none" stroke-width="1" fill="none">
539
- <g transform="translate(-351.000000, -422.000000)" fill="#000000">
540
- <g transform="translate(322.000000, 395.000000)">
541
- <g transform="translate(29.000000, 27.000000)">
542
- <g>
543
- <path
544
- d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
545
- />
546
- </g>
547
- </g>
548
- </g>
549
- </g>
606
+ <svg width="1em" height="1em" viewBox="0 0 40 40">
607
+ <g>
608
+ <path
609
+ fill-rule="evenodd"
610
+ clip-rule="evenodd"
611
+ d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
612
+ fill="#0066CC"
613
+ />
614
+ <path
615
+ fill-rule="evenodd"
616
+ clip-rule="evenodd"
617
+ d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
618
+ fill="url(#paint0_linear_6460_7774-stacked-large-pf-logo-selected)"
619
+ />
620
+ <path
621
+ fill-rule="evenodd"
622
+ clip-rule="evenodd"
623
+ d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
624
+ fill="url(#paint1_linear_6460_7774-stacked-large-pf-logo-selected)"
625
+ />
550
626
  </g>
627
+ <defs>
628
+ <linearGradient
629
+ id="paint0_linear_6460_7774-stacked-large-pf-logo-selected"
630
+ x1="1613.04"
631
+ y1="0.869504"
632
+ x2="-337.034"
633
+ y2="3251"
634
+ gradientUnits="userSpaceOnUse"
635
+ >
636
+ <stop stop-color="#2B9AF3" />
637
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
638
+ </linearGradient>
639
+ <linearGradient
640
+ id="paint1_linear_6460_7774-stacked-large-pf-logo-selected"
641
+ x1="39.1305"
642
+ y1="-1573.04"
643
+ x2="-3211"
644
+ y2="377.033"
645
+ gradientUnits="userSpaceOnUse"
646
+ >
647
+ <stop stop-color="#2B9AF3" />
648
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
649
+ </linearGradient>
650
+ </defs>
551
651
  </svg>
552
652
  </div>
553
653
  <div class="pf-v5-c-tile__title">Selected</div>
@@ -557,31 +657,51 @@ cssPrefix: pf-v5-c-tile
557
657
  <div class="pf-v5-c-tile pf-m-disabled pf-m-display-lg" tabindex="-1">
558
658
  <div class="pf-v5-c-tile__header pf-m-stacked">
559
659
  <div class="pf-v5-c-tile__icon">
560
- <?xml version="1.0" encoding="UTF-8"?>
561
- <svg
562
- width="1.1em"
563
- height="1em"
564
- viewBox="0 0 30 27"
565
- version="1.1"
566
- xmlns="http://www.w3.org/2000/svg"
567
- xmlns:xlink="http://www.w3.org/1999/xlink"
568
- >
569
- <!-- Generator: Sketch 54 (76480) - https://sketchapp.com -->
570
- <title>Group 12</title>
571
- <desc>Created with Sketch.</desc>
572
- <g stroke="none" stroke-width="1" fill="none">
573
- <g transform="translate(-351.000000, -422.000000)" fill="#000000">
574
- <g transform="translate(322.000000, 395.000000)">
575
- <g transform="translate(29.000000, 27.000000)">
576
- <g>
577
- <path
578
- d="M29.3047523,13.6067281 L14.8028311,0.0924998513 L14.6960566,0 L14.5601618,0.0924998513 L0.0873609707,13.6067281 L0,13.689978 L0.0679474216,13.7824778 L5.82406471,21.5709653 L5.88230536,21.6449652 L5.9793731,21.6449652 L10.2794742,20.7199667 L14.5601618,26.4364575 L14.6766431,26.5937073 L14.7931244,26.4364575 L19.0932255,20.6829668 L23.3836198,21.6079653 L23.4806876,21.6079653 L23.5389282,21.5339654 L29.3047523,13.7454779 L29.3726997,13.6529781 L29.3047523,13.6067281 Z M20.9957533,15.1699756 L21.5005056,16.2522239 L18.7826087,19.878218 L17.5789687,19.6192185 L20.9957533,15.1699756 Z M21.1607685,13.7454779 L16.0841254,2.77499554 L23.2186047,11.0999822 L21.1607685,13.7454779 Z M22.3255814,16.4002236 L22.3741153,16.3354737 L22.3741153,16.2614739 L21.5587462,14.5039767 L24.1116279,11.0999822 L24.1698686,11.0999822 L24.1019211,11.0167323 L18.9573306,5.01349194 L28.411729,13.8194778 L26.4703741,16.4002236 L23.1506572,20.8864664 L19.5494439,20.1002177 L22.3255814,16.4002236 Z M12.269363,20.2482175 L14.6669363,23.3747124 L14.7931244,23.5412122 L14.9096057,23.3747124 L17.1227503,20.2482175 L18.3166835,20.516467 L14.6960566,25.3634592 L11.0754297,20.516467 L12.269363,20.2482175 Z M12.871183,19.8227181 L14.6960566,2.88599536 L16.5015167,19.8227181 L14.7542973,22.2924642 L12.871183,19.8227181 Z M13.8418605,3.34849462 L12.1237614,18.8144698 L8.73609707,14.4207268 L13.8418605,3.34849462 Z M6.17350859,11.0999822 L13.3176946,2.77499554 L8.23134479,13.7454779 L6.17350859,11.0999822 Z M10.4347826,4.99499197 L5.29019211,10.9982323 L5.22224469,11.0999822 L5.29019211,11.183232 L7.88190091,14.5502266 L7.06653185,16.3077238 L7.06653185,16.3817237 L7.06653185,16.4464736 L9.79413549,20.1002177 L6.20262892,20.8864664 L0.970677452,13.7732279 L10.4347826,4.99499197 Z M11.8131446,19.6469684 L10.6095046,19.905968 L7.90131446,16.2522239 L8.39635996,15.1699756 L11.8131446,19.6469684 Z M15.5308392,3.34849462 L20.6463094,14.4484768 L17.2683519,18.8422197 L15.5308392,3.34849462 Z"
579
- />
580
- </g>
581
- </g>
582
- </g>
583
- </g>
660
+ <svg width="1em" height="1em" viewBox="0 0 40 40">
661
+ <g>
662
+ <path
663
+ fill-rule="evenodd"
664
+ clip-rule="evenodd"
665
+ d="M15.6522 0H40V24.3478H37.3913C25.3851 24.3478 15.6522 14.6149 15.6522 2.6087V0Z"
666
+ fill="#0066CC"
667
+ />
668
+ <path
669
+ fill-rule="evenodd"
670
+ clip-rule="evenodd"
671
+ d="M40 0.869568L16.5217 40H34.9367C37.7331 40 40 37.7331 40 34.9367V0.869568Z"
672
+ fill="url(#paint0_linear_6460_7774-stacked-large-pf-logo-disabled)"
673
+ />
674
+ <path
675
+ fill-rule="evenodd"
676
+ clip-rule="evenodd"
677
+ d="M39.1304 9.53674e-06L-3.8147e-06 23.4783V5.0633C-3.8147e-06 2.26692 2.26691 9.53674e-06 5.06329 9.53674e-06L39.1304 9.53674e-06Z"
678
+ fill="url(#paint1_linear_6460_7774-stacked-large-pf-logo-disabled)"
679
+ />
584
680
  </g>
681
+ <defs>
682
+ <linearGradient
683
+ id="paint0_linear_6460_7774-stacked-large-pf-logo-disabled"
684
+ x1="1613.04"
685
+ y1="0.869504"
686
+ x2="-337.034"
687
+ y2="3251"
688
+ gradientUnits="userSpaceOnUse"
689
+ >
690
+ <stop stop-color="#2B9AF3" />
691
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
692
+ </linearGradient>
693
+ <linearGradient
694
+ id="paint1_linear_6460_7774-stacked-large-pf-logo-disabled"
695
+ x1="39.1305"
696
+ y1="-1573.04"
697
+ x2="-3211"
698
+ y2="377.033"
699
+ gradientUnits="userSpaceOnUse"
700
+ >
701
+ <stop stop-color="#2B9AF3" />
702
+ <stop offset="1" stop-color="#73BCF7" stop-opacity="0.502213" />
703
+ </linearGradient>
704
+ </defs>
585
705
  </svg>
586
706
  </div>
587
707
  <div class="pf-v5-c-tile__title">Disabled</div>
package/docs/components/Title/examples/Title.md CHANGED
@@ -16,6 +16,18 @@ cssPrefix: pf-v5-c-title
16
16
 
17
17
  ```
18
18
 
19
+ ### Heading level modifiers
20
+
21
+ ```html
22
+ <div class="pf-v5-c-title pf-m-h1">H1-styled title</div>
23
+ <div class="pf-v5-c-title pf-m-h2">H2-styled title</div>
24
+ <div class="pf-v5-c-title pf-m-h3">H3-styled title</div>
25
+ <div class="pf-v5-c-title pf-m-h4">H4-styled title</div>
26
+ <div class="pf-v5-c-title pf-m-h5">H5-styled title</div>
27
+ <div class="pf-v5-c-title pf-m-h6">H6-styled title</div>
28
+
29
+ ```
30
+
19
31
  ## Documentation
20
32
 
21
33
  ### Overview
@@ -44,3 +56,9 @@ The content component defines margin on headers. To regain the same spacing use,
44
56
  | `.pf-m-xl` | `.pf-v5-c-title` | Modifies for xl size |
45
57
  | `.pf-m-lg` | `.pf-v5-c-title` | Modifies for lg size |
46
58
  | `.pf-m-md` | `.pf-v5-c-title` | Modifies for md size |
59
+ | `.pf-m-h1` | `.pf-v5-c-title` | Modifies for default h1 size |
60
+ | `.pf-m-h2` | `.pf-v5-c-title` | Modifies for default h2 size |
61
+ | `.pf-m-h3` | `.pf-v5-c-title` | Modifies for default h3 size |
62
+ | `.pf-m-h4` | `.pf-v5-c-title` | Modifies for default h4 size |
63
+ | `.pf-m-h5` | `.pf-v5-c-title` | Modifies for default h5 size |
64
+ | `.pf-m-h6` | `.pf-v5-c-title` | Modifies for default h6 size |