@patternfly/patternfly 6.0.0-alpha.99 → 6.0.0-prerelease.2

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 (501) hide show
  1. package/README.md +1 -2
  2. package/assets/fontawesome/_animated.scss +1 -0
  3. package/assets/fontawesome/_bordered-pulled.scss +1 -0
  4. package/assets/fontawesome/_core.scss +2 -0
  5. package/assets/fontawesome/_fixed-width.scss +2 -0
  6. package/assets/fontawesome/_icons.scss +1 -0
  7. package/assets/fontawesome/_index.scss +12 -0
  8. package/assets/fontawesome/_larger.scss +4 -2
  9. package/assets/fontawesome/_list.scss +4 -2
  10. package/assets/fontawesome/_rotated-flipped.scss +2 -0
  11. package/assets/fontawesome/_screen-reader.scss +1 -0
  12. package/assets/fontawesome/_stacked.scss +3 -1
  13. package/assets/fontawesome/_variables.scss +3 -2
  14. package/assets/fontawesome/fontawesome.scss +12 -12
  15. package/assets/icons/iconUnicodes.json +6 -0
  16. package/assets/images/img_avatar-dark.svg +22 -16
  17. package/assets/images/img_avatar-light.svg +25 -18
  18. package/assets/images/pf-background.svg +21 -21
  19. package/assets/images/pf_logo.svg +11 -11
  20. package/assets/images/pf_logo_white.svg +16 -17
  21. package/assets/pficon/pf-v6-pficon.woff2 +0 -0
  22. package/assets/pficon/pficon.scss +310 -271
  23. package/base/_index.scss +10 -0
  24. package/base/{_globals.scss → normalize.scss} +15 -48
  25. package/base/patternfly-common.css +14 -0
  26. package/base/patternfly-common.scss +68 -2
  27. package/base/patternfly-fa-icons.css +1 -1
  28. package/base/patternfly-fa-icons.scss +35 -2
  29. package/base/patternfly-fonts.css +10 -80
  30. package/base/patternfly-fonts.scss +49 -2
  31. package/base/patternfly-pf-icons.css +158 -134
  32. package/base/patternfly-pf-icons.scss +1 -2
  33. package/base/patternfly-svg-icons.css +5 -0
  34. package/base/{_svg-icons.scss → patternfly-svg-icons.scss} +2 -0
  35. package/base/patternfly-variables.css +1082 -1206
  36. package/base/patternfly-variables.scss +20 -2
  37. package/base/reset.scss +33 -0
  38. package/base/tokens/_index.scss +6 -0
  39. package/base/tokens/tokens-charts-dark.scss +173 -0
  40. package/base/tokens/{_tokens-charts.scss → tokens-charts.scss} +162 -148
  41. package/base/tokens/{_tokens-dark.scss → tokens-dark.scss} +307 -294
  42. package/base/tokens/{_tokens-default.scss → tokens-default.scss} +574 -447
  43. package/base/tokens/{_tokens-font.scss → tokens-local.scss} +13 -34
  44. package/base/tokens/{_tokens-palette.scss → tokens-palette.scss} +69 -70
  45. package/components/AboutModalBox/about-modal-box.css +86 -81
  46. package/components/AboutModalBox/about-modal-box.scss +80 -82
  47. package/components/Accordion/accordion.css +44 -43
  48. package/components/Accordion/accordion.scss +52 -52
  49. package/components/ActionList/action-list.css +6 -5
  50. package/components/ActionList/action-list.scss +7 -5
  51. package/components/Alert/alert-group.css +72 -19
  52. package/components/Alert/alert-group.scss +105 -18
  53. package/components/Alert/alert.css +52 -59
  54. package/components/Alert/alert.scss +56 -65
  55. package/components/Avatar/avatar.css +42 -41
  56. package/components/Avatar/avatar.scss +8 -7
  57. package/components/BackToTop/back-to-top.css +19 -17
  58. package/components/BackToTop/back-to-top.scss +17 -17
  59. package/components/Backdrop/backdrop.css +1 -1
  60. package/components/Backdrop/backdrop.scss +3 -4
  61. package/components/BackgroundImage/background-image.scss +3 -4
  62. package/components/Badge/badge.css +29 -7
  63. package/components/Badge/badge.scss +33 -9
  64. package/components/Banner/banner.css +30 -37
  65. package/components/Banner/banner.scss +30 -43
  66. package/components/Brand/brand.css +14 -10
  67. package/components/Brand/brand.scss +8 -5
  68. package/components/Breadcrumb/breadcrumb.css +23 -24
  69. package/components/Breadcrumb/breadcrumb.scss +25 -28
  70. package/components/Button/button.css +150 -128
  71. package/components/Button/button.scss +155 -130
  72. package/components/CalendarMonth/calendar-month.css +46 -46
  73. package/components/CalendarMonth/calendar-month.scss +49 -50
  74. package/components/Card/card.css +110 -93
  75. package/components/Card/card.scss +118 -92
  76. package/components/Check/check.css +5 -5
  77. package/components/Check/check.scss +7 -8
  78. package/components/ClipboardCopy/clipboard-copy.css +33 -41
  79. package/components/ClipboardCopy/clipboard-copy.scss +35 -44
  80. package/components/CodeBlock/code-block.css +21 -20
  81. package/components/CodeBlock/code-block.scss +21 -21
  82. package/components/CodeEditor/code-editor.css +35 -34
  83. package/components/CodeEditor/code-editor.scss +35 -35
  84. package/components/Content/content.css +167 -153
  85. package/components/Content/content.scss +204 -145
  86. package/components/DataList/data-list-grid.css +117 -117
  87. package/components/DataList/data-list-grid.scss +22 -20
  88. package/components/DataList/data-list.css +308 -312
  89. package/components/DataList/data-list.scss +145 -152
  90. package/components/DatePicker/date-picker.css +17 -17
  91. package/components/DatePicker/date-picker.scss +17 -18
  92. package/components/DescriptionList/description-list-order.css +5 -5
  93. package/components/DescriptionList/description-list-order.scss +3 -1
  94. package/components/DescriptionList/description-list.css +46 -44
  95. package/components/DescriptionList/description-list.scss +26 -31
  96. package/components/Divider/divider.css +104 -107
  97. package/components/Divider/divider.scss +19 -19
  98. package/components/DragDrop/drag-drop.css +4 -2
  99. package/components/DragDrop/drag-drop.scss +3 -3
  100. package/components/Drawer/drawer.css +115 -114
  101. package/components/Drawer/drawer.scss +136 -134
  102. package/components/DualListSelector/dual-list-selector.css +64 -61
  103. package/components/DualListSelector/dual-list-selector.scss +54 -51
  104. package/components/EmptyState/empty-state.css +38 -37
  105. package/components/EmptyState/empty-state.scss +39 -39
  106. package/components/ExpandableSection/expandable-section.css +27 -86
  107. package/components/ExpandableSection/expandable-section.scss +32 -101
  108. package/components/FileUpload/file-upload.css +2 -2
  109. package/components/FileUpload/file-upload.scss +2 -3
  110. package/components/Form/form.css +173 -115
  111. package/components/Form/form.scss +117 -103
  112. package/components/FormControl/form-control.css +57 -57
  113. package/components/FormControl/form-control.scss +69 -67
  114. package/components/HelperText/helper-text.css +5 -4
  115. package/components/HelperText/helper-text.scss +8 -6
  116. package/components/Hint/hint.css +25 -25
  117. package/components/Hint/hint.scss +25 -27
  118. package/components/Icon/icon.css +10 -10
  119. package/components/Icon/icon.scss +11 -12
  120. package/components/InlineEdit/inline-edit.css +12 -12
  121. package/components/InlineEdit/inline-edit.scss +12 -13
  122. package/components/InputGroup/input-group.css +16 -16
  123. package/components/InputGroup/input-group.scss +18 -19
  124. package/components/JumpLinks/jump-links.css +80 -96
  125. package/components/JumpLinks/jump-links.scss +80 -100
  126. package/components/Label/label-group.css +28 -28
  127. package/components/Label/label-group.scss +29 -30
  128. package/components/Label/label.css +102 -87
  129. package/components/Label/label.scss +113 -94
  130. package/components/List/list.css +44 -47
  131. package/components/List/list.scss +51 -58
  132. package/components/Login/login.css +122 -118
  133. package/components/Login/login.scss +105 -112
  134. package/components/Masthead/masthead.css +273 -175
  135. package/components/Masthead/masthead.scss +102 -68
  136. package/components/Menu/menu.css +151 -95
  137. package/components/Menu/menu.scss +59 -40
  138. package/components/MenuToggle/menu-toggle.css +129 -108
  139. package/components/MenuToggle/menu-toggle.scss +150 -128
  140. package/components/ModalBox/modal-box.css +53 -45
  141. package/components/ModalBox/modal-box.scss +52 -46
  142. package/components/MultipleFileUpload/multiple-file-upload.css +37 -37
  143. package/components/MultipleFileUpload/multiple-file-upload.scss +38 -39
  144. package/components/Nav/nav.css +33 -9
  145. package/components/Nav/nav.scss +46 -13
  146. package/components/NotificationDrawer/notification-drawer.css +50 -51
  147. package/components/NotificationDrawer/notification-drawer.scss +58 -57
  148. package/components/NumberInput/number-input.css +7 -11
  149. package/components/NumberInput/number-input.scss +5 -7
  150. package/components/OverflowMenu/overflow-menu.css +2 -1
  151. package/components/OverflowMenu/overflow-menu.scss +3 -1
  152. package/components/Page/page.css +175 -519
  153. package/components/Page/page.scss +155 -386
  154. package/components/Pagination/pagination.css +82 -79
  155. package/components/Pagination/pagination.scss +43 -40
  156. package/components/Panel/panel.css +33 -30
  157. package/components/Panel/panel.scss +35 -33
  158. package/components/Popover/popover.css +54 -52
  159. package/components/Popover/popover.scss +55 -54
  160. package/components/Progress/progress.css +8 -4
  161. package/components/Progress/progress.scss +14 -11
  162. package/components/ProgressStepper/progress-stepper.css +246 -245
  163. package/components/ProgressStepper/progress-stepper.scss +118 -118
  164. package/components/Radio/radio.css +7 -7
  165. package/components/Radio/radio.scss +9 -10
  166. package/components/Sidebar/sidebar.css +139 -139
  167. package/components/Sidebar/sidebar.scss +61 -61
  168. package/components/SimpleList/simple-list.css +21 -20
  169. package/components/SimpleList/simple-list.scss +22 -23
  170. package/components/Skeleton/skeleton.css +4 -4
  171. package/components/Skeleton/skeleton.scss +7 -8
  172. package/components/SkipToContent/skip-to-content.css +7 -6
  173. package/components/SkipToContent/skip-to-content.scss +7 -7
  174. package/components/Slider/slider.css +31 -31
  175. package/components/Slider/slider.scss +54 -55
  176. package/components/Spinner/spinner.scss +4 -5
  177. package/components/Switch/switch.css +4 -10
  178. package/components/Switch/switch.scss +8 -17
  179. package/components/TabContent/tab-content.css +25 -25
  180. package/components/TabContent/tab-content.scss +28 -28
  181. package/components/Table/table-grid.css +434 -508
  182. package/components/Table/table-grid.scss +131 -150
  183. package/components/Table/table-scrollable.css +31 -34
  184. package/components/Table/table-scrollable.scss +44 -41
  185. package/components/Table/table-tree-view.css +287 -279
  186. package/components/Table/table-tree-view.scss +84 -84
  187. package/components/Table/table.css +316 -279
  188. package/components/Table/table.scss +346 -301
  189. package/components/Tabs/tabs.css +215 -240
  190. package/components/Tabs/tabs.scss +130 -162
  191. package/components/TextInputGroup/text-input-group.css +122 -64
  192. package/components/TextInputGroup/text-input-group.scss +144 -87
  193. package/components/Tile/tile.css +15 -15
  194. package/components/Tile/tile.scss +16 -17
  195. package/components/Timestamp/timestamp.css +13 -19
  196. package/components/Timestamp/timestamp.scss +16 -22
  197. package/components/Title/title.css +14 -13
  198. package/components/Title/title.scss +15 -15
  199. package/components/ToggleGroup/toggle-group.css +37 -37
  200. package/components/ToggleGroup/toggle-group.scss +38 -41
  201. package/components/Toolbar/toolbar.css +547 -1431
  202. package/components/Toolbar/toolbar.scss +159 -123
  203. package/components/Tooltip/tooltip.css +28 -27
  204. package/components/Tooltip/tooltip.scss +31 -30
  205. package/components/TreeView/tree-view.css +184 -184
  206. package/components/TreeView/tree-view.scss +133 -133
  207. package/components/Truncate/truncate.css +2 -2
  208. package/components/Truncate/truncate.scss +7 -8
  209. package/components/Wizard/wizard.css +190 -154
  210. package/components/Wizard/wizard.scss +211 -165
  211. package/components/_index.css +22378 -0
  212. package/components/_index.scss +82 -0
  213. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  214. package/docs/components/Accordion/examples/Accordion.md +1 -1
  215. package/docs/components/ActionList/examples/ActionList.md +64 -24
  216. package/docs/components/Alert/examples/Alert.md +116 -74
  217. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  218. package/docs/components/Badge/examples/Badge.md +6 -16
  219. package/docs/components/Banner/examples/Banner.md +16 -10
  220. package/docs/components/Brand/examples/Brand.md +2 -2
  221. package/docs/components/Breadcrumb/examples/Breadcrumb.md +19 -59
  222. package/docs/components/Button/examples/Button.md +537 -368
  223. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  224. package/docs/components/Card/examples/Card.md +372 -658
  225. package/docs/components/Check/examples/Check.md +10 -15
  226. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +92 -47
  227. package/docs/components/CodeBlock/examples/CodeBlock.md +51 -28
  228. package/docs/components/CodeEditor/examples/CodeEditor.md +41 -22
  229. package/docs/components/Content/examples/Content.md +600 -60
  230. package/docs/components/DataList/examples/DataList.md +291 -1028
  231. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  232. package/docs/components/DescriptionList/examples/DescriptionList.md +80 -55
  233. package/docs/components/Drawer/examples/Drawer.md +60 -21
  234. package/docs/components/DualListSelector/examples/DualListSelector.md +364 -996
  235. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  236. package/docs/components/ExpandableSection/examples/ExpandableSection.md +96 -91
  237. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  238. package/docs/components/Form/examples/Form.md +100 -26
  239. package/docs/components/Hint/examples/Hint.md +54 -164
  240. package/docs/components/InlineEdit/examples/InlineEdit.md +132 -45
  241. package/docs/components/InputGroup/examples/InputGroup.md +38 -62
  242. package/docs/components/JumpLinks/examples/JumpLinks.md +189 -72
  243. package/docs/components/Label/examples/Label.md +2577 -406
  244. package/docs/components/Login/examples/Login.md +372 -334
  245. package/docs/components/Masthead/examples/masthead.md +515 -484
  246. package/docs/components/Menu/examples/Menu.md +77 -138
  247. package/docs/components/MenuToggle/examples/MenuToggle.md +289 -39
  248. package/docs/components/ModalBox/examples/ModalBox.md +158 -100
  249. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +137 -97
  250. package/docs/components/Nav/examples/Navigation.css +2 -7
  251. package/docs/components/Nav/examples/Navigation.md +337 -270
  252. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +515 -2076
  253. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  254. package/docs/components/OverflowMenu/examples/overflow-menu.css +4 -28
  255. package/docs/components/OverflowMenu/examples/overflow-menu.md +104 -159
  256. package/docs/components/Page/examples/Page.css +5 -9
  257. package/docs/components/Page/examples/Page.md +254 -181
  258. package/docs/components/Pagination/examples/Pagination.md +336 -756
  259. package/docs/components/Panel/examples/Panel.md +3 -2
  260. package/docs/components/Popover/examples/Popover.md +60 -15
  261. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  262. package/docs/components/Sidebar/examples/Sidebar.css +4 -2
  263. package/docs/components/Sidebar/examples/Sidebar.md +3 -3
  264. package/docs/components/Skeleton/examples/Skeleton.css +1 -1
  265. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  266. package/docs/components/Slider/examples/Slider.md +53 -45
  267. package/docs/components/Spinner/examples/Spinner.md +1 -1
  268. package/docs/components/Switch/examples/Switch.md +33 -148
  269. package/docs/components/Table/examples/Table.css +11 -6
  270. package/docs/components/Table/examples/Table.md +5302 -2464
  271. package/docs/components/Tabs/examples/Tabs.md +1267 -607
  272. package/docs/components/TextInputGroup/examples/TextInputGroup.css +8 -3
  273. package/docs/components/TextInputGroup/examples/TextInputGroup.md +469 -278
  274. package/docs/components/Tile/examples/Tile.css +5 -5
  275. package/docs/components/Timestamp/examples/Timestamp.md +7 -1
  276. package/docs/components/ToggleGroup/examples/toggle-group.md +1 -3
  277. package/docs/components/Toolbar/examples/Toolbar.css +50 -39
  278. package/docs/components/Toolbar/examples/Toolbar.md +1562 -1200
  279. package/docs/components/Tooltip/examples/Tooltip.css +1 -1
  280. package/docs/components/TreeView/examples/TreeView.md +627 -49
  281. package/docs/components/Truncate/examples/Truncate.css +1 -2
  282. package/docs/components/Wizard/examples/Wizard.md +1595 -126
  283. package/docs/demos/AboutModal/examples/AboutModal.md +191 -198
  284. package/docs/demos/Alert/examples/Alert.md +924 -909
  285. package/docs/demos/BackToTop/examples/BackToTop.md +318 -327
  286. package/docs/demos/Banner/examples/Banner.md +641 -659
  287. package/docs/demos/Button/examples/Button.md +8 -8
  288. package/docs/demos/Card/examples/Card.css +6 -6
  289. package/docs/demos/Card/examples/Card.md +419 -606
  290. package/docs/demos/CardView/examples/CardView.md +822 -1435
  291. package/docs/demos/Dashboard/examples/Dashboard.md +1308 -1442
  292. package/docs/demos/DataList/examples/DataList.md +3210 -3424
  293. package/docs/demos/DescriptionList/examples/DescriptionList.md +899 -937
  294. package/docs/demos/Drawer/examples/Drawer.md +1165 -1176
  295. package/docs/demos/Form/examples/BasicForms.md +153 -88
  296. package/docs/demos/JumpLinks/examples/JumpLinks.md +1710 -1602
  297. package/docs/demos/Masthead/examples/Masthead.md +1719 -1583
  298. package/docs/demos/Modal/examples/Modal.md +1231 -1235
  299. package/docs/demos/Nav/examples/Nav.md +1216 -1230
  300. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1910 -4577
  301. package/docs/demos/Page/examples/Page.css +11 -0
  302. package/docs/demos/Page/examples/Page.md +3753 -2540
  303. package/docs/demos/Panel/Panel.md +88 -0
  304. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  305. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +16 -48
  306. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5150 -6255
  307. package/docs/demos/Skeleton/examples/Skeleton.md +297 -304
  308. package/docs/demos/Table/examples/Table.md +14272 -15154
  309. package/docs/demos/Tabs/examples/Tabs.md +2821 -2891
  310. package/docs/demos/Toolbar/examples/Toolbar.css +10 -18
  311. package/docs/demos/Toolbar/examples/Toolbar.md +2487 -2663
  312. package/docs/demos/Wizard/examples/Wizard.md +3021 -2784
  313. package/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  314. package/docs/layouts/Flex/examples/Flex.css +4 -4
  315. package/docs/layouts/Flex/examples/Flex.md +50 -50
  316. package/docs/layouts/Gallery/examples/Gallery.css +4 -4
  317. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  318. package/docs/layouts/Grid/examples/Grid.css +3 -3
  319. package/docs/layouts/Grid/examples/Grid.md +33 -33
  320. package/docs/layouts/Level/examples/Level.css +5 -5
  321. package/docs/layouts/Split/examples/Split.css +4 -4
  322. package/docs/layouts/Stack/examples/Stack.css +5 -5
  323. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  324. package/docs/utilities/Alignment/examples/Alignment.css +6 -6
  325. package/docs/utilities/Alignment/examples/Alignment.md +5 -5
  326. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +7 -67
  327. package/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  328. package/docs/utilities/BoxShadow/examples/box-shadow.md +15 -38
  329. package/docs/utilities/Display/examples/Display.css +3 -10
  330. package/docs/utilities/Display/examples/Display.md +21 -12
  331. package/docs/utilities/Flex/examples/Flex.css +7 -7
  332. package/docs/utilities/Flex/examples/Flex.md +82 -40
  333. package/docs/utilities/Float/examples/Float.css +5 -5
  334. package/docs/utilities/Float/examples/Float.md +6 -6
  335. package/docs/utilities/Sizing/examples/Sizing.css +6 -6
  336. package/docs/utilities/Sizing/examples/Sizing.md +60 -60
  337. package/docs/utilities/Spacing/examples/Spacing.css +3 -3
  338. package/docs/utilities/Spacing/examples/Spacing.md +37 -37
  339. package/docs/utilities/Text/examples/Text.md +78 -77
  340. package/icons/pficons.mjs +6 -0
  341. package/layouts/Bullseye/bullseye.css +4 -0
  342. package/layouts/Bullseye/bullseye.scss +5 -1
  343. package/layouts/Flex/flex.css +241 -237
  344. package/layouts/Flex/flex.scss +48 -44
  345. package/layouts/Gallery/gallery.css +15 -11
  346. package/layouts/Gallery/gallery.scss +9 -5
  347. package/layouts/Grid/grid.css +20 -16
  348. package/layouts/Grid/grid.scss +12 -8
  349. package/layouts/Level/level.css +5 -1
  350. package/layouts/Level/level.scss +6 -2
  351. package/layouts/Split/split.css +5 -1
  352. package/layouts/Split/split.scss +6 -2
  353. package/layouts/Stack/stack.css +5 -1
  354. package/layouts/Stack/stack.scss +6 -2
  355. package/layouts/_index.css +3461 -0
  356. package/layouts/_index.scss +8 -0
  357. package/package.json +39 -39
  358. package/patternfly-addons.css +2071 -2648
  359. package/patternfly-addons.scss +2 -12
  360. package/patternfly-base-no-globals.css +1429 -1645
  361. package/patternfly-base-no-globals.scss +5 -3
  362. package/patternfly-base.css +1511 -1723
  363. package/patternfly-base.scss +2 -6
  364. package/patternfly-charts.css +579 -240
  365. package/patternfly-charts.scss +352 -337
  366. package/patternfly-no-globals.css +19895 -23410
  367. package/patternfly-no-globals.scss +5 -4
  368. package/patternfly.css +19999 -23510
  369. package/patternfly.min.css +1 -1
  370. package/patternfly.min.css.map +1 -1
  371. package/patternfly.scss +3 -4
  372. package/sass-utilities/_index.scss +6 -0
  373. package/sass-utilities/functions.scss +25 -25
  374. package/sass-utilities/{_init.scss → init.scss} +6 -6
  375. package/sass-utilities/mixins.scss +108 -72
  376. package/sass-utilities/{component-namespaces.scss → namespaces-components.scss} +3 -27
  377. package/sass-utilities/{layout-namespaces.scss → namespaces-layouts.scss} +3 -1
  378. package/sass-utilities/scss-variables.scss +49 -261
  379. package/utilities/Accessibility/accessibility.css +15 -15
  380. package/utilities/Accessibility/accessibility.scss +8 -6
  381. package/utilities/Alignment/alignment.css +29 -29
  382. package/utilities/Alignment/alignment.scss +6 -4
  383. package/utilities/BackgroundColor/background-color.css +67 -0
  384. package/utilities/BackgroundColor/background-color.scss +16 -0
  385. package/utilities/BoxShadow/box-shadow.css +15 -39
  386. package/utilities/BoxShadow/box-shadow.scss +19 -28
  387. package/utilities/Display/display.css +43 -5
  388. package/utilities/Display/display.scss +7 -4
  389. package/utilities/Flex/flex.css +50 -50
  390. package/utilities/Flex/flex.scss +21 -20
  391. package/utilities/Float/float.css +29 -29
  392. package/utilities/Float/float.scss +6 -6
  393. package/utilities/Sizing/sizing.css +58 -58
  394. package/utilities/Sizing/sizing.scss +23 -21
  395. package/utilities/Spacing/spacing.css +1372 -1372
  396. package/utilities/Spacing/spacing.scss +6 -6
  397. package/utilities/Text/text.css +419 -662
  398. package/utilities/Text/text.scss +81 -107
  399. package/utilities/_index.css +7815 -0
  400. package/utilities/_index.scss +10 -0
  401. package/assets/images/pf-logo-small.svg +0 -23
  402. package/assets/images/pf_logo_white.hbs +0 -35
  403. package/assets/images/pfbg-icon.svg +0 -1
  404. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  405. package/base/_base.scss +0 -2
  406. package/base/_chart-globals.scss +0 -415
  407. package/base/_common.scss +0 -50
  408. package/base/_fa-icons.scss +0 -33
  409. package/base/_fonts.scss +0 -136
  410. package/base/_icons.scss +0 -3
  411. package/base/_pficons.scss +0 -2
  412. package/base/_themes.scss +0 -43
  413. package/base/_variables.scss +0 -299
  414. package/base/patternfly-globals.css +0 -120
  415. package/base/patternfly-globals.scss +0 -2
  416. package/base/patternfly-icons.css +0 -4728
  417. package/base/patternfly-icons.scss +0 -2
  418. package/base/patternfly-themes.css +0 -82
  419. package/base/patternfly-themes.scss +0 -2
  420. package/base/themes/dark/_chart-globals.scss +0 -42
  421. package/base/themes/dark/_globals.scss +0 -5
  422. package/base/tokens/_workspace-overrides.scss +0 -7
  423. package/components/AppLauncher/app-launcher.css +0 -244
  424. package/components/AppLauncher/app-launcher.scss +0 -308
  425. package/components/AppLauncher/themes/dark/app-launcher.scss +0 -13
  426. package/components/Chip/chip-group.css +0 -93
  427. package/components/Chip/chip-group.scss +0 -98
  428. package/components/Chip/chip.css +0 -122
  429. package/components/Chip/chip.scss +0 -140
  430. package/components/Chip/themes/dark/chip.scss +0 -9
  431. package/components/ContextSelector/context-selector.css +0 -336
  432. package/components/ContextSelector/context-selector.scss +0 -384
  433. package/components/ContextSelector/themes/dark/context-selector.scss +0 -24
  434. package/components/Dropdown/dropdown.css +0 -686
  435. package/components/Dropdown/dropdown.scss +0 -820
  436. package/components/Dropdown/themes/dark/dropdown.scss +0 -32
  437. package/components/LogViewer/log-viewer.css +0 -197
  438. package/components/LogViewer/log-viewer.scss +0 -226
  439. package/components/LogViewer/themes/dark/log-viewer.scss +0 -7
  440. package/components/NotificationBadge/notification-badge.css +0 -87
  441. package/components/NotificationBadge/notification-badge.scss +0 -108
  442. package/components/OptionsMenu/options-menu.css +0 -279
  443. package/components/OptionsMenu/options-menu.scss +0 -332
  444. package/components/OptionsMenu/themes/dark/options-menu.scss +0 -21
  445. package/components/Select/select.css +0 -599
  446. package/components/Select/select.scss +0 -713
  447. package/components/Select/themes/dark/select.scss +0 -23
  448. package/components/_all.scss +0 -91
  449. package/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  450. package/docs/components/AppLauncher/deprecated/application-launcher.md +0 -792
  451. package/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  452. package/docs/components/Chip/examples/Chip.md +0 -846
  453. package/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  454. package/docs/components/ContextSelector/deprecated/context-selector.md +0 -909
  455. package/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  456. package/docs/components/Dropdown/deprecated/Dropdown.md +0 -2920
  457. package/docs/components/LogViewer/examples/LogViewer.css +0 -17
  458. package/docs/components/LogViewer/examples/LogViewer.md +0 -5936
  459. package/docs/components/NotificationBadge/examples/NotificationBadge.md +0 -222
  460. package/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  461. package/docs/components/OptionsMenu/deprecated/options-menu.md +0 -1014
  462. package/docs/components/Page/deprecated/PageHeader.css +0 -17
  463. package/docs/components/Page/deprecated/PageHeader.md +0 -261
  464. package/docs/components/Pagination/examples/Pagination.css +0 -3
  465. package/docs/components/Select/deprecated/Select.css +0 -56
  466. package/docs/components/Select/deprecated/Select.md +0 -3525
  467. package/docs/components/Tabs/examples/Tabs.css +0 -10
  468. package/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  469. package/docs/demos/ContextSelector/examples/ContextSelector.md +0 -1712
  470. package/docs/demos/Page/examples/Penta.md +0 -821
  471. package/docs/utilities/Text/examples/Text.css +0 -0
  472. package/layouts/_all.scss +0 -7
  473. package/patternfly-base-no-globals-theme-dark-unversioned.css +0 -6276
  474. package/patternfly-base-no-globals-theme-dark-unversioned.scss +0 -11
  475. package/patternfly-base-theme-dark-unversioned.css +0 -6393
  476. package/patternfly-base-theme-dark-unversioned.scss +0 -5
  477. package/patternfly-charts-theme-dark-unversioned.css +0 -70
  478. package/patternfly-charts-theme-dark-unversioned.scss +0 -8
  479. package/patternfly-charts-theme-dark.css +0 -70
  480. package/patternfly-charts-theme-dark.scss +0 -8
  481. package/patternfly-theme-dark-unversioned.css +0 -35533
  482. package/patternfly-theme-dark-unversioned.scss +0 -6
  483. package/patternfly-theme-dark.css +0 -0
  484. package/patternfly-theme-dark.scss +0 -1
  485. package/sass-utilities/_all.scss +0 -9
  486. package/sass-utilities/colors.scss +0 -82
  487. package/sass-utilities/div.import.scss +0 -3
  488. package/sass-utilities/div.scss +0 -4
  489. package/sass-utilities/placeholders.scss +0 -72
  490. package/sass-utilities/themes/dark/_all.scss +0 -4
  491. package/sass-utilities/themes/dark/colors.scss +0 -16
  492. package/sass-utilities/themes/dark/mixins.scss +0 -7
  493. package/sass-utilities/themes/dark/placeholders.scss +0 -5
  494. package/sass-utilities/themes/dark/scss-variables.scss +0 -92
  495. package/themes/dark/_patternfly-charts-theme-dark.scss +0 -98
  496. package/utilities/BackgroundColor/BackgroundColor.css +0 -414
  497. package/utilities/BackgroundColor/BackgroundColor.scss +0 -64
  498. package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  499. package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +0 -25
  500. package/utilities/Text/themes/dark/text.css +0 -0
  501. package/utilities/Text/themes/dark/text.scss +0 -33
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -11,91 +11,99 @@ section: patterns
11
11
  <a
12
12
  class="pf-v6-c-button pf-m-primary"
13
13
  href="#main-content-card-view-basic-example"
14
- >Skip to content</a>
14
+ >
15
+ <span class="pf-v6-c-button__text">Skip to content</span>
16
+ </a>
15
17
  </div>
16
18
  <header class="pf-v6-c-masthead" id="card-view-basic-example-masthead">
17
- <span class="pf-v6-c-masthead__toggle">
18
- <button
19
- class="pf-v6-c-button pf-m-plain"
20
- type="button"
21
- aria-label="Global navigation"
22
- >
23
- <i class="fas fa-bars" aria-hidden="true"></i>
24
- </button>
25
- </span>
26
19
  <div class="pf-v6-c-masthead__main">
27
- <a class="pf-v6-c-masthead__brand" href="#">
28
- <svg height="40px" viewBox="0 0 679 158">
29
- <title>PF-HorizontalLogo-Color</title>
30
- <defs>
31
- <linearGradient
32
- x1="68%"
33
- y1="2.25860997e-13%"
34
- x2="32%"
35
- y2="100%"
36
- id="linearGradient-card-view-basic-example-masthead"
37
- >
38
- <stop stop-color="#2B9AF3" offset="0%" />
39
- <stop
40
- stop-color="#73BCF7"
41
- stop-opacity="0.502212631"
42
- offset="100%"
43
- />
44
- </linearGradient>
45
- </defs>
46
- <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
47
- <g
48
- transform="translate(206.000000, 45.750000)"
49
- fill="var(--pf-t--global--text--color--regular)"
50
- fill-rule="nonzero"
51
- >
52
- <path
53
- d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
54
- />
55
- <path
56
- d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
57
- />
58
- <path
59
- d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
60
- />
61
- <path
62
- d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
63
- />
64
- <path
65
- d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
66
- />
67
- <path
68
- d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
69
- />
70
- <path
71
- d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
72
- />
73
- <polygon
74
- points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
75
- />
76
- <polygon points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25" />
77
- <path
78
- d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
79
- />
80
- </g>
81
- <g transform="translate(0.000000, 0.000000)">
82
- <path
83
- d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
84
- fill="#0066CC"
85
- />
86
- <path
87
- d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
88
- fill="url(#linearGradient-card-view-basic-example-masthead)"
89
- />
90
- <path
91
- d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
92
- fill="url(#linearGradient-card-view-basic-example-masthead)"
93
- transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
94
- />
20
+ <span class="pf-v6-c-masthead__toggle">
21
+ <button
22
+ class="pf-v6-c-button pf-m-plain"
23
+ type="button"
24
+ aria-label="Global navigation"
25
+ >
26
+ <span class="pf-v6-c-button__icon">
27
+ <i class="fas fa-bars" aria-hidden="true"></i>
28
+ </span>
29
+ </button>
30
+ </span>
31
+ <div class="pf-v6-c-masthead__brand">
32
+ <a class="pf-v6-c-masthead__logo" href="#">
33
+ <svg height="37px" viewBox="0 0 679 158">
34
+ <title>PF-HorizontalLogo-Color</title>
35
+ <defs>
36
+ <linearGradient
37
+ x1="68%"
38
+ y1="2.25860997e-13%"
39
+ x2="32%"
40
+ y2="100%"
41
+ id="linearGradient-card-view-basic-example-masthead"
42
+ >
43
+ <stop stop-color="#2B9AF3" offset="0%" />
44
+ <stop
45
+ stop-color="#73BCF7"
46
+ stop-opacity="0.502212631"
47
+ offset="100%"
48
+ />
49
+ </linearGradient>
50
+ </defs>
51
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
52
+ <g
53
+ transform="translate(206.000000, 45.750000)"
54
+ fill="var(--pf-t--global--text--color--regular)"
55
+ fill-rule="nonzero"
56
+ >
57
+ <path
58
+ d="M0,65.25 L0,2.25 L33.21,2.25 C37.35,2.25 41.025,3.135 44.235,4.905 C47.445,6.675 49.98,9.09 51.84,12.15 C53.7,15.21 54.63,18.72 54.63,22.68 C54.63,26.46 53.7,29.865 51.84,32.895 C49.98,35.925 47.43,38.31 44.19,40.05 C40.95,41.79 37.29,42.66 33.21,42.66 L15.48,42.66 L15.48,65.25 L0,65.25 Z M15.48,29.88 L31.41,29.88 C33.69,29.88 35.52,29.22 36.9,27.9 C38.28,26.58 38.97,24.87 38.97,22.77 C38.97,20.61 38.28,18.855 36.9,17.505 C35.52,16.155 33.69,15.48 31.41,15.48 L15.48,15.48 L15.48,29.88 Z"
59
+ />
60
+ <path
61
+ d="M77.04,66.06 C73.68,66.06 70.695,65.43 68.085,64.17 C65.475,62.91 63.435,61.17 61.965,58.95 C60.495,56.73 59.76,54.18 59.76,51.3 C59.76,46.74 61.485,43.215 64.935,40.725 C68.385,38.235 73.2,36.99 79.38,36.99 C83.1,36.99 86.7,37.44 90.18,38.34 L90.18,36 C90.18,31.26 87.15,28.89 81.09,28.89 C77.49,28.89 72.69,30.15 66.69,32.67 L61.47,21.96 C69.15,18.48 76.56,16.74 83.7,16.74 C90.3,16.74 95.43,18.315 99.09,21.465 C102.75,24.615 104.58,29.04 104.58,34.74 L104.58,65.25 L90.18,65.25 L90.18,62.37 C88.26,63.69 86.235,64.635 84.105,65.205 C81.975,65.775 79.62,66.06 77.04,66.06 Z M73.62,51.03 C73.62,52.53 74.28,53.7 75.6,54.54 C76.92,55.38 78.75,55.8 81.09,55.8 C84.69,55.8 87.72,55.05 90.18,53.55 L90.18,47.43 C87.42,46.71 84.54,46.35 81.54,46.35 C79.02,46.35 77.07,46.755 75.69,47.565 C74.31,48.375 73.62,49.53 73.62,51.03 Z"
62
+ />
63
+ <path
64
+ d="M137.25,65.88 C125.73,65.88 119.97,60.84 119.97,50.76 L119.97,29.79 L110.34,29.79 L110.34,17.64 L119.97,17.64 L119.97,5.4 L134.55,2.25 L134.55,17.64 L147.87,17.64 L147.87,29.79 L134.55,29.79 L134.55,47.88 C134.55,49.98 135.015,51.465 135.945,52.335 C136.875,53.205 138.51,53.64 140.85,53.64 C143.01,53.64 145.2,53.31 147.42,52.65 L147.42,64.44 C146.1,64.86 144.42,65.205 142.38,65.475 C140.34,65.745 138.63,65.88 137.25,65.88 Z"
65
+ />
66
+ <path
67
+ d="M177.57,65.88 C166.05,65.88 160.29,60.84 160.29,50.76 L160.29,29.79 L150.66,29.79 L150.66,17.64 L160.29,17.64 L160.29,5.4 L174.87,2.25 L174.87,17.64 L188.19,17.64 L188.19,29.79 L174.87,29.79 L174.87,47.88 C174.87,49.98 175.335,51.465 176.265,52.335 C177.195,53.205 178.83,53.64 181.17,53.64 C183.33,53.64 185.52,53.31 187.74,52.65 L187.74,64.44 C186.42,64.86 184.74,65.205 182.7,65.475 C180.66,65.745 178.95,65.88 177.57,65.88 Z"
68
+ />
69
+ <path
70
+ d="M217.62,66.15 C212.76,66.15 208.365,65.055 204.435,62.865 C200.505,60.675 197.4,57.72 195.12,54 C192.84,50.28 191.7,46.11 191.7,41.49 C191.7,36.87 192.795,32.7 194.985,28.98 C197.175,25.26 200.16,22.305 203.94,20.115 C207.72,17.925 211.92,16.83 216.54,16.83 C221.22,16.83 225.36,17.955 228.96,20.205 C232.56,22.455 235.395,25.53 237.465,29.43 C239.535,33.33 240.57,37.8 240.57,42.84 L240.57,46.44 L206.64,46.44 C207.6,48.66 209.1,50.475 211.14,51.885 C213.18,53.295 215.58,54 218.34,54 C222.42,54 225.6,52.8 227.88,50.4 L237.51,58.95 C234.51,61.47 231.435,63.3 228.285,64.44 C225.135,65.58 221.58,66.15 217.62,66.15 Z M206.37,36.27 L226.26,36.27 C225.48,33.99 224.205,32.16 222.435,30.78 C220.665,29.4 218.61,28.71 216.27,28.71 C213.87,28.71 211.8,29.37 210.06,30.69 C208.32,32.01 207.09,33.87 206.37,36.27 Z"
71
+ />
72
+ <path
73
+ d="M247.41,65.25 L247.41,17.64 L261.99,17.64 L261.99,22.41 C265.23,18.51 269.4,16.56 274.5,16.56 C277.08,16.62 278.91,17.01 279.99,17.73 L279.99,30.42 C277.95,29.46 275.64,28.98 273.06,28.98 C270.78,28.98 268.665,29.505 266.715,30.555 C264.765,31.605 263.19,33.09 261.99,35.01 L261.99,65.25 L247.41,65.25 Z"
74
+ />
75
+ <path
76
+ d="M286.29,65.25 L286.29,17.64 L300.87,17.64 L300.87,20.88 C304.47,18.12 308.73,16.74 313.65,16.74 C317.37,16.74 320.655,17.55 323.505,19.17 C326.355,20.79 328.59,23.04 330.21,25.92 C331.83,28.8 332.64,32.13 332.64,35.91 L332.64,65.25 L318.06,65.25 L318.06,37.89 C318.06,35.25 317.28,33.15 315.72,31.59 C314.16,30.03 312.06,29.25 309.42,29.25 C305.76,29.25 302.91,30.51 300.87,33.03 L300.87,65.25 L286.29,65.25 Z"
77
+ />
78
+ <polygon
79
+ points="342 65.25 342 2.25 392.04 2.25 392.04 15.66 357.48 15.66 357.48 27.45 380.52 27.45 380.52 40.41 357.48 40.41 357.48 65.25"
80
+ />
81
+ <polygon
82
+ points="399.96 65.25 399.96 2.25 414.54 0 414.54 65.25"
83
+ />
84
+ <path
85
+ d="M429.21,84.69 C428.07,84.69 426.96,84.645 425.88,84.555 C424.8,84.465 423.9,84.33 423.18,84.15 L423.18,71.73 C424.38,71.97 425.88,72.09 427.68,72.09 C432.36,72.09 435.51,70.05 437.13,65.97 L437.13,65.88 L418.86,17.64 L434.97,17.64 L445.5,47.61 L457.74,17.64 L473.49,17.64 L452.16,67.68 C450.42,71.82 448.5,75.135 446.4,77.625 C444.3,80.115 441.87,81.915 439.11,83.025 C436.35,84.135 433.05,84.69 429.21,84.69 Z"
86
+ />
87
+ </g>
88
+ <g transform="translate(0.000000, 0.000000)">
89
+ <path
90
+ d="M61.826087,0 L158,0 L158,96.173913 L147.695652,96.173913 C100.271201,96.173913 61.826087,57.7287992 61.826087,10.3043478 L61.826087,0 L61.826087,0 Z"
91
+ fill="#0066CC"
92
+ />
93
+ <path
94
+ d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
95
+ fill="url(#linearGradient-card-view-basic-example-masthead)"
96
+ />
97
+ <path
98
+ d="M123.652174,-30.9130435 L30.9130435,123.652174 L103.652174,123.652174 C114.697869,123.652174 123.652174,114.697869 123.652174,103.652174 L123.652174,-30.9130435 L123.652174,-30.9130435 Z"
99
+ fill="url(#linearGradient-card-view-basic-example-masthead)"
100
+ transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
101
+ />
102
+ </g>
95
103
  </g>
96
- </g>
97
- </svg>
98
- </a>
104
+ </svg>
105
+ </a>
106
+ </div>
99
107
  </div>
100
108
  <div class="pf-v6-c-masthead__content">
101
109
  <div
@@ -104,41 +112,11 @@ section: patterns
104
112
  >
105
113
  <div class="pf-v6-c-toolbar__content">
106
114
  <div class="pf-v6-c-toolbar__content-section">
107
- <div class="pf-v6-c-toolbar__item">
108
- <button
109
- class="pf-v6-c-menu-toggle"
110
- type="button"
111
- aria-expanded="false"
112
- >
113
- <span class="pf-v6-c-menu-toggle__text">Overview</span>
114
- <span class="pf-v6-c-menu-toggle__controls">
115
- <span class="pf-v6-c-menu-toggle__toggle-icon">
116
- <i class="fas fa-caret-down" aria-hidden="true"></i>
117
- </span>
118
- </span>
119
- </button>
120
- </div>
121
-
122
- <div class="pf-v6-c-toolbar__item">
123
- <button
124
- class="pf-v6-c-menu-toggle"
125
- type="button"
126
- aria-expanded="false"
127
- >
128
- <span class="pf-v6-c-menu-toggle__text">Services</span>
129
- <span class="pf-v6-c-menu-toggle__controls">
130
- <span class="pf-v6-c-menu-toggle__toggle-icon">
131
- <i class="fas fa-caret-down" aria-hidden="true"></i>
132
- </span>
133
- </span>
134
- </button>
135
- </div>
136
-
137
115
  <div
138
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md"
116
+ class="pf-v6-c-toolbar__group pf-m-align-end pf-m-spacer-none pf-m-spacer-md-on-md pf-m-action-group-plain"
139
117
  >
140
118
  <div
141
- class="pf-v6-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
119
+ class="pf-v6-c-toolbar__group pf-m-hidden pf-m-visible-on-lg pf-m-action-group-plain"
142
120
  >
143
121
  <div class="pf-v6-c-toolbar__item">
144
122
  <button
@@ -177,6 +155,7 @@ section: patterns
177
155
  </button>
178
156
  </div>
179
157
  </div>
158
+
180
159
  <div class="pf-v6-c-toolbar__item pf-m-hidden-on-lg">
181
160
  <button
182
161
  class="pf-v6-c-menu-toggle pf-m-plain"
@@ -203,13 +182,13 @@ section: patterns
203
182
  aria-label="Global"
204
183
  >
205
184
  <ul class="pf-v6-c-nav__list" role="list">
206
- <li class="pf-v6-c-nav__item pf-m-expandable pf-m-expanded">
185
+ <li class="pf-v6-c-nav__item pf-m-expanded">
207
186
  <button
208
187
  class="pf-v6-c-nav__link"
209
188
  aria-expanded="true"
210
189
  id="card-view-basic-example-expandable-nav-link1"
211
190
  >
212
- System panel
191
+ <span class="pf-v6-c-nav__link-text">System panel</span>
213
192
  <span class="pf-v6-c-nav__toggle">
214
193
  <span class="pf-v6-c-nav__toggle-icon">
215
194
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -222,37 +201,49 @@ section: patterns
222
201
  >
223
202
  <ul class="pf-v6-c-nav__list" role="list">
224
203
  <li class="pf-v6-c-nav__item">
225
- <a href="#" class="pf-v6-c-nav__link">Overview</a>
204
+ <a href="#" class="pf-v6-c-nav__link">
205
+ <span class="pf-v6-c-nav__link-text">Overview</span>
206
+ </a>
226
207
  </li>
227
208
  <li class="pf-v6-c-nav__item">
228
209
  <a
229
210
  href="#"
230
211
  class="pf-v6-c-nav__link pf-m-current"
231
212
  aria-current="page"
232
- >Resource usage</a>
213
+ >
214
+ <span class="pf-v6-c-nav__link-text">Resource usage</span>
215
+ </a>
233
216
  </li>
234
217
  <li class="pf-v6-c-nav__item">
235
- <a href="#" class="pf-v6-c-nav__link">Hypervisors</a>
218
+ <a href="#" class="pf-v6-c-nav__link">
219
+ <span class="pf-v6-c-nav__link-text">Hypervisors</span>
220
+ </a>
236
221
  </li>
237
222
  <li class="pf-v6-c-nav__item">
238
- <a href="#" class="pf-v6-c-nav__link">Instances</a>
223
+ <a href="#" class="pf-v6-c-nav__link">
224
+ <span class="pf-v6-c-nav__link-text">Instances</span>
225
+ </a>
239
226
  </li>
240
227
  <li class="pf-v6-c-nav__item">
241
- <a href="#" class="pf-v6-c-nav__link">Volumes</a>
228
+ <a href="#" class="pf-v6-c-nav__link">
229
+ <span class="pf-v6-c-nav__link-text">Volumes</span>
230
+ </a>
242
231
  </li>
243
232
  <li class="pf-v6-c-nav__item">
244
- <a href="#" class="pf-v6-c-nav__link">Networks</a>
233
+ <a href="#" class="pf-v6-c-nav__link">
234
+ <span class="pf-v6-c-nav__link-text">Networks</span>
235
+ </a>
245
236
  </li>
246
237
  </ul>
247
238
  </section>
248
239
  </li>
249
- <li class="pf-v6-c-nav__item pf-m-expandable">
240
+ <li class="pf-v6-c-nav__item">
250
241
  <button
251
242
  class="pf-v6-c-nav__link"
252
243
  aria-expanded="false"
253
244
  id="card-view-basic-example-expandable-nav-link2"
254
245
  >
255
- Policy
246
+ <span class="pf-v6-c-nav__link-text">Policy</span>
256
247
  <span class="pf-v6-c-nav__toggle">
257
248
  <span class="pf-v6-c-nav__toggle-icon">
258
249
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -266,21 +257,25 @@ section: patterns
266
257
  >
267
258
  <ul class="pf-v6-c-nav__list" role="list">
268
259
  <li class="pf-v6-c-nav__item">
269
- <a href="#" class="pf-v6-c-nav__link">Subnav link 1</a>
260
+ <a href="#" class="pf-v6-c-nav__link">
261
+ <span class="pf-v6-c-nav__link-text">Subnav link 1</span>
262
+ </a>
270
263
  </li>
271
264
  <li class="pf-v6-c-nav__item">
272
- <a href="#" class="pf-v6-c-nav__link">Subnav link 2</a>
265
+ <a href="#" class="pf-v6-c-nav__link">
266
+ <span class="pf-v6-c-nav__link-text">Subnav link 2</span>
267
+ </a>
273
268
  </li>
274
269
  </ul>
275
270
  </section>
276
271
  </li>
277
- <li class="pf-v6-c-nav__item pf-m-expandable">
272
+ <li class="pf-v6-c-nav__item">
278
273
  <button
279
274
  class="pf-v6-c-nav__link"
280
275
  aria-expanded="false"
281
276
  id="card-view-basic-example-expandable-nav-link3"
282
277
  >
283
- Authentication
278
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
284
279
  <span class="pf-v6-c-nav__toggle">
285
280
  <span class="pf-v6-c-nav__toggle-icon">
286
281
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -294,10 +289,14 @@ section: patterns
294
289
  >
295
290
  <ul class="pf-v6-c-nav__list" role="list">
296
291
  <li class="pf-v6-c-nav__item">
297
- <a href="#" class="pf-v6-c-nav__link">Subnav link 1</a>
292
+ <a href="#" class="pf-v6-c-nav__link">
293
+ <span class="pf-v6-c-nav__link-text">Subnav link 1</span>
294
+ </a>
298
295
  </li>
299
296
  <li class="pf-v6-c-nav__item">
300
- <a href="#" class="pf-v6-c-nav__link">Subnav link 2</a>
297
+ <a href="#" class="pf-v6-c-nav__link">
298
+ <span class="pf-v6-c-nav__link-text">Subnav link 2</span>
299
+ </a>
301
300
  </li>
302
301
  </ul>
303
302
  </section>
@@ -306,1406 +305,794 @@ section: patterns
306
305
  </nav>
307
306
  </div>
308
307
  </div>
309
- <main
310
- class="pf-v6-c-page__main"
311
- tabindex="-1"
312
- id="main-content-card-view-basic-example"
313
- >
314
- <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
315
- <div class="pf-v6-c-page__main-body">
316
- <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
317
- <ol class="pf-v6-c-breadcrumb__list" role="list">
318
- <li class="pf-v6-c-breadcrumb__item">
319
- <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
320
- </li>
321
- <li class="pf-v6-c-breadcrumb__item">
322
- <span class="pf-v6-c-breadcrumb__item-divider">
323
- <i class="fas fa-angle-right" aria-hidden="true"></i>
324
- </span>
308
+ <div class="pf-v6-c-page__main-container" tabindex="-1">
309
+ <main
310
+ class="pf-v6-c-page__main"
311
+ tabindex="-1"
312
+ id="main-content-card-view-basic-example"
313
+ >
314
+ <section class="pf-v6-c-page__main-breadcrumb pf-m-limit-width">
315
+ <div class="pf-v6-c-page__main-body">
316
+ <nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
317
+ <ol class="pf-v6-c-breadcrumb__list" role="list">
318
+ <li class="pf-v6-c-breadcrumb__item">
319
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section home</a>
320
+ </li>
321
+ <li class="pf-v6-c-breadcrumb__item">
322
+ <span class="pf-v6-c-breadcrumb__item-divider">
323
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
324
+ </span>
325
325
 
326
- <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
327
- </li>
328
- <li class="pf-v6-c-breadcrumb__item">
329
- <span class="pf-v6-c-breadcrumb__item-divider">
330
- <i class="fas fa-angle-right" aria-hidden="true"></i>
331
- </span>
326
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
327
+ </li>
328
+ <li class="pf-v6-c-breadcrumb__item">
329
+ <span class="pf-v6-c-breadcrumb__item-divider">
330
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
331
+ </span>
332
332
 
333
- <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
334
- </li>
335
- <li class="pf-v6-c-breadcrumb__item">
336
- <span class="pf-v6-c-breadcrumb__item-divider">
337
- <i class="fas fa-angle-right" aria-hidden="true"></i>
338
- </span>
333
+ <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
334
+ </li>
335
+ <li class="pf-v6-c-breadcrumb__item">
336
+ <span class="pf-v6-c-breadcrumb__item-divider">
337
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
338
+ </span>
339
339
 
340
- <a
341
- href="#"
342
- class="pf-v6-c-breadcrumb__link pf-m-current"
343
- aria-current="page"
344
- >Section landing</a>
345
- </li>
346
- </ol>
347
- </nav>
348
- </div>
349
- </section>
350
- <section class="pf-v6-c-page__main-section pf-m-limit-width pf-m-light">
351
- <div class="pf-v6-c-page__main-body">
352
- <div class="pf-v6-c-content">
353
- <h1>Main title</h1>
354
- <p>This is a full page demo.</p>
340
+ <a
341
+ href="#"
342
+ class="pf-v6-c-breadcrumb__link pf-m-current"
343
+ aria-current="page"
344
+ >Section landing</a>
345
+ </li>
346
+ </ol>
347
+ </nav>
355
348
  </div>
356
- </div>
357
- </section>
358
- <section class="pf-v6-c-page__main-section pf-m-light pf-m-no-padding">
359
- <div
360
- class="pf-v6-c-toolbar pf-m-page-insets"
361
- id="card-view-basic-example-toolbar"
362
- >
363
- <div class="pf-v6-c-toolbar__content">
364
- <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
365
- <div
366
- class="pf-v6-c-toolbar__group pf-m-toggle-group pf-m-show-on-xl"
367
- >
368
- <div class="pf-v6-c-toolbar__toggle pf-m-show">
369
- <button
370
- class="pf-v6-c-menu-toggle pf-m-plain"
371
- type="button"
372
- aria-expanded="false"
373
- aria-label="Show filters"
374
- aria-controls="card-view-basic-example-toolbar-expandable-content"
375
- >
376
- <span class="pf-v6-c-menu-toggle__icon">
377
- <i class="fas fa-filter" aria-hidden="true"></i>
378
- </span>
379
- </button>
380
- </div>
381
- <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
349
+ </section>
350
+ <section class="pf-v6-c-page__main-section pf-m-limit-width">
351
+ <div class="pf-v6-c-page__main-body">
352
+ <div class="pf-v6-c-content">
353
+ <h1>Main title</h1>
354
+ <p>This is a full page demo.</p>
355
+ </div>
356
+ </div>
357
+ </section>
358
+ <section class="pf-v6-c-page__main-section">
359
+ <div class="pf-v6-c-page__main-body">
360
+ <div class="pf-v6-c-toolbar" id="card-view-basic-example-toolbar">
361
+ <div class="pf-v6-c-toolbar__content">
362
+ <div class="pf-v6-c-toolbar__content-section pf-m-nowrap">
382
363
  <div
383
- class="pf-v6-c-menu-toggle pf-m-split-button"
384
- id="card-view-basic-example-toolbar-check"
364
+ class="pf-v6-c-toolbar__group pf-m-show-on-xl pf-m-toggle-group"
385
365
  >
386
- <label
387
- class="pf-v6-c-check pf-m-standalone"
388
- id="card-view-basic-example-toolbar-check-check"
389
- for="card-view-basic-example-toolbar-check-check-input"
390
- >
391
- <input
392
- class="pf-v6-c-check__input"
393
- type="checkbox"
394
- id="card-view-basic-example-toolbar-check-check-input"
395
- name="card-view-basic-example-toolbar-check-check-input"
396
- aria-label="Standalone check"
397
- />
398
- </label>
399
- <button
400
- class="pf-v6-c-menu-toggle__button"
401
- type="button"
402
- aria-expanded="false"
403
- id="card-view-basic-example-toolbar-menu-toggle-toggle-button"
404
- aria-label="Menu toggle"
405
- >
406
- <span class="pf-v6-c-menu-toggle__controls">
407
- <span class="pf-v6-c-menu-toggle__toggle-icon">
408
- <i class="fas fa-caret-down" aria-hidden="true"></i>
366
+ <div class="pf-v6-c-toolbar__toggle">
367
+ <button
368
+ class="pf-v6-c-menu-toggle pf-m-plain"
369
+ type="button"
370
+ aria-expanded="false"
371
+ aria-label="Show filters"
372
+ aria-controls="card-view-basic-example-toolbar-expandable-content"
373
+ >
374
+ <span class="pf-v6-c-menu-toggle__icon">
375
+ <i class="fas fa-filter" aria-hidden="true"></i>
409
376
  </span>
410
- </span>
411
- </button>
412
- </div>
413
- </div>
414
-
415
- <div class="pf-v6-c-toolbar__item">
416
- <div class="pf-v6-c-select">
417
- <span
418
- id="card-view-basic-example-toolbar-select-checkbox-status-label"
419
- hidden
420
- >Choose many</span>
421
-
422
- <button
423
- class="pf-v6-c-select__toggle"
424
- type="button"
425
- id="card-view-basic-example-toolbar-select-checkbox-status-toggle"
426
- aria-haspopup="true"
427
- aria-expanded="false"
428
- aria-labelledby="card-view-basic-example-toolbar-select-checkbox-status-label card-view-basic-example-toolbar-select-checkbox-status-toggle"
429
- >
430
- <div class="pf-v6-c-select__toggle-wrapper">
431
- <span class="pf-v6-c-select__toggle-text">Status</span>
432
- </div>
433
- <span class="pf-v6-c-select__toggle-arrow">
434
- <i class="fas fa-caret-down" aria-hidden="true"></i>
435
- </span>
436
- </button>
437
-
438
- <div class="pf-v6-c-select__menu" hidden>
439
- <fieldset
440
- class="pf-v6-c-select__menu-fieldset"
441
- aria-label="Select input"
377
+ </button>
378
+ </div>
379
+ <div class="pf-v6-c-toolbar__item pf-m-bulk-select">
380
+ <div
381
+ class="pf-v6-c-menu-toggle pf-m-split-button"
382
+ id="card-view-basic-example-toolbar-check"
442
383
  >
443
384
  <label
444
- class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
445
- id="card-view-basic-example-toolbar-select-checkbox-status-active"
446
- for="card-view-basic-example-toolbar-select-checkbox-status-active-input"
447
- >
448
- <input
449
- class="pf-v6-c-check__input"
450
- type="checkbox"
451
- aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-active-description"
452
- id="card-view-basic-example-toolbar-select-checkbox-status-active-input"
453
- name="card-view-basic-example-toolbar-select-checkbox-status-active-input"
454
- />
455
- <span class="pf-v6-c-check__label">Active</span>
456
- <span
457
- class="pf-v6-c-check__description"
458
- id="card-view-basic-example-toolbar-select-checkbox-status-active-description"
459
- >This is a description</span>
460
- </label>
461
- <label
462
- class="pf-v6-c-check pf-v5-c-select__menu-item pf-m-description"
463
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled"
464
- for="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
465
- >
466
- <input
467
- class="pf-v6-c-check__input"
468
- type="checkbox"
469
- aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
470
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
471
- name="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
472
- />
473
- <span class="pf-v6-c-check__label">Canceled</span>
474
- <span
475
- class="pf-v6-c-check__description"
476
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
477
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
478
- </label>
479
- <label
480
- class="pf-v6-c-check pf-v5-c-select__menu-item"
481
- id="card-view-basic-example-toolbar-select-checkbox-status-paused"
482
- for="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
483
- >
484
- <input
485
- class="pf-v6-c-check__input"
486
- type="checkbox"
487
- id="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
488
- name="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
489
- />
490
- <span class="pf-v6-c-check__label">Paused</span>
491
- </label>
492
- <label
493
- class="pf-v6-c-check pf-v5-c-select__menu-item"
494
- id="card-view-basic-example-toolbar-select-checkbox-status-warning"
495
- for="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
385
+ class="pf-v6-c-check pf-m-standalone"
386
+ for="card-view-basic-example-toolbar-check-check-input"
496
387
  >
497
388
  <input
498
389
  class="pf-v6-c-check__input"
499
390
  type="checkbox"
500
- id="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
501
- name="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
391
+ id="card-view-basic-example-toolbar-check-check-input"
392
+ name="card-view-basic-example-toolbar-check-check-input"
393
+ aria-label="Standalone check"
502
394
  />
503
- <span class="pf-v6-c-check__label">Warning</span>
504
395
  </label>
505
- <label
506
- class="pf-v6-c-check pf-v5-c-select__menu-item"
507
- id="card-view-basic-example-toolbar-select-checkbox-status-restarted"
508
- for="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
396
+ <button
397
+ class="pf-v6-c-menu-toggle__button"
398
+ type="button"
399
+ aria-expanded="false"
400
+ id="card-view-basic-example-toolbar-menu-toggle-toggle-button"
401
+ aria-label="Menu toggle"
509
402
  >
510
- <input
511
- class="pf-v6-c-check__input"
512
- type="checkbox"
513
- id="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
514
- name="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
515
- />
516
- <span class="pf-v6-c-check__label">Restarted</span>
517
- </label>
518
- </fieldset>
403
+ <span class="pf-v6-c-menu-toggle__controls">
404
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
405
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
406
+ </span>
407
+ </span>
408
+ </button>
409
+ </div>
519
410
  </div>
520
- </div>
521
- </div>
522
- </div>
523
411
 
524
- <div
525
- class="pf-v6-c-overflow-menu"
526
- id="card-view-basic-example-toolbar-overflow-menu"
527
- >
528
- <div
529
- class="pf-v6-c-overflow-menu__content pf-v5-u-display-none pf-v5-u-display-flex-on-lg"
530
- >
531
- <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
532
- <div class="pf-v6-c-overflow-menu__item">
412
+ <div class="pf-v6-c-toolbar__item">
533
413
  <button
534
- class="pf-v6-c-button pf-m-primary"
414
+ class="pf-v6-c-menu-toggle"
535
415
  type="button"
536
- >Create instance</button>
416
+ aria-expanded="false"
417
+ id="card-view-basic-example-toolbar-select-checkbox-status"
418
+ >
419
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
420
+ <span class="pf-v6-c-menu-toggle__controls">
421
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
422
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
423
+ </span>
424
+ </span>
425
+ </button>
537
426
  </div>
538
427
  </div>
539
- </div>
540
- <div class="pf-v6-c-overflow-menu__control">
541
- <div class="pf-v6-c-dropdown">
542
- <button
543
- class="pf-v6-c-button pf-v5-c-dropdown__toggle pf-m-plain"
544
- type="button"
545
- id="card-view-basic-example-toolbar-overflow-menu-dropdown-toggle"
546
- aria-label="Dropdown with additional options"
547
- aria-expanded="false"
548
- >
549
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
550
- </button>
551
- <ul
552
- class="pf-v6-c-dropdown__menu"
553
- role="menu"
554
- aria-labelledby="card-view-basic-example-toolbar-overflow-menu-dropdown-toggle"
555
- hidden
556
- >
557
- <li role="none">
558
- <button
559
- role="menuitem"
560
- class="pf-v6-c-dropdown__menu-item"
561
- >Action 7</button>
562
- </li>
563
- </ul>
564
- </div>
565
- </div>
566
- </div>
567
428
 
568
- <div class="pf-v6-c-toolbar__item pf-m-pagination">
569
- <div class="pf-v6-c-pagination pf-m-compact">
570
- <div class="pf-v6-c-pagination__page-menu">
571
- <div class="pf-v6-c-options-menu">
429
+ <div
430
+ class="pf-v6-c-overflow-menu"
431
+ id="card-view-basic-example-toolbar-overflow-menu"
432
+ >
433
+ <div
434
+ class="pf-v6-c-overflow-menu__content pf-v6-u-display-none pf-v6-u-display-flex-on-lg"
435
+ >
436
+ <div class="pf-v6-c-overflow-menu__group pf-m-button-group">
437
+ <div class="pf-v6-c-overflow-menu__item">
438
+ <button
439
+ class="pf-v6-c-button pf-m-primary"
440
+ type="button"
441
+ >
442
+ <span class="pf-v6-c-button__text">Create instance</span>
443
+ </button>
444
+ </div>
445
+ </div>
446
+ </div>
447
+ <div class="pf-v6-c-overflow-menu__control">
572
448
  <button
573
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
449
+ class="pf-v6-c-menu-toggle pf-m-plain"
574
450
  type="button"
575
- id="card-view-basic-example-toolbar-top-pagination-toggle"
576
- aria-haspopup="listbox"
577
451
  aria-expanded="false"
452
+ aria-label="Menu toggle"
453
+ id="card-view-basic-example-toolbar-overflow-menu-toggle"
578
454
  >
579
- <span class="pf-v6-c-options-menu__toggle-text">
580
- <b>1 - 10</b>&nbsp;of&nbsp;
581
- <b>36</b>
455
+ <span class="pf-v6-c-menu-toggle__icon">
456
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
582
457
  </span>
583
- <div class="pf-v6-c-options-menu__toggle-icon">
584
- <i class="fas fa-caret-down" aria-hidden="true"></i>
585
- </div>
586
458
  </button>
587
- <ul
588
- class="pf-v6-c-options-menu__menu"
589
- role="menu"
590
- aria-labelledby="card-view-basic-example-toolbar-top-pagination-toggle"
591
- hidden
459
+ </div>
460
+ </div>
461
+
462
+ <div class="pf-v6-c-toolbar__item pf-m-pagination">
463
+ <div class="pf-v6-c-pagination pf-m-compact">
464
+ <div class="pf-v6-c-pagination__page-menu">
465
+ <button
466
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
467
+ type="button"
468
+ aria-expanded="false"
469
+ aria-label="Menu toggle"
470
+ id="card-view-basic-example-toolbar-top-pagination"
471
+ >
472
+ <span class="pf-v6-c-menu-toggle__text">
473
+ <b>1 - 10</b>&nbsp;of&nbsp;
474
+ <b>36</b>
475
+ </span>
476
+ <span class="pf-v6-c-menu-toggle__controls">
477
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
478
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
479
+ </span>
480
+ </span>
481
+ </button>
482
+ </div>
483
+ <nav
484
+ class="pf-v6-c-pagination__nav"
485
+ aria-label="Toolbar top pagination"
592
486
  >
593
- <li role="none">
487
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
594
488
  <button
595
- class="pf-v6-c-options-menu__menu-item"
489
+ class="pf-v6-c-button pf-m-plain"
596
490
  type="button"
597
- role="menuitem"
598
- >5 per page</button>
599
- </li>
600
- <li role="none">
601
- <button
602
- class="pf-v6-c-options-menu__menu-item"
603
- type="button"
604
- role="menuitem"
491
+ disabled
492
+ aria-label="Go to previous page"
605
493
  >
606
- 10 per page
607
- <div class="pf-v6-c-options-menu__menu-item-icon">
608
- <i class="fas fa-check" aria-hidden="true"></i>
609
- </div>
494
+ <span class="pf-v6-c-button__icon">
495
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
496
+ </span>
610
497
  </button>
611
- </li>
612
- <li role="none">
498
+ </div>
499
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
613
500
  <button
614
- class="pf-v6-c-options-menu__menu-item"
501
+ class="pf-v6-c-button pf-m-plain"
615
502
  type="button"
616
- role="menuitem"
617
- >20 per page</button>
618
- </li>
619
- </ul>
503
+ aria-label="Go to next page"
504
+ >
505
+ <span class="pf-v6-c-button__icon">
506
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
507
+ </span>
508
+ </button>
509
+ </div>
510
+ </nav>
620
511
  </div>
621
512
  </div>
622
- <nav
623
- class="pf-v6-c-pagination__nav"
624
- aria-label="Toolbar top pagination"
625
- >
626
- <div class="pf-v6-c-pagination__nav-control pf-m-prev">
627
- <button
628
- class="pf-v6-c-button pf-m-plain"
629
- type="button"
630
- disabled
631
- aria-label="Go to previous page"
632
- >
633
- <i class="fas fa-angle-left" aria-hidden="true"></i>
634
- </button>
635
- </div>
636
- <div class="pf-v6-c-pagination__nav-control pf-m-next">
637
- <button
638
- class="pf-v6-c-button pf-m-plain"
639
- type="button"
640
- aria-label="Go to next page"
641
- >
642
- <i class="fas fa-angle-right" aria-hidden="true"></i>
643
- </button>
644
- </div>
645
- </nav>
646
513
  </div>
514
+
515
+ <div
516
+ class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
517
+ id="card-view-basic-example-toolbar-expandable-content"
518
+ hidden
519
+ ></div>
647
520
  </div>
648
521
  </div>
649
-
650
- <div
651
- class="pf-v6-c-toolbar__expandable-content pf-m-hidden"
652
- id="card-view-basic-example-toolbar-expandable-content"
653
- hidden
654
- ></div>
655
522
  </div>
656
- </div>
657
- </section>
658
- <section class="pf-v6-c-page__main-section pf-m-fill">
659
- <div class="pf-v6-l-gallery pf-m-gutter">
660
- <div
661
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
662
- id="card-view-basic-example-gallery-card-empty-state"
663
- >
664
- <div class="pf-v6-l-bullseye">
665
- <div class="pf-v6-c-empty-state pf-m-xs">
666
- <div class="pf-v6-c-empty-state__content">
667
- <i class="fas fa-plus-circle pf-v6-c-empty-state__icon"></i>
668
- <div class="pf-v6-c-card__title">
669
- <h2
670
- class="pf-v6-c-card__title-text pf-m-md"
671
- >Add a new card to your page</h2>
523
+ </section>
524
+ <section class="pf-v6-c-page__main-section">
525
+ <div class="pf-v6-c-page__main-body">
526
+ <div class="pf-v6-l-gallery pf-m-gutter">
527
+ <div
528
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
529
+ id="card-view-basic-example-gallery-card-empty-state"
530
+ >
531
+ <div class="pf-v6-l-bullseye">
532
+ <div class="pf-v6-c-empty-state pf-m-xs">
533
+ <div class="pf-v6-c-empty-state__content">
534
+ <i class="fas fa-plus-circle pf-v6-c-empty-state__icon"></i>
535
+ <div class="pf-v6-c-card__title">
536
+ <h2
537
+ class="pf-v6-c-card__title-text pf-m-md"
538
+ >Add a new card to your page</h2>
539
+ </div>
540
+ <button class="pf-v6-c-button pf-m-link" type="button">
541
+ <span class="pf-v6-c-button__text">Add card</span>
542
+ </button>
543
+ </div>
672
544
  </div>
673
- <button class="pf-v6-c-button pf-m-link" type="button">Add card</button>
674
545
  </div>
675
546
  </div>
676
- </div>
677
- </div>
678
- <div
679
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
680
- id="card-view-basic-example-gallery-card-1"
681
- >
682
- <div class="pf-v6-c-card__header">
683
- <img src="/assets/images/pf-logo-small.svg" alt="PatternFly logo" />
684
- <div class="pf-v6-c-card__actions">
685
- <div class="pf-v6-c-dropdown">
686
- <button
687
- class="pf-v6-c-dropdown__toggle pf-m-plain"
688
- id="card-view-basic-example-gallery-card-1-dropdown-kebab-button"
689
- aria-expanded="false"
690
- type="button"
691
- aria-label="Actions"
692
- >
693
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
694
- </button>
695
- <ul
696
- class="pf-v6-c-dropdown__menu pf-m-align-right"
697
- aria-labelledby="card-view-basic-example-gallery-card-1-dropdown-kebab-button"
698
- hidden
699
- role="menu"
700
- >
701
- <li role="none">
702
- <a
703
- class="pf-v6-c-dropdown__menu-item"
704
- role="menuitem"
705
- href="#"
706
- >Link</a>
707
- </li>
708
- <li role="none">
709
- <button
710
- class="pf-v6-c-dropdown__menu-item"
711
- role="menuitem"
712
- type="button"
713
- >Action</button>
714
- </li>
715
- <li role="none">
716
- <a
717
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
718
- role="menuitem"
719
- href="#"
720
- aria-disabled="true"
721
- tabindex="-1"
722
- >Disabled link</a>
723
- </li>
724
- <li role="none">
725
- <button
726
- class="pf-v6-c-dropdown__menu-item"
727
- role="menuitem"
728
- type="button"
729
- disabled
730
- >Disabled action</button>
731
- </li>
732
- <li class="pf-v6-c-divider" role="separator"></li>
733
- <li role="none">
734
- <a
735
- class="pf-v6-c-dropdown__menu-item"
736
- role="menuitem"
737
- href="#"
738
- >Separated link</a>
739
- </li>
740
- </ul>
547
+ <div
548
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
549
+ id="card-view-basic-example-gallery-card-1"
550
+ >
551
+ <div class="pf-v6-c-card__header">
552
+ <img src="/assets/images/PF-IconLogo.svg" alt="PatternFly logo" />
553
+ <div class="pf-v6-c-card__actions">
554
+ <button
555
+ class="pf-v6-c-menu-toggle pf-m-plain"
556
+ type="button"
557
+ aria-expanded="false"
558
+ aria-label="Menu toggle"
559
+ id="card-view-basic-example-gallery-card-1-toggle"
560
+ >
561
+ <span class="pf-v6-c-menu-toggle__icon">
562
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
563
+ </span>
564
+ </button>
565
+ <div class="pf-v6-c-check pf-m-standalone">
566
+ <input
567
+ class="pf-v6-c-check__input"
568
+ type="checkbox"
569
+ id="card-view-basic-example-gallery-card-1-check"
570
+ name="card-view-basic-example-gallery-card-1-check"
571
+ aria-labelledby="card-view-basic-example-gallery-card-1-check-label"
572
+ />
573
+ </div>
574
+ </div>
741
575
  </div>
742
- <div class="pf-v6-c-check pf-m-standalone">
743
- <input
744
- class="pf-v6-c-check__input"
745
- type="checkbox"
746
- id="card-view-basic-example-gallery-card-1-check"
747
- name="card-view-basic-example-gallery-card-1-check"
748
- aria-labelledby="card-view-basic-example-gallery-card-1-check-label"
749
- />
576
+ <div class="pf-v6-c-card__title">
577
+ <h2
578
+ class="pf-v6-c-card__title-text"
579
+ id="card-view-basic-example-gallery-card-1-check-label"
580
+ >Patternfly</h2>
581
+ <div class="pf-v6-c-content">
582
+ <small>Provided by Red Hat</small>
583
+ </div>
750
584
  </div>
585
+ <div
586
+ class="pf-v6-c-card__body"
587
+ >PatternFly is a community project that promotes design commonality and improves user experience.</div>
751
588
  </div>
752
- </div>
753
- <div class="pf-v6-c-card__title">
754
- <h2
755
- class="pf-v6-c-card__title-text"
756
- id="card-view-basic-example-gallery-card-1-check-label"
757
- >Patternfly</h2>
758
- <div class="pf-v6-c-content">
759
- <small>Provided by Red Hat</small>
760
- </div>
761
- </div>
762
- <div
763
- class="pf-v6-c-card__body"
764
- >PatternFly is a community project that promotes design commonality and improves user experience.</div>
765
- </div>
766
- <div
767
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
768
- id="card-view-basic-example-gallery-card-2"
769
- >
770
- <div class="pf-v6-c-card__header">
771
- <img
772
- src="/assets/images/activemq-core_200x150.png"
773
- width="60px"
774
- alt="Logo"
775
- />
776
- <div class="pf-v6-c-card__actions">
777
- <div class="pf-v6-c-dropdown">
778
- <button
779
- class="pf-v6-c-dropdown__toggle pf-m-plain"
780
- id="card-view-basic-example-gallery-card-2-dropdown-kebab-button"
781
- aria-expanded="false"
782
- type="button"
783
- aria-label="Actions"
784
- >
785
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
786
- </button>
787
- <ul
788
- class="pf-v6-c-dropdown__menu pf-m-align-right"
789
- aria-labelledby="card-view-basic-example-gallery-card-2-dropdown-kebab-button"
790
- hidden
791
- role="menu"
792
- >
793
- <li role="none">
794
- <a
795
- class="pf-v6-c-dropdown__menu-item"
796
- role="menuitem"
797
- href="#"
798
- >Link</a>
799
- </li>
800
- <li role="none">
801
- <button
802
- class="pf-v6-c-dropdown__menu-item"
803
- role="menuitem"
804
- type="button"
805
- >Action</button>
806
- </li>
807
- <li role="none">
808
- <a
809
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
810
- role="menuitem"
811
- href="#"
812
- aria-disabled="true"
813
- tabindex="-1"
814
- >Disabled link</a>
815
- </li>
816
- <li role="none">
817
- <button
818
- class="pf-v6-c-dropdown__menu-item"
819
- role="menuitem"
820
- type="button"
821
- disabled
822
- >Disabled action</button>
823
- </li>
824
- <li class="pf-v6-c-divider" role="separator"></li>
825
- <li role="none">
826
- <a
827
- class="pf-v6-c-dropdown__menu-item"
828
- role="menuitem"
829
- href="#"
830
- >Separated link</a>
831
- </li>
832
- </ul>
833
- </div>
834
- <div class="pf-v6-c-check pf-m-standalone">
835
- <input
836
- class="pf-v6-c-check__input"
837
- type="checkbox"
838
- id="card-view-basic-example-gallery-card-2-check"
839
- name="card-view-basic-example-gallery-card-2-check"
840
- aria-labelledby="card-view-basic-example-gallery-card-2-check-label"
589
+ <div
590
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
591
+ id="card-view-basic-example-gallery-card-2"
592
+ >
593
+ <div class="pf-v6-c-card__header">
594
+ <img
595
+ src="/assets/images/activemq-core_200x150.png"
596
+ width="60px"
597
+ alt="Logo"
841
598
  />
599
+ <div class="pf-v6-c-card__actions">
600
+ <button
601
+ class="pf-v6-c-menu-toggle pf-m-plain"
602
+ type="button"
603
+ aria-expanded="false"
604
+ aria-label="Menu toggle"
605
+ id="card-view-basic-example-gallery-card-2-toggle"
606
+ >
607
+ <span class="pf-v6-c-menu-toggle__icon">
608
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
609
+ </span>
610
+ </button>
611
+ <div class="pf-v6-c-check pf-m-standalone">
612
+ <input
613
+ class="pf-v6-c-check__input"
614
+ type="checkbox"
615
+ id="card-view-basic-example-gallery-card-2-check"
616
+ name="card-view-basic-example-gallery-card-2-check"
617
+ aria-labelledby="card-view-basic-example-gallery-card-2-check-label"
618
+ />
619
+ </div>
620
+ </div>
842
621
  </div>
843
- </div>
844
- </div>
845
- <div class="pf-v6-c-card__title">
846
- <h2
847
- class="pf-v6-c-card__title-text"
848
- id="card-view-basic-example-gallery-card-2-check-label"
849
- >ActiveMq</h2>
850
- <div class="pf-v6-c-content">
851
- <small>Provided by Red Hat</small>
852
- </div>
853
- </div>
854
- <div
855
- class="pf-v6-c-card__body"
856
- >The ActiveMQ component allows messages to be sent to a JMS Queue or Topic; or messages to be consumed from a JMS Queue or Topic using Apache ActiveMQ.</div>
857
- </div>
858
- <div
859
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
860
- id="card-view-basic-example-gallery-card-3"
861
- >
862
- <div class="pf-v6-c-card__header">
863
- <img
864
- src="/assets/images/camel-spark_200x150.png"
865
- width="60px"
866
- alt="Logo"
867
- />
868
- <div class="pf-v6-c-card__actions">
869
- <div class="pf-v6-c-dropdown">
870
- <button
871
- class="pf-v6-c-dropdown__toggle pf-m-plain"
872
- id="card-view-basic-example-gallery-card-3-dropdown-kebab-button"
873
- aria-expanded="false"
874
- type="button"
875
- aria-label="Actions"
876
- >
877
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
878
- </button>
879
- <ul
880
- class="pf-v6-c-dropdown__menu pf-m-align-right"
881
- aria-labelledby="card-view-basic-example-gallery-card-3-dropdown-kebab-button"
882
- hidden
883
- role="menu"
884
- >
885
- <li role="none">
886
- <a
887
- class="pf-v6-c-dropdown__menu-item"
888
- role="menuitem"
889
- href="#"
890
- >Link</a>
891
- </li>
892
- <li role="none">
893
- <button
894
- class="pf-v6-c-dropdown__menu-item"
895
- role="menuitem"
896
- type="button"
897
- >Action</button>
898
- </li>
899
- <li role="none">
900
- <a
901
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
902
- role="menuitem"
903
- href="#"
904
- aria-disabled="true"
905
- tabindex="-1"
906
- >Disabled link</a>
907
- </li>
908
- <li role="none">
909
- <button
910
- class="pf-v6-c-dropdown__menu-item"
911
- role="menuitem"
912
- type="button"
913
- disabled
914
- >Disabled action</button>
915
- </li>
916
- <li class="pf-v6-c-divider" role="separator"></li>
917
- <li role="none">
918
- <a
919
- class="pf-v6-c-dropdown__menu-item"
920
- role="menuitem"
921
- href="#"
922
- >Separated link</a>
923
- </li>
924
- </ul>
622
+ <div class="pf-v6-c-card__title">
623
+ <h2
624
+ class="pf-v6-c-card__title-text"
625
+ id="card-view-basic-example-gallery-card-2-check-label"
626
+ >ActiveMq</h2>
627
+ <div class="pf-v6-c-content">
628
+ <small>Provided by Red Hat</small>
629
+ </div>
925
630
  </div>
926
- <div class="pf-v6-c-check pf-m-standalone">
927
- <input
928
- class="pf-v6-c-check__input"
929
- type="checkbox"
930
- id="card-view-basic-example-gallery-card-3-check"
931
- name="card-view-basic-example-gallery-card-3-check"
932
- aria-labelledby="card-view-basic-example-gallery-card-3-check-label"
631
+ <div
632
+ class="pf-v6-c-card__body"
633
+ >The ActiveMQ component allows messages to be sent to a JMS Queue or Topic; or messages to be consumed from a JMS Queue or Topic using Apache ActiveMQ.</div>
634
+ </div>
635
+ <div
636
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
637
+ id="card-view-basic-example-gallery-card-3"
638
+ >
639
+ <div class="pf-v6-c-card__header">
640
+ <img
641
+ src="/assets/images/camel-spark_200x150.png"
642
+ width="60px"
643
+ alt="Logo"
933
644
  />
645
+ <div class="pf-v6-c-card__actions">
646
+ <button
647
+ class="pf-v6-c-menu-toggle pf-m-plain"
648
+ type="button"
649
+ aria-expanded="false"
650
+ aria-label="Menu toggle"
651
+ id="card-view-basic-example-gallery-card-3-toggle"
652
+ >
653
+ <span class="pf-v6-c-menu-toggle__icon">
654
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
655
+ </span>
656
+ </button>
657
+ <div class="pf-v6-c-check pf-m-standalone">
658
+ <input
659
+ class="pf-v6-c-check__input"
660
+ type="checkbox"
661
+ id="card-view-basic-example-gallery-card-3-check"
662
+ name="card-view-basic-example-gallery-card-3-check"
663
+ aria-labelledby="card-view-basic-example-gallery-card-3-check-label"
664
+ />
665
+ </div>
666
+ </div>
934
667
  </div>
935
- </div>
936
- </div>
937
- <div class="pf-v6-c-card__title">
938
- <h2
939
- class="pf-v6-c-card__title-text"
940
- id="card-view-basic-example-gallery-card-3-check-label"
941
- >Apache Spark</h2>
942
- <div class="pf-v6-c-content">
943
- <small>Provided by Red Hat</small>
944
- </div>
945
- </div>
946
- <div
947
- class="pf-v6-c-card__body"
948
- >This documentation page covers the Apache Spark component for the Apache Camel.</div>
949
- </div>
950
- <div
951
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
952
- id="card-view-basic-example-gallery-card-4"
953
- >
954
- <div class="pf-v6-c-card__header">
955
- <img
956
- src="/assets/images/camel-avro_200x150.png"
957
- width="60px"
958
- alt="Logo"
959
- />
960
- <div class="pf-v6-c-card__actions">
961
- <div class="pf-v6-c-dropdown">
962
- <button
963
- class="pf-v6-c-dropdown__toggle pf-m-plain"
964
- id="card-view-basic-example-gallery-card-4-dropdown-kebab-button"
965
- aria-expanded="false"
966
- type="button"
967
- aria-label="Actions"
968
- >
969
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
970
- </button>
971
- <ul
972
- class="pf-v6-c-dropdown__menu pf-m-align-right"
973
- aria-labelledby="card-view-basic-example-gallery-card-4-dropdown-kebab-button"
974
- hidden
975
- role="menu"
976
- >
977
- <li role="none">
978
- <a
979
- class="pf-v6-c-dropdown__menu-item"
980
- role="menuitem"
981
- href="#"
982
- >Link</a>
983
- </li>
984
- <li role="none">
985
- <button
986
- class="pf-v6-c-dropdown__menu-item"
987
- role="menuitem"
988
- type="button"
989
- >Action</button>
990
- </li>
991
- <li role="none">
992
- <a
993
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
994
- role="menuitem"
995
- href="#"
996
- aria-disabled="true"
997
- tabindex="-1"
998
- >Disabled link</a>
999
- </li>
1000
- <li role="none">
1001
- <button
1002
- class="pf-v6-c-dropdown__menu-item"
1003
- role="menuitem"
1004
- type="button"
1005
- disabled
1006
- >Disabled action</button>
1007
- </li>
1008
- <li class="pf-v6-c-divider" role="separator"></li>
1009
- <li role="none">
1010
- <a
1011
- class="pf-v6-c-dropdown__menu-item"
1012
- role="menuitem"
1013
- href="#"
1014
- >Separated link</a>
1015
- </li>
1016
- </ul>
668
+ <div class="pf-v6-c-card__title">
669
+ <h2
670
+ class="pf-v6-c-card__title-text"
671
+ id="card-view-basic-example-gallery-card-3-check-label"
672
+ >Apache Spark</h2>
673
+ <div class="pf-v6-c-content">
674
+ <small>Provided by Red Hat</small>
675
+ </div>
1017
676
  </div>
1018
- <div class="pf-v6-c-check pf-m-standalone">
1019
- <input
1020
- class="pf-v6-c-check__input"
1021
- type="checkbox"
1022
- id="card-view-basic-example-gallery-card-4-check"
1023
- name="card-view-basic-example-gallery-card-4-check"
1024
- aria-labelledby="card-view-basic-example-gallery-card-4-check-label"
677
+ <div
678
+ class="pf-v6-c-card__body"
679
+ >This documentation page covers the Apache Spark component for the Apache Camel.</div>
680
+ </div>
681
+ <div
682
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
683
+ id="card-view-basic-example-gallery-card-4"
684
+ >
685
+ <div class="pf-v6-c-card__header">
686
+ <img
687
+ src="/assets/images/camel-avro_200x150.png"
688
+ width="60px"
689
+ alt="Logo"
1025
690
  />
691
+ <div class="pf-v6-c-card__actions">
692
+ <button
693
+ class="pf-v6-c-menu-toggle pf-m-plain"
694
+ type="button"
695
+ aria-expanded="false"
696
+ aria-label="Menu toggle"
697
+ id="card-view-basic-example-gallery-card-4-toggle"
698
+ >
699
+ <span class="pf-v6-c-menu-toggle__icon">
700
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
701
+ </span>
702
+ </button>
703
+ <div class="pf-v6-c-check pf-m-standalone">
704
+ <input
705
+ class="pf-v6-c-check__input"
706
+ type="checkbox"
707
+ id="card-view-basic-example-gallery-card-4-check"
708
+ name="card-view-basic-example-gallery-card-4-check"
709
+ aria-labelledby="card-view-basic-example-gallery-card-4-check-label"
710
+ />
711
+ </div>
712
+ </div>
1026
713
  </div>
1027
- </div>
1028
- </div>
1029
- <div class="pf-v6-c-card__title">
1030
- <h2
1031
- class="pf-v6-c-card__title-text"
1032
- id="card-view-basic-example-gallery-card-4-check-label"
1033
- >Avro</h2>
1034
- <div class="pf-v6-c-content">
1035
- <small>Provided by Red Hat</small>
1036
- </div>
1037
- </div>
1038
- <div
1039
- class="pf-v6-c-card__body"
1040
- >This component provides a dataformat for avro, which allows serialization and deserialization of messages using Apache Avro’s binary dataformat. Moreover, it provides support for Apache Avro’s rpc, by providing producers and consumers endpoint for using avro over netty or http.</div>
1041
- </div>
1042
- <div
1043
- class="pf-v6-c-card pf-m-selectable-raised pf-m-selected-raised pf-m-compact"
1044
- id="card-view-basic-example-gallery-card-5"
1045
- >
1046
- <div class="pf-v6-c-card__header">
1047
- <img
1048
- src="/assets/images/FuseConnector_Icons_AzureServices.png"
1049
- width="60px"
1050
- alt="Logo"
1051
- />
1052
- <div class="pf-v6-c-card__actions">
1053
- <div class="pf-v6-c-dropdown">
1054
- <button
1055
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1056
- id="card-view-basic-example-gallery-card-5-dropdown-kebab-button"
1057
- aria-expanded="false"
1058
- type="button"
1059
- aria-label="Actions"
1060
- >
1061
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1062
- </button>
1063
- <ul
1064
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1065
- aria-labelledby="card-view-basic-example-gallery-card-5-dropdown-kebab-button"
1066
- hidden
1067
- role="menu"
1068
- >
1069
- <li role="none">
1070
- <a
1071
- class="pf-v6-c-dropdown__menu-item"
1072
- role="menuitem"
1073
- href="#"
1074
- >Link</a>
1075
- </li>
1076
- <li role="none">
1077
- <button
1078
- class="pf-v6-c-dropdown__menu-item"
1079
- role="menuitem"
1080
- type="button"
1081
- >Action</button>
1082
- </li>
1083
- <li role="none">
1084
- <a
1085
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1086
- role="menuitem"
1087
- href="#"
1088
- aria-disabled="true"
1089
- tabindex="-1"
1090
- >Disabled link</a>
1091
- </li>
1092
- <li role="none">
1093
- <button
1094
- class="pf-v6-c-dropdown__menu-item"
1095
- role="menuitem"
1096
- type="button"
1097
- disabled
1098
- >Disabled action</button>
1099
- </li>
1100
- <li class="pf-v6-c-divider" role="separator"></li>
1101
- <li role="none">
1102
- <a
1103
- class="pf-v6-c-dropdown__menu-item"
1104
- role="menuitem"
1105
- href="#"
1106
- >Separated link</a>
1107
- </li>
1108
- </ul>
714
+ <div class="pf-v6-c-card__title">
715
+ <h2
716
+ class="pf-v6-c-card__title-text"
717
+ id="card-view-basic-example-gallery-card-4-check-label"
718
+ >Avro</h2>
719
+ <div class="pf-v6-c-content">
720
+ <small>Provided by Red Hat</small>
721
+ </div>
1109
722
  </div>
1110
- <div class="pf-v6-c-check pf-m-standalone">
1111
- <input
1112
- class="pf-v6-c-check__input"
1113
- type="checkbox"
1114
- id="card-view-basic-example-gallery-card-5-check"
1115
- name="card-view-basic-example-gallery-card-5-check"
1116
- aria-labelledby="card-view-basic-example-gallery-card-5-check-label"
723
+ <div
724
+ class="pf-v6-c-card__body"
725
+ >This component provides a dataformat for avro, which allows serialization and deserialization of messages using Apache Avro’s binary dataformat. Moreover, it provides support for Apache Avro’s rpc, by providing producers and consumers endpoint for using avro over netty or http.</div>
726
+ </div>
727
+ <div
728
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-selected-raised pf-m-compact"
729
+ id="card-view-basic-example-gallery-card-5"
730
+ >
731
+ <div class="pf-v6-c-card__header">
732
+ <img
733
+ src="/assets/images/FuseConnector_Icons_AzureServices.png"
734
+ width="60px"
735
+ alt="Logo"
1117
736
  />
737
+ <div class="pf-v6-c-card__actions">
738
+ <button
739
+ class="pf-v6-c-menu-toggle pf-m-plain"
740
+ type="button"
741
+ aria-expanded="false"
742
+ aria-label="Menu toggle"
743
+ id="card-view-basic-example-gallery-card-5-toggle"
744
+ >
745
+ <span class="pf-v6-c-menu-toggle__icon">
746
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
747
+ </span>
748
+ </button>
749
+ <div class="pf-v6-c-check pf-m-standalone">
750
+ <input
751
+ class="pf-v6-c-check__input"
752
+ type="checkbox"
753
+ id="card-view-basic-example-gallery-card-5-check"
754
+ name="card-view-basic-example-gallery-card-5-check"
755
+ aria-labelledby="card-view-basic-example-gallery-card-5-check-label"
756
+ />
757
+ </div>
758
+ </div>
1118
759
  </div>
760
+ <div class="pf-v6-c-card__title">
761
+ <h2
762
+ class="pf-v6-c-card__title-text"
763
+ id="card-view-basic-example-gallery-card-5-check-label"
764
+ >Azure Services</h2>
765
+ <div class="pf-v6-c-content">
766
+ <small>Provided by Red Hat</small>
767
+ </div>
768
+ </div>
769
+ <div
770
+ class="pf-v6-c-card__body"
771
+ >The Camel Components for Windows Azure Services provide connectivity to Azure services from Camel.</div>
1119
772
  </div>
1120
- </div>
1121
- <div class="pf-v6-c-card__title">
1122
- <h2
1123
- class="pf-v6-c-card__title-text"
1124
- id="card-view-basic-example-gallery-card-5-check-label"
1125
- >Azure Services</h2>
1126
- <div class="pf-v6-c-content">
1127
- <small>Provided by Red Hat</small>
1128
- </div>
1129
- </div>
1130
- <div
1131
- class="pf-v6-c-card__body"
1132
- >The Camel Components for Windows Azure Services provide connectivity to Azure services from Camel.</div>
1133
- </div>
1134
- <div
1135
- class="pf-v6-c-card pf-m-non-selectable-raised pf-m-compact"
1136
- id="card-view-basic-example-gallery-card-6"
1137
- >
1138
- <div class="pf-v6-c-card__header">
1139
- <img
1140
- src="/assets/images/camel-saxon_200x150.png"
1141
- width="60px"
1142
- alt="Logo"
1143
- />
1144
- <div class="pf-v6-c-card__actions">
1145
- <div class="pf-v6-c-dropdown">
1146
- <button
1147
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1148
- id="card-view-basic-example-gallery-card-6-dropdown-kebab-button"
1149
- aria-expanded="false"
1150
- type="button"
1151
- aria-label="Actions"
1152
- >
1153
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1154
- </button>
1155
- <ul
1156
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1157
- aria-labelledby="card-view-basic-example-gallery-card-6-dropdown-kebab-button"
1158
- hidden
1159
- role="menu"
1160
- >
1161
- <li role="none">
1162
- <a
1163
- class="pf-v6-c-dropdown__menu-item"
1164
- role="menuitem"
1165
- href="#"
1166
- >Link</a>
1167
- </li>
1168
- <li role="none">
1169
- <button
1170
- class="pf-v6-c-dropdown__menu-item"
1171
- role="menuitem"
1172
- type="button"
1173
- >Action</button>
1174
- </li>
1175
- <li role="none">
1176
- <a
1177
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1178
- role="menuitem"
1179
- href="#"
1180
- aria-disabled="true"
1181
- tabindex="-1"
1182
- >Disabled link</a>
1183
- </li>
1184
- <li role="none">
1185
- <button
1186
- class="pf-v6-c-dropdown__menu-item"
1187
- role="menuitem"
1188
- type="button"
773
+ <div
774
+ class="pf-v6-c-card pf-m-non-selectable-raised pf-m-compact"
775
+ id="card-view-basic-example-gallery-card-6"
776
+ >
777
+ <div class="pf-v6-c-card__header">
778
+ <img
779
+ src="/assets/images/camel-saxon_200x150.png"
780
+ width="60px"
781
+ alt="Logo"
782
+ />
783
+ <div class="pf-v6-c-card__actions">
784
+ <button
785
+ class="pf-v6-c-menu-toggle pf-m-plain"
786
+ type="button"
787
+ aria-expanded="false"
788
+ aria-label="Menu toggle"
789
+ id="card-view-basic-example-gallery-card-6-toggle"
790
+ >
791
+ <span class="pf-v6-c-menu-toggle__icon">
792
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
793
+ </span>
794
+ </button>
795
+ <div class="pf-v6-c-check pf-m-standalone">
796
+ <input
797
+ class="pf-v6-c-check__input"
798
+ type="checkbox"
799
+ id="card-view-basic-example-gallery-card-6-check"
800
+ name="card-view-basic-example-gallery-card-6-check"
1189
801
  disabled
1190
- >Disabled action</button>
1191
- </li>
1192
- <li class="pf-v6-c-divider" role="separator"></li>
1193
- <li role="none">
1194
- <a
1195
- class="pf-v6-c-dropdown__menu-item"
1196
- role="menuitem"
1197
- href="#"
1198
- >Separated link</a>
1199
- </li>
1200
- </ul>
802
+ aria-labelledby="card-view-basic-example-gallery-card-6-check-label"
803
+ />
804
+ </div>
805
+ </div>
1201
806
  </div>
1202
- <div class="pf-v6-c-check pf-m-standalone">
1203
- <input
1204
- class="pf-v6-c-check__input"
1205
- type="checkbox"
1206
- id="card-view-basic-example-gallery-card-6-check"
1207
- name="card-view-basic-example-gallery-card-6-check"
1208
- disabled
1209
- aria-labelledby="card-view-basic-example-gallery-card-6-check-label"
1210
- />
807
+ <div class="pf-v6-c-card__title">
808
+ <h2
809
+ class="pf-v6-c-card__title-text"
810
+ id="card-view-basic-example-gallery-card-6-check-label"
811
+ >Crypto</h2>
812
+ <div class="pf-v6-c-content">
813
+ <small>Provided by Red Hat</small>
814
+ </div>
1211
815
  </div>
816
+ <div
817
+ class="pf-v6-c-card__body"
818
+ >For providing flexible endpoints to sign and verify exchanges using the Signature Service of the Java Cryptographic Extension.</div>
1212
819
  </div>
1213
- </div>
1214
- <div class="pf-v6-c-card__title">
1215
- <h2
1216
- class="pf-v6-c-card__title-text"
1217
- id="card-view-basic-example-gallery-card-6-check-label"
1218
- >Crypto</h2>
1219
- <div class="pf-v6-c-content">
1220
- <small>Provided by Red Hat</small>
820
+ <div
821
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
822
+ id="card-view-basic-example-gallery-card-7"
823
+ >
824
+ <div class="pf-v6-c-card__header">
825
+ <img
826
+ src="/assets/images/camel-dropbox_200x150.png"
827
+ width="60px"
828
+ alt="Logo"
829
+ />
830
+ <div class="pf-v6-c-card__actions">
831
+ <button
832
+ class="pf-v6-c-menu-toggle pf-m-plain"
833
+ type="button"
834
+ aria-expanded="false"
835
+ aria-label="Menu toggle"
836
+ id="card-view-basic-example-gallery-card-7-toggle"
837
+ >
838
+ <span class="pf-v6-c-menu-toggle__icon">
839
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
840
+ </span>
841
+ </button>
842
+ <div class="pf-v6-c-check pf-m-standalone">
843
+ <input
844
+ class="pf-v6-c-check__input"
845
+ type="checkbox"
846
+ id="card-view-basic-example-gallery-card-7-check"
847
+ name="card-view-basic-example-gallery-card-7-check"
848
+ aria-labelledby="card-view-basic-example-gallery-card-7-check-label"
849
+ />
850
+ </div>
851
+ </div>
852
+ </div>
853
+ <div class="pf-v6-c-card__title">
854
+ <h2
855
+ class="pf-v6-c-card__title-text"
856
+ id="card-view-basic-example-gallery-card-7-check-label"
857
+ >DropBox</h2>
858
+ <div class="pf-v6-c-content">
859
+ <small>Provided by Red Hat</small>
860
+ </div>
861
+ </div>
862
+ <div
863
+ class="pf-v6-c-card__body"
864
+ >The dropbox: component allows you to treat Dropbox remote folders as a producer or consumer of messages.</div>
1221
865
  </div>
1222
- </div>
1223
- <div
1224
- class="pf-v6-c-card__body"
1225
- >For providing flexible endpoints to sign and verify exchanges using the Signature Service of the Java Cryptographic Extension.</div>
1226
- </div>
1227
- <div
1228
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1229
- id="card-view-basic-example-gallery-card-7"
1230
- >
1231
- <div class="pf-v6-c-card__header">
1232
- <img
1233
- src="/assets/images/camel-dropbox_200x150.png"
1234
- width="60px"
1235
- alt="Logo"
1236
- />
1237
- <div class="pf-v6-c-card__actions">
1238
- <div class="pf-v6-c-dropdown">
1239
- <button
1240
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1241
- id="card-view-basic-example-gallery-card-7-dropdown-kebab-button"
1242
- aria-expanded="false"
1243
- type="button"
1244
- aria-label="Actions"
1245
- >
1246
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1247
- </button>
1248
- <ul
1249
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1250
- aria-labelledby="card-view-basic-example-gallery-card-7-dropdown-kebab-button"
1251
- hidden
1252
- role="menu"
1253
- >
1254
- <li role="none">
1255
- <a
1256
- class="pf-v6-c-dropdown__menu-item"
1257
- role="menuitem"
1258
- href="#"
1259
- >Link</a>
1260
- </li>
1261
- <li role="none">
1262
- <button
1263
- class="pf-v6-c-dropdown__menu-item"
1264
- role="menuitem"
1265
- type="button"
1266
- >Action</button>
1267
- </li>
1268
- <li role="none">
1269
- <a
1270
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1271
- role="menuitem"
1272
- href="#"
1273
- aria-disabled="true"
1274
- tabindex="-1"
1275
- >Disabled link</a>
1276
- </li>
1277
- <li role="none">
1278
- <button
1279
- class="pf-v6-c-dropdown__menu-item"
1280
- role="menuitem"
1281
- type="button"
1282
- disabled
1283
- >Disabled action</button>
1284
- </li>
1285
- <li class="pf-v6-c-divider" role="separator"></li>
1286
- <li role="none">
1287
- <a
1288
- class="pf-v6-c-dropdown__menu-item"
1289
- role="menuitem"
1290
- href="#"
1291
- >Separated link</a>
1292
- </li>
1293
- </ul>
866
+ <div
867
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
868
+ id="card-view-basic-example-gallery-card-8"
869
+ >
870
+ <div class="pf-v6-c-card__header">
871
+ <img
872
+ src="/assets/images/camel-infinispan_200x150.png"
873
+ width="60px"
874
+ alt="Logo"
875
+ />
876
+ <div class="pf-v6-c-card__actions">
877
+ <button
878
+ class="pf-v6-c-menu-toggle pf-m-plain"
879
+ type="button"
880
+ aria-expanded="false"
881
+ aria-label="Menu toggle"
882
+ id="card-view-basic-example-gallery-card-8-toggle"
883
+ >
884
+ <span class="pf-v6-c-menu-toggle__icon">
885
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
886
+ </span>
887
+ </button>
888
+ <div class="pf-v6-c-check pf-m-standalone">
889
+ <input
890
+ class="pf-v6-c-check__input"
891
+ type="checkbox"
892
+ id="card-view-basic-example-gallery-card-8-check"
893
+ name="card-view-basic-example-gallery-card-8-check"
894
+ aria-labelledby="card-view-basic-example-gallery-card-8-check-label"
895
+ />
896
+ </div>
897
+ </div>
1294
898
  </div>
1295
- <div class="pf-v6-c-check pf-m-standalone">
1296
- <input
1297
- class="pf-v6-c-check__input"
1298
- type="checkbox"
1299
- id="card-view-basic-example-gallery-card-7-check"
1300
- name="card-view-basic-example-gallery-card-7-check"
1301
- aria-labelledby="card-view-basic-example-gallery-card-7-check-label"
899
+ <div class="pf-v6-c-card__title">
900
+ <h2
901
+ class="pf-v6-c-card__title-text"
902
+ id="card-view-basic-example-gallery-card-8-check-label"
903
+ >JBoss Data Grid</h2>
904
+ <div class="pf-v6-c-content">
905
+ <small>Provided by Red Hat</small>
906
+ </div>
907
+ </div>
908
+ <div
909
+ class="pf-v6-c-card__body"
910
+ >Read or write to a fully-supported distributed cache and data grid for faster integration services.</div>
911
+ </div>
912
+ <div
913
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
914
+ id="card-view-basic-example-gallery-card-9"
915
+ >
916
+ <div class="pf-v6-c-card__header">
917
+ <img
918
+ src="/assets/images/FuseConnector_Icons_REST.png"
919
+ width="60px"
920
+ alt="Logo"
1302
921
  />
922
+ <div class="pf-v6-c-card__actions">
923
+ <button
924
+ class="pf-v6-c-menu-toggle pf-m-plain"
925
+ type="button"
926
+ aria-expanded="false"
927
+ aria-label="Menu toggle"
928
+ id="card-view-basic-example-gallery-card-9-toggle"
929
+ >
930
+ <span class="pf-v6-c-menu-toggle__icon">
931
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
932
+ </span>
933
+ </button>
934
+ <div class="pf-v6-c-check pf-m-standalone">
935
+ <input
936
+ class="pf-v6-c-check__input"
937
+ type="checkbox"
938
+ id="card-view-basic-example-gallery-card-9-check"
939
+ name="card-view-basic-example-gallery-card-9-check"
940
+ aria-labelledby="card-view-basic-example-gallery-card-9-check-label"
941
+ />
942
+ </div>
943
+ </div>
944
+ </div>
945
+ <div class="pf-v6-c-card__title">
946
+ <h2
947
+ class="pf-v6-c-card__title-text"
948
+ id="card-view-basic-example-gallery-card-9-check-label"
949
+ >Rest</h2>
950
+ <div class="pf-v6-c-content">
951
+ <small>Provided by Red Hat</small>
952
+ </div>
953
+ </div>
954
+ <div class="pf-v6-c-card__body">
955
+ The rest component allows to define REST endpoints (consumer) using the Rest DSL and plugin to other Camel components as the REST transport.
956
+ From Camel 2.18 onwards the rest component can also be used as a client (producer) to call REST services.
1303
957
  </div>
1304
958
  </div>
1305
- </div>
1306
- <div class="pf-v6-c-card__title">
1307
- <h2
1308
- class="pf-v6-c-card__title-text"
1309
- id="card-view-basic-example-gallery-card-7-check-label"
1310
- >DropBox</h2>
1311
- <div class="pf-v6-c-content">
1312
- <small>Provided by Red Hat</small>
959
+ <div
960
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
961
+ id="card-view-basic-example-gallery-card-10"
962
+ >
963
+ <div class="pf-v6-c-card__header">
964
+ <img
965
+ src="/assets/images/camel-swagger-java_200x150.png"
966
+ width="60px"
967
+ alt="Logo"
968
+ />
969
+ <div class="pf-v6-c-card__actions">
970
+ <button
971
+ class="pf-v6-c-menu-toggle pf-m-plain"
972
+ type="button"
973
+ aria-expanded="false"
974
+ aria-label="Menu toggle"
975
+ id="card-view-basic-example-gallery-card-10-toggle"
976
+ >
977
+ <span class="pf-v6-c-menu-toggle__icon">
978
+ <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
979
+ </span>
980
+ </button>
981
+ <div class="pf-v6-c-check pf-m-standalone">
982
+ <input
983
+ class="pf-v6-c-check__input"
984
+ type="checkbox"
985
+ id="card-view-basic-example-gallery-card-10-check"
986
+ name="card-view-basic-example-gallery-card-10-check"
987
+ aria-labelledby="card-view-basic-example-gallery-card-10-check-label"
988
+ />
989
+ </div>
990
+ </div>
991
+ </div>
992
+ <div class="pf-v6-c-card__title">
993
+ <h2
994
+ class="pf-v6-c-card__title-text"
995
+ id="card-view-basic-example-gallery-card-10-check-label"
996
+ >SWAGGER</h2>
997
+ <div class="pf-v6-c-content">
998
+ <small>Provided by Red Hat</small>
999
+ </div>
1000
+ </div>
1001
+ <div
1002
+ class="pf-v6-c-card__body"
1003
+ >Expose REST services and their APIs using Swagger specification.</div>
1313
1004
  </div>
1314
1005
  </div>
1315
- <div
1316
- class="pf-v6-c-card__body"
1317
- >The dropbox: component allows you to treat Dropbox remote folders as a producer or consumer of messages.</div>
1318
1006
  </div>
1319
- <div
1320
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1321
- id="card-view-basic-example-gallery-card-8"
1322
- >
1323
- <div class="pf-v6-c-card__header">
1324
- <img
1325
- src="/assets/images/camel-infinispan_200x150.png"
1326
- width="60px"
1327
- alt="Logo"
1328
- />
1329
- <div class="pf-v6-c-card__actions">
1330
- <div class="pf-v6-c-dropdown">
1007
+ </section>
1008
+ <section class="pf-v6-c-page__main-section pf-m-sticky-bottom">
1009
+ <div class="pf-v6-c-page__main-body">
1010
+ <div class="pf-v6-c-pagination pf-m-bottom">
1011
+ <div class="pf-v6-c-pagination__page-menu">
1012
+ <button
1013
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text pf-m-top"
1014
+ type="button"
1015
+ aria-expanded="false"
1016
+ aria-label="Menu toggle"
1017
+ id="pagination-menu-toggle-bottom-example"
1018
+ >
1019
+ <span class="pf-v6-c-menu-toggle__text">
1020
+ <b>1 - 10</b>&nbsp;of&nbsp;
1021
+ <b>36</b>
1022
+ </span>
1023
+ <span class="pf-v6-c-menu-toggle__controls">
1024
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1025
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1026
+ </span>
1027
+ </span>
1028
+ </button>
1029
+ </div>
1030
+ <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1031
+ <div class="pf-v6-c-pagination__nav-control pf-m-first">
1331
1032
  <button
1332
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1333
- id="card-view-basic-example-gallery-card-8-dropdown-kebab-button"
1334
- aria-expanded="false"
1033
+ class="pf-v6-c-button pf-m-plain"
1335
1034
  type="button"
1336
- aria-label="Actions"
1035
+ disabled
1036
+ aria-label="Go to first page"
1337
1037
  >
1338
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1038
+ <span class="pf-v6-c-button__icon">
1039
+ <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1040
+ </span>
1339
1041
  </button>
1340
- <ul
1341
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1342
- aria-labelledby="card-view-basic-example-gallery-card-8-dropdown-kebab-button"
1343
- hidden
1344
- role="menu"
1345
- >
1346
- <li role="none">
1347
- <a
1348
- class="pf-v6-c-dropdown__menu-item"
1349
- role="menuitem"
1350
- href="#"
1351
- >Link</a>
1352
- </li>
1353
- <li role="none">
1354
- <button
1355
- class="pf-v6-c-dropdown__menu-item"
1356
- role="menuitem"
1357
- type="button"
1358
- >Action</button>
1359
- </li>
1360
- <li role="none">
1361
- <a
1362
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1363
- role="menuitem"
1364
- href="#"
1365
- aria-disabled="true"
1366
- tabindex="-1"
1367
- >Disabled link</a>
1368
- </li>
1369
- <li role="none">
1370
- <button
1371
- class="pf-v6-c-dropdown__menu-item"
1372
- role="menuitem"
1373
- type="button"
1374
- disabled
1375
- >Disabled action</button>
1376
- </li>
1377
- <li class="pf-v6-c-divider" role="separator"></li>
1378
- <li role="none">
1379
- <a
1380
- class="pf-v6-c-dropdown__menu-item"
1381
- role="menuitem"
1382
- href="#"
1383
- >Separated link</a>
1384
- </li>
1385
- </ul>
1386
- </div>
1387
- <div class="pf-v6-c-check pf-m-standalone">
1388
- <input
1389
- class="pf-v6-c-check__input"
1390
- type="checkbox"
1391
- id="card-view-basic-example-gallery-card-8-check"
1392
- name="card-view-basic-example-gallery-card-8-check"
1393
- aria-labelledby="card-view-basic-example-gallery-card-8-check-label"
1394
- />
1395
1042
  </div>
1396
- </div>
1397
- </div>
1398
- <div class="pf-v6-c-card__title">
1399
- <h2
1400
- class="pf-v6-c-card__title-text"
1401
- id="card-view-basic-example-gallery-card-8-check-label"
1402
- >JBoss Data Grid</h2>
1403
- <div class="pf-v6-c-content">
1404
- <small>Provided by Red Hat</small>
1405
- </div>
1406
- </div>
1407
- <div
1408
- class="pf-v6-c-card__body"
1409
- >Read or write to a fully-supported distributed cache and data grid for faster integration services.</div>
1410
- </div>
1411
- <div
1412
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1413
- id="card-view-basic-example-gallery-card-9"
1414
- >
1415
- <div class="pf-v6-c-card__header">
1416
- <img
1417
- src="/assets/images/FuseConnector_Icons_REST.png"
1418
- width="60px"
1419
- alt="Logo"
1420
- />
1421
- <div class="pf-v6-c-card__actions">
1422
- <div class="pf-v6-c-dropdown">
1043
+ <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1423
1044
  <button
1424
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1425
- id="card-view-basic-example-gallery-card-9-dropdown-kebab-button"
1426
- aria-expanded="false"
1045
+ class="pf-v6-c-button pf-m-plain"
1427
1046
  type="button"
1428
- aria-label="Actions"
1047
+ disabled
1048
+ aria-label="Go to previous page"
1429
1049
  >
1430
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1050
+ <span class="pf-v6-c-button__icon">
1051
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
1052
+ </span>
1431
1053
  </button>
1432
- <ul
1433
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1434
- aria-labelledby="card-view-basic-example-gallery-card-9-dropdown-kebab-button"
1435
- hidden
1436
- role="menu"
1437
- >
1438
- <li role="none">
1439
- <a
1440
- class="pf-v6-c-dropdown__menu-item"
1441
- role="menuitem"
1442
- href="#"
1443
- >Link</a>
1444
- </li>
1445
- <li role="none">
1446
- <button
1447
- class="pf-v6-c-dropdown__menu-item"
1448
- role="menuitem"
1449
- type="button"
1450
- >Action</button>
1451
- </li>
1452
- <li role="none">
1453
- <a
1454
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1455
- role="menuitem"
1456
- href="#"
1457
- aria-disabled="true"
1458
- tabindex="-1"
1459
- >Disabled link</a>
1460
- </li>
1461
- <li role="none">
1462
- <button
1463
- class="pf-v6-c-dropdown__menu-item"
1464
- role="menuitem"
1465
- type="button"
1466
- disabled
1467
- >Disabled action</button>
1468
- </li>
1469
- <li class="pf-v6-c-divider" role="separator"></li>
1470
- <li role="none">
1471
- <a
1472
- class="pf-v6-c-dropdown__menu-item"
1473
- role="menuitem"
1474
- href="#"
1475
- >Separated link</a>
1476
- </li>
1477
- </ul>
1478
1054
  </div>
1479
- <div class="pf-v6-c-check pf-m-standalone">
1480
- <input
1481
- class="pf-v6-c-check__input"
1482
- type="checkbox"
1483
- id="card-view-basic-example-gallery-card-9-check"
1484
- name="card-view-basic-example-gallery-card-9-check"
1485
- aria-labelledby="card-view-basic-example-gallery-card-9-check-label"
1486
- />
1055
+ <div class="pf-v6-c-pagination__nav-page-select">
1056
+ <span class="pf-v6-c-form-control">
1057
+ <input
1058
+ aria-label="Current page"
1059
+ type="number"
1060
+ min="1"
1061
+ max="4"
1062
+ value="1"
1063
+ />
1064
+ </span>
1065
+ <span aria-hidden="true">of 4</span>
1487
1066
  </div>
1488
- </div>
1489
- </div>
1490
- <div class="pf-v6-c-card__title">
1491
- <h2
1492
- class="pf-v6-c-card__title-text"
1493
- id="card-view-basic-example-gallery-card-9-check-label"
1494
- >Rest</h2>
1495
- <div class="pf-v6-c-content">
1496
- <small>Provided by Red Hat</small>
1497
- </div>
1498
- </div>
1499
- <div class="pf-v6-c-card__body">
1500
- The rest component allows to define REST endpoints (consumer) using the Rest DSL and plugin to other Camel components as the REST transport.
1501
- From Camel 2.18 onwards the rest component can also be used as a client (producer) to call REST services.
1502
- </div>
1503
- </div>
1504
- <div
1505
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
1506
- id="card-view-basic-example-gallery-card-10"
1507
- >
1508
- <div class="pf-v6-c-card__header">
1509
- <img
1510
- src="/assets/images/camel-swagger-java_200x150.png"
1511
- width="60px"
1512
- alt="Logo"
1513
- />
1514
- <div class="pf-v6-c-card__actions">
1515
- <div class="pf-v6-c-dropdown">
1067
+ <div class="pf-v6-c-pagination__nav-control pf-m-next">
1516
1068
  <button
1517
- class="pf-v6-c-dropdown__toggle pf-m-plain"
1518
- id="card-view-basic-example-gallery-card-10-dropdown-kebab-button"
1519
- aria-expanded="false"
1069
+ class="pf-v6-c-button pf-m-plain"
1520
1070
  type="button"
1521
- aria-label="Actions"
1071
+ aria-label="Go to next page"
1522
1072
  >
1523
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1073
+ <span class="pf-v6-c-button__icon">
1074
+ <i class="fas fa-angle-right" aria-hidden="true"></i>
1075
+ </span>
1524
1076
  </button>
1525
- <ul
1526
- class="pf-v6-c-dropdown__menu pf-m-align-right"
1527
- aria-labelledby="card-view-basic-example-gallery-card-10-dropdown-kebab-button"
1528
- hidden
1529
- role="menu"
1530
- >
1531
- <li role="none">
1532
- <a
1533
- class="pf-v6-c-dropdown__menu-item"
1534
- role="menuitem"
1535
- href="#"
1536
- >Link</a>
1537
- </li>
1538
- <li role="none">
1539
- <button
1540
- class="pf-v6-c-dropdown__menu-item"
1541
- role="menuitem"
1542
- type="button"
1543
- >Action</button>
1544
- </li>
1545
- <li role="none">
1546
- <a
1547
- class="pf-v6-c-dropdown__menu-item pf-m-disabled"
1548
- role="menuitem"
1549
- href="#"
1550
- aria-disabled="true"
1551
- tabindex="-1"
1552
- >Disabled link</a>
1553
- </li>
1554
- <li role="none">
1555
- <button
1556
- class="pf-v6-c-dropdown__menu-item"
1557
- role="menuitem"
1558
- type="button"
1559
- disabled
1560
- >Disabled action</button>
1561
- </li>
1562
- <li class="pf-v6-c-divider" role="separator"></li>
1563
- <li role="none">
1564
- <a
1565
- class="pf-v6-c-dropdown__menu-item"
1566
- role="menuitem"
1567
- href="#"
1568
- >Separated link</a>
1569
- </li>
1570
- </ul>
1571
- </div>
1572
- <div class="pf-v6-c-check pf-m-standalone">
1573
- <input
1574
- class="pf-v6-c-check__input"
1575
- type="checkbox"
1576
- id="card-view-basic-example-gallery-card-10-check"
1577
- name="card-view-basic-example-gallery-card-10-check"
1578
- aria-labelledby="card-view-basic-example-gallery-card-10-check-label"
1579
- />
1580
- </div>
1581
- </div>
1582
- </div>
1583
- <div class="pf-v6-c-card__title">
1584
- <h2
1585
- class="pf-v6-c-card__title-text"
1586
- id="card-view-basic-example-gallery-card-10-check-label"
1587
- >SWAGGER</h2>
1588
- <div class="pf-v6-c-content">
1589
- <small>Provided by Red Hat</small>
1590
- </div>
1591
- </div>
1592
- <div
1593
- class="pf-v6-c-card__body"
1594
- >Expose REST services and their APIs using Swagger specification.</div>
1595
- </div>
1596
- </div>
1597
- </section>
1598
- <section
1599
- class="pf-v6-c-page__main-section pf-m-no-padding pf-m-light pf-m-sticky-bottom pf-m-no-fill"
1600
- >
1601
- <div class="pf-v6-c-pagination pf-m-bottom">
1602
- <div class="pf-v6-c-pagination__page-menu">
1603
- <div class="pf-v6-c-options-menu pf-m-top">
1604
- <button
1605
- class="pf-v6-c-options-menu__toggle pf-m-text pf-m-plain"
1606
- type="button"
1607
- id="pagination-options-menu-bottom-example-toggle"
1608
- aria-haspopup="listbox"
1609
- aria-expanded="false"
1610
- >
1611
- <span class="pf-v6-c-options-menu__toggle-text">
1612
- <b>1 - 10</b>&nbsp;of&nbsp;
1613
- <b>36</b>
1614
- </span>
1615
- <div class="pf-v6-c-options-menu__toggle-icon">
1616
- <i class="fas fa-caret-down" aria-hidden="true"></i>
1617
1077
  </div>
1618
- </button>
1619
- <ul
1620
- class="pf-v6-c-options-menu__menu pf-m-top"
1621
- role="menu"
1622
- aria-labelledby="pagination-options-menu-bottom-example-toggle"
1623
- hidden
1624
- >
1625
- <li role="none">
1078
+ <div class="pf-v6-c-pagination__nav-control pf-m-last">
1626
1079
  <button
1627
- class="pf-v6-c-options-menu__menu-item"
1080
+ class="pf-v6-c-button pf-m-plain"
1628
1081
  type="button"
1629
- role="menuitem"
1630
- >5 per page</button>
1631
- </li>
1632
- <li role="none">
1633
- <button
1634
- class="pf-v6-c-options-menu__menu-item"
1635
- type="button"
1636
- role="menuitem"
1082
+ disabled
1083
+ aria-label="Go to last page"
1637
1084
  >
1638
- 10 per page
1639
- <div class="pf-v6-c-options-menu__menu-item-icon">
1640
- <i class="fas fa-check" aria-hidden="true"></i>
1641
- </div>
1085
+ <span class="pf-v6-c-button__icon">
1086
+ <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1087
+ </span>
1642
1088
  </button>
1643
- </li>
1644
- <li role="none">
1645
- <button
1646
- class="pf-v6-c-options-menu__menu-item"
1647
- type="button"
1648
- role="menuitem"
1649
- >20 per page</button>
1650
- </li>
1651
- </ul>
1089
+ </div>
1090
+ </nav>
1652
1091
  </div>
1653
1092
  </div>
1654
- <nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
1655
- <div class="pf-v6-c-pagination__nav-control pf-m-first">
1656
- <button
1657
- class="pf-v6-c-button pf-m-plain"
1658
- type="button"
1659
- disabled
1660
- aria-label="Go to first page"
1661
- >
1662
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1663
- </button>
1664
- </div>
1665
- <div class="pf-v6-c-pagination__nav-control pf-m-prev">
1666
- <button
1667
- class="pf-v6-c-button pf-m-plain"
1668
- type="button"
1669
- disabled
1670
- aria-label="Go to previous page"
1671
- >
1672
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1673
- </button>
1674
- </div>
1675
- <div class="pf-v6-c-pagination__nav-page-select">
1676
- <span class="pf-v6-c-form-control">
1677
- <input
1678
- aria-label="Current page"
1679
- type="number"
1680
- min="1"
1681
- max="4"
1682
- value="1"
1683
- />
1684
- </span>
1685
- <span aria-hidden="true">of 4</span>
1686
- </div>
1687
- <div class="pf-v6-c-pagination__nav-control pf-m-next">
1688
- <button
1689
- class="pf-v6-c-button pf-m-plain"
1690
- type="button"
1691
- aria-label="Go to next page"
1692
- >
1693
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1694
- </button>
1695
- </div>
1696
- <div class="pf-v6-c-pagination__nav-control pf-m-last">
1697
- <button
1698
- class="pf-v6-c-button pf-m-plain"
1699
- type="button"
1700
- aria-label="Go to last page"
1701
- >
1702
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1703
- </button>
1704
- </div>
1705
- </nav>
1706
- </div>
1707
- </section>
1708
- </main>
1093
+ </section>
1094
+ </main>
1095
+ </div>
1709
1096
  </div>
1710
1097
 
1711
1098
  ```