@patternfly/patternfly 6.5.0-prerelease.6 → 6.5.0-prerelease.61

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 (392) hide show
  1. package/README.md +1 -1
  2. package/assets/fontawesome/_variables.scss +2 -1
  3. package/assets/images/RHAiExperienceIcon.svg +27 -0
  4. package/assets/images/RHAutomationsLogo.svg +96 -0
  5. package/assets/images/RHServerStackIcon.svg +16 -0
  6. package/assets/images/compass--hero-bg.png +0 -0
  7. package/assets/images/compass--rh-wallpaper-dark.png +0 -0
  8. package/assets/images/compass--rh-wallpaper-light.png +0 -0
  9. package/assets/images/compass--wallpaper-dark.jpg +0 -0
  10. package/assets/images/compass--wallpaper-dark.png +0 -0
  11. package/assets/images/compass--wallpaper-light.jpg +0 -0
  12. package/assets/images/compass--wallpaper-light.png +0 -0
  13. package/assets/images/glass-brand-dark.jpg +0 -0
  14. package/assets/images/glass-brand-dark.png +0 -0
  15. package/assets/images/glass-brand-light.jpg +0 -0
  16. package/assets/images/glass-brand-light.png +0 -0
  17. package/base/normalize.scss +7 -0
  18. package/base/patternfly-common.css +50 -0
  19. package/base/patternfly-common.scss +59 -0
  20. package/base/patternfly-svg-icons.css +11 -0
  21. package/base/patternfly-svg-icons.scss +14 -0
  22. package/base/patternfly-variables.css +926 -513
  23. package/base/patternfly-variables.scss +46 -4
  24. package/base/tokens/tokens-dark.scss +56 -8
  25. package/base/tokens/tokens-default.scss +69 -14
  26. package/base/tokens/tokens-glass-dark.scss +26 -0
  27. package/base/tokens/tokens-glass.scss +22 -0
  28. package/base/tokens/tokens-local.scss +17 -0
  29. package/base/tokens/tokens-palette.scss +3 -1
  30. package/base/tokens/tokens-redhat-dark.scss +21 -0
  31. package/base/tokens/tokens-redhat-glass-dark.scss +40 -0
  32. package/base/tokens/tokens-redhat-glass.scss +30 -0
  33. package/base/tokens/tokens-redhat-highcontrast-dark.scss +50 -0
  34. package/base/tokens/tokens-redhat-highcontrast.scss +128 -0
  35. package/base/tokens/tokens-redhat.scss +15 -0
  36. package/components/AboutModalBox/about-modal-box.css +36 -26
  37. package/components/Accordion/accordion.css +27 -14
  38. package/components/Accordion/accordion.scss +12 -2
  39. package/components/ActionList/action-list.css +2 -0
  40. package/components/ActionList/action-list.scss +2 -0
  41. package/components/Alert/alert.css +7 -5
  42. package/components/Alert/alert.scss +2 -1
  43. package/components/Avatar/avatar.css +12 -4
  44. package/components/BackgroundImage/background-image.css +6 -3
  45. package/components/Banner/banner.css +8 -6
  46. package/components/Brand/brand.css +3 -1
  47. package/components/Breadcrumb/breadcrumb.css +4 -3
  48. package/components/Button/button.css +121 -30
  49. package/components/Button/button.scss +131 -26
  50. package/components/CalendarMonth/calendar-month.css +4 -3
  51. package/components/Card/card.css +51 -13
  52. package/components/Card/card.scss +61 -8
  53. package/components/ClipboardCopy/clipboard-copy.css +7 -6
  54. package/components/ClipboardCopy/clipboard-copy.scss +3 -3
  55. package/components/CodeEditor/code-editor.css +1 -1
  56. package/components/CodeEditor/code-editor.scss +1 -1
  57. package/components/Compass/compass.css +320 -0
  58. package/components/Compass/compass.scss +350 -0
  59. package/components/DataList/data-list.css +34 -23
  60. package/components/DataList/data-list.scss +8 -2
  61. package/components/DescriptionList/description-list-order.scss +5 -1
  62. package/components/DescriptionList/description-list.css +7 -5
  63. package/components/DescriptionList/description-list.scss +5 -1
  64. package/components/Divider/divider.css +7 -5
  65. package/components/Drawer/drawer.css +222 -73
  66. package/components/Drawer/drawer.scss +191 -26
  67. package/components/DualListSelector/dual-list-selector.css +18 -12
  68. package/components/DualListSelector/dual-list-selector.scss +1 -1
  69. package/components/ExpandableSection/expandable-section.css +21 -16
  70. package/components/ExpandableSection/expandable-section.scss +6 -3
  71. package/components/Form/form.css +2 -2
  72. package/components/Form/form.scss +2 -2
  73. package/components/FormControl/form-control.css +3 -3
  74. package/components/FormControl/form-control.scss +3 -3
  75. package/components/Hero/hero.css +74 -0
  76. package/components/Hero/hero.scss +86 -0
  77. package/components/JumpLinks/jump-links.css +16 -5
  78. package/components/JumpLinks/jump-links.scss +17 -3
  79. package/components/Label/label-group.css +2 -2
  80. package/components/Label/label-group.scss +2 -2
  81. package/components/Label/label.css +4 -3
  82. package/components/Login/login.css +58 -40
  83. package/components/Login/login.scss +7 -3
  84. package/components/Masthead/masthead.css +112 -16
  85. package/components/Masthead/masthead.scss +112 -1
  86. package/components/Menu/menu.css +23 -14
  87. package/components/MenuToggle/menu-toggle.css +26 -3
  88. package/components/MenuToggle/menu-toggle.scss +30 -3
  89. package/components/ModalBox/modal-box.css +9 -7
  90. package/components/ModalBox/modal-box.scss +2 -2
  91. package/components/Nav/nav.css +82 -11
  92. package/components/Nav/nav.scss +85 -5
  93. package/components/NotificationDrawer/notification-drawer.css +19 -9
  94. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  95. package/components/Page/page.css +214 -29
  96. package/components/Page/page.scss +228 -13
  97. package/components/Pagination/pagination.scss +5 -1
  98. package/components/Panel/panel.css +14 -0
  99. package/components/Panel/panel.scss +18 -0
  100. package/components/Progress/progress.css +3 -1
  101. package/components/Progress/progress.scss +3 -1
  102. package/components/ProgressStepper/progress-stepper.scss +5 -1
  103. package/components/Sidebar/sidebar.css +1 -1
  104. package/components/Sidebar/sidebar.scss +7 -3
  105. package/components/Skeleton/skeleton.css +16 -15
  106. package/components/Slider/slider.css +32 -18
  107. package/components/Switch/switch.css +4 -2
  108. package/components/Switch/switch.scss +1 -1
  109. package/components/Table/table-grid.css +28 -36
  110. package/components/Table/table-grid.scss +4 -4
  111. package/components/Table/table-tree-view.css +4 -2
  112. package/components/Table/table.css +45 -36
  113. package/components/Table/table.scss +15 -11
  114. package/components/Tabs/tabs.css +51 -33
  115. package/components/Tabs/tabs.scss +54 -26
  116. package/components/TextInputGroup/text-input-group.css +2 -2
  117. package/components/TextInputGroup/text-input-group.scss +2 -2
  118. package/components/ToggleGroup/toggle-group.css +34 -17
  119. package/components/ToggleGroup/toggle-group.scss +36 -20
  120. package/components/Toolbar/toolbar.css +47 -15
  121. package/components/Toolbar/toolbar.scss +34 -6
  122. package/components/TreeView/tree-view.css +45 -14
  123. package/components/TreeView/tree-view.scss +32 -1
  124. package/components/Wizard/wizard.css +41 -19
  125. package/components/Wizard/wizard.scss +26 -6
  126. package/components/_index.css +2047 -721
  127. package/components/_index.scss +3 -1
  128. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  129. package/docs/components/Accordion/examples/Accordion.md +392 -30
  130. package/docs/components/ActionList/examples/ActionList.md +143 -11
  131. package/docs/components/Alert/examples/Alert.md +678 -54
  132. package/docs/components/Avatar/examples/Avatar.md +4 -4
  133. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  134. package/docs/components/Banner/examples/Banner.md +65 -5
  135. package/docs/components/Brand/examples/Brand.md +2 -2
  136. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -24
  137. package/docs/components/Button/examples/Button.md +2362 -163
  138. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  139. package/docs/components/Card/examples/Card.md +207 -4
  140. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +286 -22
  141. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  142. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  143. package/docs/components/Compass/examples/Compass.css +17 -0
  144. package/docs/components/Compass/examples/Compass.md +119 -0
  145. package/docs/components/DataList/examples/DataList.md +406 -205
  146. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  147. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  148. package/docs/components/Divider/examples/Divider.md +2 -2
  149. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  150. package/docs/components/Drawer/examples/Drawer.md +355 -35
  151. package/docs/components/DualListSelector/examples/DualListSelector.md +1013 -143
  152. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  153. package/docs/components/Form/examples/Form.md +78 -6
  154. package/docs/components/Hero/examples/Hero.md +25 -0
  155. package/docs/components/Icon/examples/Icon.md +92 -8
  156. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  157. package/docs/components/InputGroup/examples/InputGroup.md +27 -3
  158. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  159. package/docs/components/Label/examples/Label.md +2834 -218
  160. package/docs/components/Login/examples/Login.md +26 -2
  161. package/docs/components/Masthead/examples/masthead.md +80 -1
  162. package/docs/components/Menu/examples/Menu.md +1458 -116
  163. package/docs/components/MenuToggle/examples/MenuToggle.md +14 -5
  164. package/docs/components/ModalBox/examples/ModalBox.md +289 -25
  165. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  166. package/docs/components/Nav/examples/Navigation.md +798 -58
  167. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +598 -46
  168. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  169. package/docs/components/Page/examples/Page.md +72 -11
  170. package/docs/components/Pagination/examples/Pagination.md +627 -64
  171. package/docs/components/Panel/examples/Panel.md +12 -0
  172. package/docs/components/Popover/examples/Popover.md +286 -22
  173. package/docs/components/Progress/examples/Progress.md +91 -7
  174. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  175. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  176. package/docs/components/Slider/examples/Slider.md +52 -4
  177. package/docs/components/Table/examples/Table.md +876 -70
  178. package/docs/components/Tabs/examples/Tabs.md +5908 -457
  179. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  180. package/docs/components/ToggleGroup/examples/toggle-group.md +195 -15
  181. package/docs/components/Toolbar/examples/Toolbar.md +490 -44
  182. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  183. package/docs/components/Wizard/examples/Wizard.md +815 -72
  184. package/docs/demos/AboutModal/examples/AboutModal.md +98 -47
  185. package/docs/demos/Alert/examples/Alert.md +359 -146
  186. package/docs/demos/BackToTop/examples/BackToTop.md +98 -47
  187. package/docs/demos/Banner/examples/Banner.md +170 -92
  188. package/docs/demos/Button/examples/Button.md +13 -1
  189. package/docs/demos/Card/examples/Card.md +963 -128
  190. package/docs/demos/CardView/examples/CardView.md +435 -252
  191. package/docs/demos/Compass/examples/Compass.md +5930 -0
  192. package/docs/demos/Dashboard/examples/Dashboard.md +648 -164
  193. package/docs/demos/DataList/examples/DataList.md +730 -225
  194. package/docs/demos/DescriptionList/examples/DescriptionList.md +279 -141
  195. package/docs/demos/Drawer/examples/Drawer.md +421 -235
  196. package/docs/demos/Form/examples/BasicForms.md +273 -21
  197. package/docs/demos/JumpLinks/examples/JumpLinks.md +518 -287
  198. package/docs/demos/Masthead/examples/Masthead.md +787 -451
  199. package/docs/demos/Modal/examples/Modal.md +588 -285
  200. package/docs/demos/Nav/examples/Nav.md +2913 -493
  201. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1273 -310
  202. package/docs/demos/Page/examples/Page.md +1236 -689
  203. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  204. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  205. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +978 -385
  206. package/docs/demos/Skeleton/examples/Skeleton.md +85 -46
  207. package/docs/demos/Table/examples/Table.md +4531 -838
  208. package/docs/demos/Tabs/examples/Tabs.md +653 -293
  209. package/docs/demos/Toolbar/examples/Toolbar.md +584 -136
  210. package/docs/demos/Wizard/examples/Wizard.md +1165 -472
  211. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  212. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  213. package/docs/layouts/Flex/examples/Flex.css +3 -3
  214. package/docs/layouts/Flex/examples/Flex.md +3 -2
  215. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  216. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  217. package/docs/layouts/Grid/examples/Grid.css +1 -1
  218. package/docs/layouts/Grid/examples/Grid.md +6 -5
  219. package/docs/layouts/Level/examples/Level.css +3 -3
  220. package/docs/layouts/Level/examples/Level.md +2 -1
  221. package/docs/layouts/Split/examples/Split.css +1 -1
  222. package/docs/layouts/Split/examples/Split.md +2 -1
  223. package/docs/layouts/Stack/examples/Stack.css +3 -3
  224. package/docs/layouts/Stack/examples/Stack.md +2 -1
  225. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  226. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  227. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  228. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  229. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  230. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  231. package/docs/utilities/Display/examples/Display.css +1 -1
  232. package/docs/utilities/Display/examples/Display.md +3 -2
  233. package/docs/utilities/Flex/examples/Flex.css +7 -7
  234. package/docs/utilities/Flex/examples/Flex.md +3 -2
  235. package/docs/utilities/Float/examples/Float.css +2 -2
  236. package/docs/utilities/Float/examples/Float.md +3 -2
  237. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  238. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  239. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  240. package/docs/utilities/Text/examples/Text.md +5 -4
  241. package/icons/PfIcons/add-circle-o.svg +4 -0
  242. package/icons/PfIcons/ansible-tower.svg +4 -0
  243. package/icons/PfIcons/applications.svg +4 -0
  244. package/icons/PfIcons/arrow.svg +4 -0
  245. package/icons/PfIcons/asleep.svg +4 -0
  246. package/icons/PfIcons/attention-bell.svg +4 -0
  247. package/icons/PfIcons/automation.svg +4 -0
  248. package/icons/PfIcons/bell.svg +4 -0
  249. package/icons/PfIcons/blueprint.svg +4 -0
  250. package/icons/PfIcons/build.svg +4 -0
  251. package/icons/PfIcons/builder-image.svg +4 -0
  252. package/icons/PfIcons/bundle.svg +4 -0
  253. package/icons/PfIcons/catalog.svg +4 -0
  254. package/icons/PfIcons/chat.svg +4 -0
  255. package/icons/PfIcons/close.svg +4 -0
  256. package/icons/PfIcons/cloud-security.svg +4 -0
  257. package/icons/PfIcons/cloud-tenant.svg +4 -0
  258. package/icons/PfIcons/cluster.svg +4 -0
  259. package/icons/PfIcons/connected.svg +4 -0
  260. package/icons/PfIcons/container-node.svg +4 -0
  261. package/icons/PfIcons/cpu.svg +4 -0
  262. package/icons/PfIcons/critical-risk.svg +4 -0
  263. package/icons/PfIcons/data-processor.svg +4 -0
  264. package/icons/PfIcons/data-sink.svg +4 -0
  265. package/icons/PfIcons/data-source.svg +4 -0
  266. package/icons/PfIcons/degraded.svg +4 -0
  267. package/icons/PfIcons/disconnected.svg +4 -0
  268. package/icons/PfIcons/domain.svg +4 -0
  269. package/icons/PfIcons/edit.svg +4 -0
  270. package/icons/PfIcons/enhancement.svg +4 -0
  271. package/icons/PfIcons/enterprise.svg +4 -0
  272. package/icons/PfIcons/equalizer.svg +4 -0
  273. package/icons/PfIcons/error-circle-o.svg +4 -0
  274. package/icons/PfIcons/export.svg +4 -0
  275. package/icons/PfIcons/filter.svg +4 -0
  276. package/icons/PfIcons/flavor.svg +4 -0
  277. package/icons/PfIcons/folder-close.svg +4 -0
  278. package/icons/PfIcons/folder-open.svg +4 -0
  279. package/icons/PfIcons/globe-route.svg +4 -0
  280. package/icons/PfIcons/help.svg +4 -0
  281. package/icons/PfIcons/history.svg +4 -0
  282. package/icons/PfIcons/home.svg +4 -0
  283. package/icons/PfIcons/import.svg +4 -0
  284. package/icons/PfIcons/in-progress.svg +4 -0
  285. package/icons/PfIcons/info.svg +4 -0
  286. package/icons/PfIcons/infrastructure.svg +4 -0
  287. package/icons/PfIcons/integration.svg +4 -0
  288. package/icons/PfIcons/key.svg +4 -0
  289. package/icons/PfIcons/locked.svg +4 -0
  290. package/icons/PfIcons/maintenance.svg +4 -0
  291. package/icons/PfIcons/memory.svg +4 -0
  292. package/icons/PfIcons/messages.svg +4 -0
  293. package/icons/PfIcons/middleware.svg +4 -0
  294. package/icons/PfIcons/migration.svg +4 -0
  295. package/icons/PfIcons/module.svg +4 -0
  296. package/icons/PfIcons/monitoring.svg +4 -0
  297. package/icons/PfIcons/multicluster.svg +4 -0
  298. package/icons/PfIcons/namespaces.svg +4 -0
  299. package/icons/PfIcons/network.svg +4 -0
  300. package/icons/PfIcons/new-process.svg +4 -0
  301. package/icons/PfIcons/not-started.svg +4 -0
  302. package/icons/PfIcons/off.svg +4 -0
  303. package/icons/PfIcons/ok.svg +4 -0
  304. package/icons/PfIcons/on-running.svg +4 -0
  305. package/icons/PfIcons/on.svg +4 -0
  306. package/icons/PfIcons/open-drawer-right.svg +4 -0
  307. package/icons/PfIcons/openshift.svg +4 -0
  308. package/icons/PfIcons/openstack.svg +4 -0
  309. package/icons/PfIcons/optimize.svg +4 -0
  310. package/icons/PfIcons/orders.svg +4 -0
  311. package/icons/PfIcons/os-image.svg +4 -0
  312. package/icons/PfIcons/package.svg +4 -0
  313. package/icons/PfIcons/panel-close.svg +4 -0
  314. package/icons/PfIcons/panel-open.svg +4 -0
  315. package/icons/PfIcons/paused.svg +4 -0
  316. package/icons/PfIcons/pending.svg +4 -0
  317. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  318. package/icons/PfIcons/pficon-history.svg +4 -0
  319. package/icons/PfIcons/pficon-network-range.svg +4 -0
  320. package/icons/PfIcons/pficon-satellite.svg +4 -0
  321. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  322. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  323. package/icons/PfIcons/pficon-template.svg +4 -0
  324. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  325. package/icons/PfIcons/plugged.svg +4 -0
  326. package/icons/PfIcons/port.svg +4 -0
  327. package/icons/PfIcons/print.svg +4 -0
  328. package/icons/PfIcons/private.svg +4 -0
  329. package/icons/PfIcons/process-automation.svg +4 -0
  330. package/icons/PfIcons/project.svg +4 -0
  331. package/icons/PfIcons/rebalance.svg +4 -0
  332. package/icons/PfIcons/rebooting.svg +4 -0
  333. package/icons/PfIcons/regions.svg +4 -0
  334. package/icons/PfIcons/registry.svg +4 -0
  335. package/icons/PfIcons/remove2.svg +4 -0
  336. package/icons/PfIcons/replicator.svg +4 -0
  337. package/icons/PfIcons/repository.svg +4 -0
  338. package/icons/PfIcons/resource-pool.svg +4 -0
  339. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  340. package/icons/PfIcons/resources-almost-full.svg +4 -0
  341. package/icons/PfIcons/resources-empty.svg +4 -0
  342. package/icons/PfIcons/resources-full.svg +4 -0
  343. package/icons/PfIcons/running.svg +4 -0
  344. package/icons/PfIcons/save.svg +4 -0
  345. package/icons/PfIcons/screen.svg +4 -0
  346. package/icons/PfIcons/security.svg +4 -0
  347. package/icons/PfIcons/server-group.svg +4 -0
  348. package/icons/PfIcons/server.svg +4 -0
  349. package/icons/PfIcons/service-catalog.svg +4 -0
  350. package/icons/PfIcons/service.svg +4 -0
  351. package/icons/PfIcons/services.svg +4 -0
  352. package/icons/PfIcons/severity-critical.svg +4 -0
  353. package/icons/PfIcons/severity-important.svg +4 -0
  354. package/icons/PfIcons/severity-minor.svg +4 -0
  355. package/icons/PfIcons/severity-moderate.svg +4 -0
  356. package/icons/PfIcons/severity-none.svg +4 -0
  357. package/icons/PfIcons/severity-undefined.svg +4 -0
  358. package/icons/PfIcons/spinner.svg +4 -0
  359. package/icons/PfIcons/spinner2.svg +4 -0
  360. package/icons/PfIcons/storage-domain.svg +4 -0
  361. package/icons/PfIcons/task.svg +4 -0
  362. package/icons/PfIcons/tenant.svg +4 -0
  363. package/icons/PfIcons/thumb-tack.svg +4 -0
  364. package/icons/PfIcons/topology.svg +4 -0
  365. package/icons/PfIcons/treeview.svg +4 -0
  366. package/icons/PfIcons/trend-down.svg +4 -0
  367. package/icons/PfIcons/trend-up.svg +4 -0
  368. package/icons/PfIcons/unknown.svg +4 -0
  369. package/icons/PfIcons/unlocked.svg +4 -0
  370. package/icons/PfIcons/unplugged.svg +4 -0
  371. package/icons/PfIcons/user.svg +4 -0
  372. package/icons/PfIcons/users.svg +4 -0
  373. package/icons/PfIcons/virtual-machine.svg +4 -0
  374. package/icons/PfIcons/volume.svg +4 -0
  375. package/icons/PfIcons/warning-triangle.svg +4 -0
  376. package/icons/PfIcons/zone.svg +4 -0
  377. package/layouts/Flex/flex.scss +83 -19
  378. package/layouts/Gallery/gallery.css +6 -2
  379. package/layouts/_index.css +6 -2
  380. package/package.json +34 -16
  381. package/patternfly-base-no-globals.css +965 -491
  382. package/patternfly-base.css +972 -491
  383. package/patternfly-charts.css +3 -3
  384. package/patternfly-no-globals.css +2908 -1087
  385. package/patternfly.css +2915 -1087
  386. package/patternfly.min.css +1 -1
  387. package/patternfly.min.css.map +1 -1
  388. package/patternfly.scss +27 -0
  389. package/sass-utilities/functions.scss +32 -25
  390. package/sass-utilities/mixins.scss +36 -20
  391. package/sass-utilities/namespaces-components.scss +6 -0
  392. package/sass-utilities/scss-variables.scss +3 -0
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -15,7 +15,8 @@ section: patterns
15
15
  <span class="pf-v6-c-button__text">Skip to content</span>
16
16
  </a>
17
17
  </div>
18
- <header class="pf-v6-c-masthead" id="card-view-basic-example-masthead">
18
+
19
+ <header class="pf-v6-c-masthead" id="card-view-basic-example-docked">
19
20
  <div class="pf-v6-c-masthead__main">
20
21
  <span class="pf-v6-c-masthead__toggle">
21
22
  <button
@@ -57,7 +58,7 @@ section: patterns
57
58
  y1="2.25860997e-13%"
58
59
  x2="32%"
59
60
  y2="100%"
60
- id="linearGradient-card-view-basic-example-masthead"
61
+ id="linearGradient-card-view-basic-example-docked"
61
62
  >
62
63
  <stop stop-color="#2B9AF3" offset="0%" />
63
64
  <stop
@@ -111,11 +112,11 @@ section: patterns
111
112
  />
112
113
  <path
113
114
  d="M158,3.43478261 L65.2608696,158 L138,158 C149.045695,158 158,149.045695 158,138 L158,3.43478261 L158,3.43478261 Z"
114
- fill="url(#linearGradient-card-view-basic-example-masthead)"
115
+ fill="url(#linearGradient-card-view-basic-example-docked)"
115
116
  />
116
117
  <path
117
118
  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"
118
- fill="url(#linearGradient-card-view-basic-example-masthead)"
119
+ fill="url(#linearGradient-card-view-basic-example-docked)"
119
120
  transform="translate(77.282609, 46.369565) scale(1, -1) rotate(90.000000) translate(-77.282609, -46.369565) "
120
121
  />
121
122
  </g>
@@ -127,7 +128,7 @@ section: patterns
127
128
  <div class="pf-v6-c-masthead__content">
128
129
  <div
129
130
  class="pf-v6-c-toolbar pf-m-static"
130
- id="card-view-basic-example-masthead-toolbar"
131
+ id="card-view-basic-example-docked-toolbar"
131
132
  >
132
133
  <div class="pf-v6-c-toolbar__content">
133
134
  <div class="pf-v6-c-toolbar__content-section">
@@ -194,136 +195,174 @@ section: patterns
194
195
  </div>
195
196
  </header>
196
197
  <div class="pf-v6-c-page__sidebar">
197
- <div class="pf-v6-c-page__sidebar-body">
198
- <nav
199
- class="pf-v6-c-nav"
200
- id="card-view-basic-example-expandable-nav"
201
- aria-label="Global"
202
- >
203
- <ul class="pf-v6-c-nav__list" role="list">
204
- <li class="pf-v6-c-nav__item pf-m-expanded">
205
- <button
206
- class="pf-v6-c-nav__link"
207
- aria-expanded="true"
208
- id="card-view-basic-example-expandable-nav-link1"
209
- >
210
- <span class="pf-v6-c-nav__link-text">System panel</span>
211
- <span class="pf-v6-c-nav__toggle">
212
- <span class="pf-v6-c-nav__toggle-icon">
213
- <i class="fas fa-angle-right" aria-hidden="true"></i>
198
+ <div class="pf-v6-c-page__sidebar-main">
199
+ <div class="pf-v6-c-page__sidebar-body">
200
+ <nav
201
+ class="pf-v6-c-nav"
202
+ id="card-view-basic-example-expandable-nav"
203
+ aria-label="Global"
204
+ >
205
+ <ul class="pf-v6-c-nav__list" role="list">
206
+ <li class="pf-v6-c-nav__item pf-m-expanded">
207
+ <button
208
+ class="pf-v6-c-nav__link"
209
+ aria-expanded="true"
210
+ id="card-view-basic-example-expandable-nav-link1"
211
+ >
212
+ <span class="pf-v6-c-nav__link-text">System panel</span>
213
+ <span class="pf-v6-c-nav__toggle">
214
+ <span class="pf-v6-c-nav__toggle-icon">
215
+ <svg
216
+ class="pf-v6-svg"
217
+ viewBox="0 0 20 20"
218
+ fill="currentColor"
219
+ aria-hidden="true"
220
+ role="img"
221
+ width="1em"
222
+ height="1em"
223
+ >
224
+ <path
225
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
226
+ />
227
+ </svg>
228
+ </span>
214
229
  </span>
215
- </span>
216
- </button>
217
- <section
218
- class="pf-v6-c-nav__subnav"
219
- aria-labelledby="card-view-basic-example-expandable-nav-link1"
220
- >
221
- <ul class="pf-v6-c-nav__list" role="list">
222
- <li class="pf-v6-c-nav__item">
223
- <a href="#" class="pf-v6-c-nav__link">
224
- <span class="pf-v6-c-nav__link-text">Overview</span>
225
- </a>
226
- </li>
227
- <li class="pf-v6-c-nav__item">
228
- <a
229
- href="#"
230
- class="pf-v6-c-nav__link pf-m-current"
231
- aria-current="page"
232
- >
233
- <span class="pf-v6-c-nav__link-text">Resource usage</span>
234
- </a>
235
- </li>
236
- <li class="pf-v6-c-nav__item">
237
- <a href="#" class="pf-v6-c-nav__link">
238
- <span class="pf-v6-c-nav__link-text">Hypervisors</span>
239
- </a>
240
- </li>
241
- <li class="pf-v6-c-nav__item">
242
- <a href="#" class="pf-v6-c-nav__link">
243
- <span class="pf-v6-c-nav__link-text">Instances</span>
244
- </a>
245
- </li>
246
- <li class="pf-v6-c-nav__item">
247
- <a href="#" class="pf-v6-c-nav__link">
248
- <span class="pf-v6-c-nav__link-text">Volumes</span>
249
- </a>
250
- </li>
251
- <li class="pf-v6-c-nav__item">
252
- <a href="#" class="pf-v6-c-nav__link">
253
- <span class="pf-v6-c-nav__link-text">Networks</span>
254
- </a>
255
- </li>
256
- </ul>
257
- </section>
258
- </li>
259
- <li class="pf-v6-c-nav__item">
260
- <button
261
- class="pf-v6-c-nav__link"
262
- aria-expanded="false"
263
- id="card-view-basic-example-expandable-nav-link2"
264
- >
265
- <span class="pf-v6-c-nav__link-text">Policy</span>
266
- <span class="pf-v6-c-nav__toggle">
267
- <span class="pf-v6-c-nav__toggle-icon">
268
- <i class="fas fa-angle-right" aria-hidden="true"></i>
230
+ </button>
231
+ <section
232
+ class="pf-v6-c-nav__subnav"
233
+ aria-labelledby="card-view-basic-example-expandable-nav-link1"
234
+ >
235
+ <ul class="pf-v6-c-nav__list" role="list">
236
+ <li class="pf-v6-c-nav__item">
237
+ <a href="#" class="pf-v6-c-nav__link">
238
+ <span class="pf-v6-c-nav__link-text">Overview</span>
239
+ </a>
240
+ </li>
241
+ <li class="pf-v6-c-nav__item">
242
+ <a
243
+ href="#"
244
+ class="pf-v6-c-nav__link pf-m-current"
245
+ aria-current="page"
246
+ >
247
+ <span class="pf-v6-c-nav__link-text">Resource usage</span>
248
+ </a>
249
+ </li>
250
+ <li class="pf-v6-c-nav__item">
251
+ <a href="#" class="pf-v6-c-nav__link">
252
+ <span class="pf-v6-c-nav__link-text">Hypervisors</span>
253
+ </a>
254
+ </li>
255
+ <li class="pf-v6-c-nav__item">
256
+ <a href="#" class="pf-v6-c-nav__link">
257
+ <span class="pf-v6-c-nav__link-text">Instances</span>
258
+ </a>
259
+ </li>
260
+ <li class="pf-v6-c-nav__item">
261
+ <a href="#" class="pf-v6-c-nav__link">
262
+ <span class="pf-v6-c-nav__link-text">Volumes</span>
263
+ </a>
264
+ </li>
265
+ <li class="pf-v6-c-nav__item">
266
+ <a href="#" class="pf-v6-c-nav__link">
267
+ <span class="pf-v6-c-nav__link-text">Networks</span>
268
+ </a>
269
+ </li>
270
+ </ul>
271
+ </section>
272
+ </li>
273
+ <li class="pf-v6-c-nav__item">
274
+ <button
275
+ class="pf-v6-c-nav__link"
276
+ aria-expanded="false"
277
+ id="card-view-basic-example-expandable-nav-link2"
278
+ >
279
+ <span class="pf-v6-c-nav__link-text">Policy</span>
280
+ <span class="pf-v6-c-nav__toggle">
281
+ <span class="pf-v6-c-nav__toggle-icon">
282
+ <svg
283
+ class="pf-v6-svg"
284
+ viewBox="0 0 20 20"
285
+ fill="currentColor"
286
+ aria-hidden="true"
287
+ role="img"
288
+ width="1em"
289
+ height="1em"
290
+ >
291
+ <path
292
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
293
+ />
294
+ </svg>
295
+ </span>
269
296
  </span>
270
- </span>
271
- </button>
272
- <section
273
- class="pf-v6-c-nav__subnav"
274
- aria-labelledby="card-view-basic-example-expandable-nav-link2"
275
- hidden
276
- inert
277
- >
278
- <ul class="pf-v6-c-nav__list" role="list">
279
- <li class="pf-v6-c-nav__item">
280
- <a href="#" class="pf-v6-c-nav__link">
281
- <span class="pf-v6-c-nav__link-text">Subnav link 1</span>
282
- </a>
283
- </li>
284
- <li class="pf-v6-c-nav__item">
285
- <a href="#" class="pf-v6-c-nav__link">
286
- <span class="pf-v6-c-nav__link-text">Subnav link 2</span>
287
- </a>
288
- </li>
289
- </ul>
290
- </section>
291
- </li>
292
- <li class="pf-v6-c-nav__item">
293
- <button
294
- class="pf-v6-c-nav__link"
295
- aria-expanded="false"
296
- id="card-view-basic-example-expandable-nav-link3"
297
- >
298
- <span class="pf-v6-c-nav__link-text">Authentication</span>
299
- <span class="pf-v6-c-nav__toggle">
300
- <span class="pf-v6-c-nav__toggle-icon">
301
- <i class="fas fa-angle-right" aria-hidden="true"></i>
297
+ </button>
298
+ <section
299
+ class="pf-v6-c-nav__subnav"
300
+ aria-labelledby="card-view-basic-example-expandable-nav-link2"
301
+ hidden
302
+ inert
303
+ >
304
+ <ul class="pf-v6-c-nav__list" role="list">
305
+ <li class="pf-v6-c-nav__item">
306
+ <a href="#" class="pf-v6-c-nav__link">
307
+ <span class="pf-v6-c-nav__link-text">Subnav link 1</span>
308
+ </a>
309
+ </li>
310
+ <li class="pf-v6-c-nav__item">
311
+ <a href="#" class="pf-v6-c-nav__link">
312
+ <span class="pf-v6-c-nav__link-text">Subnav link 2</span>
313
+ </a>
314
+ </li>
315
+ </ul>
316
+ </section>
317
+ </li>
318
+ <li class="pf-v6-c-nav__item">
319
+ <button
320
+ class="pf-v6-c-nav__link"
321
+ aria-expanded="false"
322
+ id="card-view-basic-example-expandable-nav-link3"
323
+ >
324
+ <span class="pf-v6-c-nav__link-text">Authentication</span>
325
+ <span class="pf-v6-c-nav__toggle">
326
+ <span class="pf-v6-c-nav__toggle-icon">
327
+ <svg
328
+ class="pf-v6-svg"
329
+ viewBox="0 0 20 20"
330
+ fill="currentColor"
331
+ aria-hidden="true"
332
+ role="img"
333
+ width="1em"
334
+ height="1em"
335
+ >
336
+ <path
337
+ d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
338
+ />
339
+ </svg>
340
+ </span>
302
341
  </span>
303
- </span>
304
- </button>
305
- <section
306
- class="pf-v6-c-nav__subnav"
307
- aria-labelledby="card-view-basic-example-expandable-nav-link3"
308
- hidden
309
- inert
310
- >
311
- <ul class="pf-v6-c-nav__list" role="list">
312
- <li class="pf-v6-c-nav__item">
313
- <a href="#" class="pf-v6-c-nav__link">
314
- <span class="pf-v6-c-nav__link-text">Subnav link 1</span>
315
- </a>
316
- </li>
317
- <li class="pf-v6-c-nav__item">
318
- <a href="#" class="pf-v6-c-nav__link">
319
- <span class="pf-v6-c-nav__link-text">Subnav link 2</span>
320
- </a>
321
- </li>
322
- </ul>
323
- </section>
324
- </li>
325
- </ul>
326
- </nav>
342
+ </button>
343
+ <section
344
+ class="pf-v6-c-nav__subnav"
345
+ aria-labelledby="card-view-basic-example-expandable-nav-link3"
346
+ hidden
347
+ inert
348
+ >
349
+ <ul class="pf-v6-c-nav__list" role="list">
350
+ <li class="pf-v6-c-nav__item">
351
+ <a href="#" class="pf-v6-c-nav__link">
352
+ <span class="pf-v6-c-nav__link-text">Subnav link 1</span>
353
+ </a>
354
+ </li>
355
+ <li class="pf-v6-c-nav__item">
356
+ <a href="#" class="pf-v6-c-nav__link">
357
+ <span class="pf-v6-c-nav__link-text">Subnav link 2</span>
358
+ </a>
359
+ </li>
360
+ </ul>
361
+ </section>
362
+ </li>
363
+ </ul>
364
+ </nav>
365
+ </div>
327
366
  </div>
328
367
  </div>
329
368
  <div class="pf-v6-c-page__main-container" tabindex="-1">
@@ -341,21 +380,57 @@ section: patterns
341
380
  </li>
342
381
  <li class="pf-v6-c-breadcrumb__item">
343
382
  <span class="pf-v6-c-breadcrumb__item-divider">
344
- <i class="fas fa-angle-right" aria-hidden="true"></i>
383
+ <svg
384
+ class="pf-v6-svg"
385
+ viewBox="0 0 20 20"
386
+ fill="currentColor"
387
+ aria-hidden="true"
388
+ role="img"
389
+ width="1em"
390
+ height="1em"
391
+ >
392
+ <path
393
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
394
+ />
395
+ </svg>
345
396
  </span>
346
397
 
347
398
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
348
399
  </li>
349
400
  <li class="pf-v6-c-breadcrumb__item">
350
401
  <span class="pf-v6-c-breadcrumb__item-divider">
351
- <i class="fas fa-angle-right" aria-hidden="true"></i>
402
+ <svg
403
+ class="pf-v6-svg"
404
+ viewBox="0 0 20 20"
405
+ fill="currentColor"
406
+ aria-hidden="true"
407
+ role="img"
408
+ width="1em"
409
+ height="1em"
410
+ >
411
+ <path
412
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
413
+ />
414
+ </svg>
352
415
  </span>
353
416
 
354
417
  <a href="#" class="pf-v6-c-breadcrumb__link">Section title</a>
355
418
  </li>
356
419
  <li class="pf-v6-c-breadcrumb__item">
357
420
  <span class="pf-v6-c-breadcrumb__item-divider">
358
- <i class="fas fa-angle-right" aria-hidden="true"></i>
421
+ <svg
422
+ class="pf-v6-svg"
423
+ viewBox="0 0 20 20"
424
+ fill="currentColor"
425
+ aria-hidden="true"
426
+ role="img"
427
+ width="1em"
428
+ height="1em"
429
+ >
430
+ <path
431
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
432
+ />
433
+ </svg>
359
434
  </span>
360
435
 
361
436
  <a
@@ -488,7 +563,6 @@ section: patterns
488
563
  class="pf-v6-c-menu-toggle pf-m-text pf-m-plain"
489
564
  type="button"
490
565
  aria-expanded="false"
491
- aria-label="Menu toggle"
492
566
  id="card-view-basic-example-toolbar-top-pagination"
493
567
  >
494
568
  <span class="pf-v6-c-menu-toggle__text">
@@ -517,7 +591,19 @@ section: patterns
517
591
  aria-label="Go to previous page"
518
592
  >
519
593
  <span class="pf-v6-c-button__icon">
520
- <i class="fas fa-angle-left" aria-hidden="true"></i>
594
+ <svg
595
+ class="pf-v6-svg"
596
+ viewBox="0 0 256 512"
597
+ fill="currentColor"
598
+ aria-hidden="true"
599
+ role="img"
600
+ width="1em"
601
+ height="1em"
602
+ >
603
+ <path
604
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
605
+ />
606
+ </svg>
521
607
  </span>
522
608
  </button>
523
609
  </div>
@@ -528,7 +614,19 @@ section: patterns
528
614
  aria-label="Go to next page"
529
615
  >
530
616
  <span class="pf-v6-c-button__icon">
531
- <i class="fas fa-angle-right" aria-hidden="true"></i>
617
+ <svg
618
+ class="pf-v6-svg"
619
+ viewBox="0 0 256 512"
620
+ fill="currentColor"
621
+ aria-hidden="true"
622
+ role="img"
623
+ width="1em"
624
+ height="1em"
625
+ >
626
+ <path
627
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
628
+ />
629
+ </svg>
532
630
  </span>
533
631
  </button>
534
632
  </div>
@@ -556,7 +654,21 @@ section: patterns
556
654
  <div class="pf-v6-l-bullseye">
557
655
  <div class="pf-v6-c-empty-state pf-m-xs">
558
656
  <div class="pf-v6-c-empty-state__content">
559
- <i class="fas fa-plus-circle pf-v6-c-empty-state__icon"></i>
657
+ <div class="pf-v6-c-empty-state__icon">
658
+ <svg
659
+ class="pf-v6-svg"
660
+ viewBox="0 0 32 32"
661
+ fill="currentColor"
662
+ aria-hidden="true"
663
+ role="img"
664
+ width="1em"
665
+ height="1em"
666
+ >
667
+ <path
668
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
669
+ />
670
+ </svg>
671
+ </div>
560
672
  <div class="pf-v6-c-card__title">
561
673
  <h2
562
674
  class="pf-v6-c-card__title-text pf-m-md"
@@ -570,7 +682,7 @@ section: patterns
570
682
  </div>
571
683
  </div>
572
684
  <div
573
- class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
685
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-secondary pf-m-compact"
574
686
  id="card-view-basic-example-gallery-card-1"
575
687
  >
576
688
  <div class="pf-v6-c-card__header">
@@ -703,69 +815,59 @@ section: patterns
703
815
  class="pf-v6-c-card__body"
704
816
  >This documentation page covers the Apache Spark component for the Apache Camel.</div>
705
817
  </div>
818
+ </div>
819
+ </div>
820
+ </section>
821
+ <section class="pf-v6-c-page__main-section pf-m-secondary">
822
+ <div class="pf-v6-c-page__main-body">
823
+ <div class="pf-v6-l-gallery pf-m-gutter">
706
824
  <div
707
825
  class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
708
- id="card-view-basic-example-gallery-card-4"
826
+ id="card-view-basic-example-gallery-card-empty-state"
709
827
  >
710
- <div class="pf-v6-c-card__header">
711
- <img
712
- src="/assets/images/camel-avro_200x150.png"
713
- width="60px"
714
- alt="Logo"
715
- />
716
- <div class="pf-v6-c-card__actions">
717
- <button
718
- class="pf-v6-c-menu-toggle pf-m-plain"
719
- type="button"
720
- aria-expanded="false"
721
- aria-label="Menu toggle"
722
- id="card-view-basic-example-gallery-card-4-toggle"
723
- >
724
- <span class="pf-v6-c-menu-toggle__icon">
725
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
726
- </span>
727
- </button>
728
- <div class="pf-v6-c-check pf-m-standalone">
729
- <input
730
- class="pf-v6-c-check__input"
731
- type="checkbox"
732
- id="card-view-basic-example-gallery-card-4-check"
733
- name="card-view-basic-example-gallery-card-4-check"
734
- aria-labelledby="card-view-basic-example-gallery-card-4-check-label"
735
- />
828
+ <div class="pf-v6-l-bullseye">
829
+ <div class="pf-v6-c-empty-state pf-m-xs">
830
+ <div class="pf-v6-c-empty-state__content">
831
+ <div class="pf-v6-c-empty-state__icon">
832
+ <svg
833
+ class="pf-v6-svg"
834
+ viewBox="0 0 32 32"
835
+ fill="currentColor"
836
+ aria-hidden="true"
837
+ role="img"
838
+ width="1em"
839
+ height="1em"
840
+ >
841
+ <path
842
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
843
+ />
844
+ </svg>
845
+ </div>
846
+ <div class="pf-v6-c-card__title">
847
+ <h2
848
+ class="pf-v6-c-card__title-text pf-m-md"
849
+ >Add a new card to your page</h2>
850
+ </div>
851
+ <button class="pf-v6-c-button pf-m-link" type="button">
852
+ <span class="pf-v6-c-button__text">Add card</span>
853
+ </button>
736
854
  </div>
737
855
  </div>
738
856
  </div>
739
- <div class="pf-v6-c-card__title">
740
- <h2
741
- class="pf-v6-c-card__title-text"
742
- id="card-view-basic-example-gallery-card-4-check-label"
743
- >Avro</h2>
744
- <div class="pf-v6-c-content">
745
- <small>Provided by Red Hat</small>
746
- </div>
747
- </div>
748
- <div
749
- class="pf-v6-c-card__body"
750
- >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>
751
857
  </div>
752
858
  <div
753
- class="pf-v6-c-card pf-m-selectable-raised pf-m-selected-raised pf-m-compact"
754
- id="card-view-basic-example-gallery-card-5"
859
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-secondary pf-m-compact"
860
+ id="card-view-basic-example-gallery-card-1"
755
861
  >
756
862
  <div class="pf-v6-c-card__header">
757
- <img
758
- src="/assets/images/FuseConnector_Icons_AzureServices.png"
759
- width="60px"
760
- alt="Logo"
761
- />
863
+ <img src="/assets/images/PF-IconLogo.svg" alt="PatternFly logo" />
762
864
  <div class="pf-v6-c-card__actions">
763
865
  <button
764
866
  class="pf-v6-c-menu-toggle pf-m-plain"
765
867
  type="button"
766
868
  aria-expanded="false"
767
869
  aria-label="Menu toggle"
768
- id="card-view-basic-example-gallery-card-5-toggle"
870
+ id="card-view-basic-example-gallery-card-1-toggle"
769
871
  >
770
872
  <span class="pf-v6-c-menu-toggle__icon">
771
873
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -775,9 +877,9 @@ section: patterns
775
877
  <input
776
878
  class="pf-v6-c-check__input"
777
879
  type="checkbox"
778
- id="card-view-basic-example-gallery-card-5-check"
779
- name="card-view-basic-example-gallery-card-5-check"
780
- aria-labelledby="card-view-basic-example-gallery-card-5-check-label"
880
+ id="card-view-basic-example-gallery-card-1-check"
881
+ name="card-view-basic-example-gallery-card-1-check"
882
+ aria-labelledby="card-view-basic-example-gallery-card-1-check-label"
781
883
  />
782
884
  </div>
783
885
  </div>
@@ -785,23 +887,23 @@ section: patterns
785
887
  <div class="pf-v6-c-card__title">
786
888
  <h2
787
889
  class="pf-v6-c-card__title-text"
788
- id="card-view-basic-example-gallery-card-5-check-label"
789
- >Azure Services</h2>
890
+ id="card-view-basic-example-gallery-card-1-check-label"
891
+ >Patternfly</h2>
790
892
  <div class="pf-v6-c-content">
791
893
  <small>Provided by Red Hat</small>
792
894
  </div>
793
895
  </div>
794
896
  <div
795
897
  class="pf-v6-c-card__body"
796
- >The Camel Components for Windows Azure Services provide connectivity to Azure services from Camel.</div>
898
+ >PatternFly is a community project that promotes design commonality and improves user experience.</div>
797
899
  </div>
798
900
  <div
799
- class="pf-v6-c-card pf-m-non-selectable-raised pf-m-compact"
800
- id="card-view-basic-example-gallery-card-6"
901
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
902
+ id="card-view-basic-example-gallery-card-2"
801
903
  >
802
904
  <div class="pf-v6-c-card__header">
803
905
  <img
804
- src="/assets/images/camel-saxon_200x150.png"
906
+ src="/assets/images/activemq-core_200x150.png"
805
907
  width="60px"
806
908
  alt="Logo"
807
909
  />
@@ -811,7 +913,7 @@ section: patterns
811
913
  type="button"
812
914
  aria-expanded="false"
813
915
  aria-label="Menu toggle"
814
- id="card-view-basic-example-gallery-card-6-toggle"
916
+ id="card-view-basic-example-gallery-card-2-toggle"
815
917
  >
816
918
  <span class="pf-v6-c-menu-toggle__icon">
817
919
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -821,10 +923,9 @@ section: patterns
821
923
  <input
822
924
  class="pf-v6-c-check__input"
823
925
  type="checkbox"
824
- id="card-view-basic-example-gallery-card-6-check"
825
- name="card-view-basic-example-gallery-card-6-check"
826
- disabled
827
- aria-labelledby="card-view-basic-example-gallery-card-6-check-label"
926
+ id="card-view-basic-example-gallery-card-2-check"
927
+ name="card-view-basic-example-gallery-card-2-check"
928
+ aria-labelledby="card-view-basic-example-gallery-card-2-check-label"
828
929
  />
829
930
  </div>
830
931
  </div>
@@ -832,23 +933,23 @@ section: patterns
832
933
  <div class="pf-v6-c-card__title">
833
934
  <h2
834
935
  class="pf-v6-c-card__title-text"
835
- id="card-view-basic-example-gallery-card-6-check-label"
836
- >Crypto</h2>
936
+ id="card-view-basic-example-gallery-card-2-check-label"
937
+ >ActiveMq</h2>
837
938
  <div class="pf-v6-c-content">
838
939
  <small>Provided by Red Hat</small>
839
940
  </div>
840
941
  </div>
841
942
  <div
842
943
  class="pf-v6-c-card__body"
843
- >For providing flexible endpoints to sign and verify exchanges using the Signature Service of the Java Cryptographic Extension.</div>
944
+ >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>
844
945
  </div>
845
946
  <div
846
947
  class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
847
- id="card-view-basic-example-gallery-card-7"
948
+ id="card-view-basic-example-gallery-card-3"
848
949
  >
849
950
  <div class="pf-v6-c-card__header">
850
951
  <img
851
- src="/assets/images/camel-dropbox_200x150.png"
952
+ src="/assets/images/camel-spark_200x150.png"
852
953
  width="60px"
853
954
  alt="Logo"
854
955
  />
@@ -858,7 +959,7 @@ section: patterns
858
959
  type="button"
859
960
  aria-expanded="false"
860
961
  aria-label="Menu toggle"
861
- id="card-view-basic-example-gallery-card-7-toggle"
962
+ id="card-view-basic-example-gallery-card-3-toggle"
862
963
  >
863
964
  <span class="pf-v6-c-menu-toggle__icon">
864
965
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -868,9 +969,9 @@ section: patterns
868
969
  <input
869
970
  class="pf-v6-c-check__input"
870
971
  type="checkbox"
871
- id="card-view-basic-example-gallery-card-7-check"
872
- name="card-view-basic-example-gallery-card-7-check"
873
- aria-labelledby="card-view-basic-example-gallery-card-7-check-label"
972
+ id="card-view-basic-example-gallery-card-3-check"
973
+ name="card-view-basic-example-gallery-card-3-check"
974
+ aria-labelledby="card-view-basic-example-gallery-card-3-check-label"
874
975
  />
875
976
  </div>
876
977
  </div>
@@ -878,33 +979,69 @@ section: patterns
878
979
  <div class="pf-v6-c-card__title">
879
980
  <h2
880
981
  class="pf-v6-c-card__title-text"
881
- id="card-view-basic-example-gallery-card-7-check-label"
882
- >DropBox</h2>
982
+ id="card-view-basic-example-gallery-card-3-check-label"
983
+ >Apache Spark</h2>
883
984
  <div class="pf-v6-c-content">
884
985
  <small>Provided by Red Hat</small>
885
986
  </div>
886
987
  </div>
887
988
  <div
888
989
  class="pf-v6-c-card__body"
889
- >The dropbox: component allows you to treat Dropbox remote folders as a producer or consumer of messages.</div>
990
+ >This documentation page covers the Apache Spark component for the Apache Camel.</div>
890
991
  </div>
992
+ </div>
993
+ </div>
994
+ </section>
995
+ <section class="pf-v6-c-page__main-section">
996
+ <div class="pf-v6-c-page__main-body">
997
+ <div class="pf-v6-l-gallery pf-m-gutter">
891
998
  <div
892
999
  class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
893
- id="card-view-basic-example-gallery-card-8"
1000
+ id="card-view-basic-example-gallery-card-empty-state"
1001
+ >
1002
+ <div class="pf-v6-l-bullseye">
1003
+ <div class="pf-v6-c-empty-state pf-m-xs">
1004
+ <div class="pf-v6-c-empty-state__content">
1005
+ <div class="pf-v6-c-empty-state__icon">
1006
+ <svg
1007
+ class="pf-v6-svg"
1008
+ viewBox="0 0 32 32"
1009
+ fill="currentColor"
1010
+ aria-hidden="true"
1011
+ role="img"
1012
+ width="1em"
1013
+ height="1em"
1014
+ >
1015
+ <path
1016
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7 16.125h-5.875V23a1.125 1.125 0 0 1-2.25 0v-5.875H9a1.125 1.125 0 0 1 0-2.25h5.875V9a1.125 1.125 0 0 1 2.25 0v5.875H23a1.125 1.125 0 0 1 0 2.25Z"
1017
+ />
1018
+ </svg>
1019
+ </div>
1020
+ <div class="pf-v6-c-card__title">
1021
+ <h2
1022
+ class="pf-v6-c-card__title-text pf-m-md"
1023
+ >Add a new card to your page</h2>
1024
+ </div>
1025
+ <button class="pf-v6-c-button pf-m-link" type="button">
1026
+ <span class="pf-v6-c-button__text">Add card</span>
1027
+ </button>
1028
+ </div>
1029
+ </div>
1030
+ </div>
1031
+ </div>
1032
+ <div
1033
+ class="pf-v6-c-card pf-m-selectable-raised pf-m-secondary pf-m-compact"
1034
+ id="card-view-basic-example-gallery-card-1"
894
1035
  >
895
1036
  <div class="pf-v6-c-card__header">
896
- <img
897
- src="/assets/images/camel-infinispan_200x150.png"
898
- width="60px"
899
- alt="Logo"
900
- />
1037
+ <img src="/assets/images/PF-IconLogo.svg" alt="PatternFly logo" />
901
1038
  <div class="pf-v6-c-card__actions">
902
1039
  <button
903
1040
  class="pf-v6-c-menu-toggle pf-m-plain"
904
1041
  type="button"
905
1042
  aria-expanded="false"
906
1043
  aria-label="Menu toggle"
907
- id="card-view-basic-example-gallery-card-8-toggle"
1044
+ id="card-view-basic-example-gallery-card-1-toggle"
908
1045
  >
909
1046
  <span class="pf-v6-c-menu-toggle__icon">
910
1047
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -914,9 +1051,9 @@ section: patterns
914
1051
  <input
915
1052
  class="pf-v6-c-check__input"
916
1053
  type="checkbox"
917
- id="card-view-basic-example-gallery-card-8-check"
918
- name="card-view-basic-example-gallery-card-8-check"
919
- aria-labelledby="card-view-basic-example-gallery-card-8-check-label"
1054
+ id="card-view-basic-example-gallery-card-1-check"
1055
+ name="card-view-basic-example-gallery-card-1-check"
1056
+ aria-labelledby="card-view-basic-example-gallery-card-1-check-label"
920
1057
  />
921
1058
  </div>
922
1059
  </div>
@@ -924,23 +1061,23 @@ section: patterns
924
1061
  <div class="pf-v6-c-card__title">
925
1062
  <h2
926
1063
  class="pf-v6-c-card__title-text"
927
- id="card-view-basic-example-gallery-card-8-check-label"
928
- >JBoss Data Grid</h2>
1064
+ id="card-view-basic-example-gallery-card-1-check-label"
1065
+ >Patternfly</h2>
929
1066
  <div class="pf-v6-c-content">
930
1067
  <small>Provided by Red Hat</small>
931
1068
  </div>
932
1069
  </div>
933
1070
  <div
934
1071
  class="pf-v6-c-card__body"
935
- >Read or write to a fully-supported distributed cache and data grid for faster integration services.</div>
1072
+ >PatternFly is a community project that promotes design commonality and improves user experience.</div>
936
1073
  </div>
937
1074
  <div
938
1075
  class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
939
- id="card-view-basic-example-gallery-card-9"
1076
+ id="card-view-basic-example-gallery-card-2"
940
1077
  >
941
1078
  <div class="pf-v6-c-card__header">
942
1079
  <img
943
- src="/assets/images/FuseConnector_Icons_REST.png"
1080
+ src="/assets/images/activemq-core_200x150.png"
944
1081
  width="60px"
945
1082
  alt="Logo"
946
1083
  />
@@ -950,7 +1087,7 @@ section: patterns
950
1087
  type="button"
951
1088
  aria-expanded="false"
952
1089
  aria-label="Menu toggle"
953
- id="card-view-basic-example-gallery-card-9-toggle"
1090
+ id="card-view-basic-example-gallery-card-2-toggle"
954
1091
  >
955
1092
  <span class="pf-v6-c-menu-toggle__icon">
956
1093
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -960,9 +1097,9 @@ section: patterns
960
1097
  <input
961
1098
  class="pf-v6-c-check__input"
962
1099
  type="checkbox"
963
- id="card-view-basic-example-gallery-card-9-check"
964
- name="card-view-basic-example-gallery-card-9-check"
965
- aria-labelledby="card-view-basic-example-gallery-card-9-check-label"
1100
+ id="card-view-basic-example-gallery-card-2-check"
1101
+ name="card-view-basic-example-gallery-card-2-check"
1102
+ aria-labelledby="card-view-basic-example-gallery-card-2-check-label"
966
1103
  />
967
1104
  </div>
968
1105
  </div>
@@ -970,24 +1107,23 @@ section: patterns
970
1107
  <div class="pf-v6-c-card__title">
971
1108
  <h2
972
1109
  class="pf-v6-c-card__title-text"
973
- id="card-view-basic-example-gallery-card-9-check-label"
974
- >Rest</h2>
1110
+ id="card-view-basic-example-gallery-card-2-check-label"
1111
+ >ActiveMq</h2>
975
1112
  <div class="pf-v6-c-content">
976
1113
  <small>Provided by Red Hat</small>
977
1114
  </div>
978
1115
  </div>
979
- <div class="pf-v6-c-card__body">
980
- The rest component allows to define REST endpoints (consumer) using the Rest DSL and plugin to other Camel components as the REST transport.
981
- From Camel 2.18 onwards the rest component can also be used as a client (producer) to call REST services.
982
- </div>
1116
+ <div
1117
+ class="pf-v6-c-card__body"
1118
+ >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>
983
1119
  </div>
984
1120
  <div
985
1121
  class="pf-v6-c-card pf-m-selectable-raised pf-m-compact"
986
- id="card-view-basic-example-gallery-card-10"
1122
+ id="card-view-basic-example-gallery-card-3"
987
1123
  >
988
1124
  <div class="pf-v6-c-card__header">
989
1125
  <img
990
- src="/assets/images/camel-swagger-java_200x150.png"
1126
+ src="/assets/images/camel-spark_200x150.png"
991
1127
  width="60px"
992
1128
  alt="Logo"
993
1129
  />
@@ -997,7 +1133,7 @@ section: patterns
997
1133
  type="button"
998
1134
  aria-expanded="false"
999
1135
  aria-label="Menu toggle"
1000
- id="card-view-basic-example-gallery-card-10-toggle"
1136
+ id="card-view-basic-example-gallery-card-3-toggle"
1001
1137
  >
1002
1138
  <span class="pf-v6-c-menu-toggle__icon">
1003
1139
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1007,9 +1143,9 @@ section: patterns
1007
1143
  <input
1008
1144
  class="pf-v6-c-check__input"
1009
1145
  type="checkbox"
1010
- id="card-view-basic-example-gallery-card-10-check"
1011
- name="card-view-basic-example-gallery-card-10-check"
1012
- aria-labelledby="card-view-basic-example-gallery-card-10-check-label"
1146
+ id="card-view-basic-example-gallery-card-3-check"
1147
+ name="card-view-basic-example-gallery-card-3-check"
1148
+ aria-labelledby="card-view-basic-example-gallery-card-3-check-label"
1013
1149
  />
1014
1150
  </div>
1015
1151
  </div>
@@ -1017,15 +1153,15 @@ section: patterns
1017
1153
  <div class="pf-v6-c-card__title">
1018
1154
  <h2
1019
1155
  class="pf-v6-c-card__title-text"
1020
- id="card-view-basic-example-gallery-card-10-check-label"
1021
- >SWAGGER</h2>
1156
+ id="card-view-basic-example-gallery-card-3-check-label"
1157
+ >Apache Spark</h2>
1022
1158
  <div class="pf-v6-c-content">
1023
1159
  <small>Provided by Red Hat</small>
1024
1160
  </div>
1025
1161
  </div>
1026
1162
  <div
1027
1163
  class="pf-v6-c-card__body"
1028
- >Expose REST services and their APIs using Swagger specification.</div>
1164
+ >This documentation page covers the Apache Spark component for the Apache Camel.</div>
1029
1165
  </div>
1030
1166
  </div>
1031
1167
  </div>
@@ -1036,7 +1172,6 @@ section: patterns
1036
1172
  class="pf-v6-c-menu-toggle pf-m-top pf-m-text pf-m-plain"
1037
1173
  type="button"
1038
1174
  aria-expanded="false"
1039
- aria-label="Menu toggle"
1040
1175
  id="pagination-menu-toggle-bottom-example"
1041
1176
  >
1042
1177
  <span class="pf-v6-c-menu-toggle__text">
@@ -1059,7 +1194,19 @@ section: patterns
1059
1194
  aria-label="Go to first page"
1060
1195
  >
1061
1196
  <span class="pf-v6-c-button__icon">
1062
- <i class="fas fa-angle-double-left" aria-hidden="true"></i>
1197
+ <svg
1198
+ class="pf-v6-svg"
1199
+ viewBox="0 0 448 512"
1200
+ fill="currentColor"
1201
+ aria-hidden="true"
1202
+ role="img"
1203
+ width="1em"
1204
+ height="1em"
1205
+ >
1206
+ <path
1207
+ d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
1208
+ />
1209
+ </svg>
1063
1210
  </span>
1064
1211
  </button>
1065
1212
  </div>
@@ -1071,7 +1218,19 @@ section: patterns
1071
1218
  aria-label="Go to previous page"
1072
1219
  >
1073
1220
  <span class="pf-v6-c-button__icon">
1074
- <i class="fas fa-angle-left" aria-hidden="true"></i>
1221
+ <svg
1222
+ class="pf-v6-svg"
1223
+ viewBox="0 0 256 512"
1224
+ fill="currentColor"
1225
+ aria-hidden="true"
1226
+ role="img"
1227
+ width="1em"
1228
+ height="1em"
1229
+ >
1230
+ <path
1231
+ d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1232
+ />
1233
+ </svg>
1075
1234
  </span>
1076
1235
  </button>
1077
1236
  </div>
@@ -1094,7 +1253,19 @@ section: patterns
1094
1253
  aria-label="Go to next page"
1095
1254
  >
1096
1255
  <span class="pf-v6-c-button__icon">
1097
- <i class="fas fa-angle-right" aria-hidden="true"></i>
1256
+ <svg
1257
+ class="pf-v6-svg"
1258
+ viewBox="0 0 256 512"
1259
+ fill="currentColor"
1260
+ aria-hidden="true"
1261
+ role="img"
1262
+ width="1em"
1263
+ height="1em"
1264
+ >
1265
+ <path
1266
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1267
+ />
1268
+ </svg>
1098
1269
  </span>
1099
1270
  </button>
1100
1271
  </div>
@@ -1106,7 +1277,19 @@ section: patterns
1106
1277
  aria-label="Go to last page"
1107
1278
  >
1108
1279
  <span class="pf-v6-c-button__icon">
1109
- <i class="fas fa-angle-double-right" aria-hidden="true"></i>
1280
+ <svg
1281
+ class="pf-v6-svg"
1282
+ viewBox="0 0 448 512"
1283
+ fill="currentColor"
1284
+ aria-hidden="true"
1285
+ role="img"
1286
+ width="1em"
1287
+ height="1em"
1288
+ >
1289
+ <path
1290
+ d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
1291
+ />
1292
+ </svg>
1110
1293
  </span>
1111
1294
  </button>
1112
1295
  </div>