@patternfly/patternfly 6.5.0-prerelease.5 → 6.5.0-prerelease.50

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 (376) 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.png +0 -0
  10. package/assets/images/compass--wallpaper-light.png +0 -0
  11. package/base/normalize.scss +7 -0
  12. package/base/patternfly-common.css +50 -0
  13. package/base/patternfly-common.scss +59 -0
  14. package/base/patternfly-svg-icons.css +11 -0
  15. package/base/patternfly-svg-icons.scss +14 -0
  16. package/base/patternfly-variables.css +345 -14
  17. package/base/patternfly-variables.scss +40 -0
  18. package/base/tokens/tokens-dark.scss +51 -3
  19. package/base/tokens/tokens-default.scss +67 -13
  20. package/base/tokens/tokens-glass-dark.scss +9 -0
  21. package/base/tokens/tokens-glass.scss +9 -0
  22. package/base/tokens/tokens-local.scss +16 -0
  23. package/base/tokens/tokens-palette.scss +3 -1
  24. package/base/tokens/tokens-redhat-dark.scss +14 -0
  25. package/base/tokens/tokens-redhat-glass-dark.scss +16 -0
  26. package/base/tokens/tokens-redhat-glass.scss +15 -0
  27. package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
  28. package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
  29. package/base/tokens/tokens-redhat.scss +15 -0
  30. package/components/AboutModalBox/about-modal-box.css +36 -26
  31. package/components/Accordion/accordion.css +17 -14
  32. package/components/Accordion/accordion.scss +1 -2
  33. package/components/ActionList/action-list.css +2 -0
  34. package/components/ActionList/action-list.scss +2 -0
  35. package/components/Alert/alert.css +7 -5
  36. package/components/Alert/alert.scss +2 -1
  37. package/components/Avatar/avatar.css +12 -4
  38. package/components/BackgroundImage/background-image.css +6 -3
  39. package/components/Banner/banner.css +8 -6
  40. package/components/Brand/brand.css +3 -1
  41. package/components/Breadcrumb/breadcrumb.css +4 -3
  42. package/components/Button/button.css +117 -14
  43. package/components/Button/button.scss +127 -10
  44. package/components/CalendarMonth/calendar-month.css +4 -3
  45. package/components/Card/card.css +20 -7
  46. package/components/Card/card.scss +16 -2
  47. package/components/ClipboardCopy/clipboard-copy.css +7 -6
  48. package/components/ClipboardCopy/clipboard-copy.scss +3 -3
  49. package/components/CodeEditor/code-editor.css +1 -1
  50. package/components/CodeEditor/code-editor.scss +1 -1
  51. package/components/Compass/compass.css +320 -0
  52. package/components/Compass/compass.scss +350 -0
  53. package/components/DataList/data-list.css +34 -23
  54. package/components/DataList/data-list.scss +7 -2
  55. package/components/DescriptionList/description-list-order.scss +5 -1
  56. package/components/DescriptionList/description-list.css +7 -5
  57. package/components/DescriptionList/description-list.scss +5 -1
  58. package/components/Divider/divider.css +7 -5
  59. package/components/Drawer/drawer.css +110 -56
  60. package/components/Drawer/drawer.scss +69 -9
  61. package/components/DualListSelector/dual-list-selector.css +18 -12
  62. package/components/DualListSelector/dual-list-selector.scss +1 -1
  63. package/components/ExpandableSection/expandable-section.css +21 -16
  64. package/components/ExpandableSection/expandable-section.scss +6 -3
  65. package/components/Form/form.css +2 -2
  66. package/components/Form/form.scss +2 -2
  67. package/components/FormControl/form-control.css +3 -3
  68. package/components/FormControl/form-control.scss +3 -3
  69. package/components/Hero/hero.css +74 -0
  70. package/components/Hero/hero.scss +86 -0
  71. package/components/JumpLinks/jump-links.css +5 -4
  72. package/components/JumpLinks/jump-links.scss +6 -2
  73. package/components/Label/label-group.css +2 -2
  74. package/components/Label/label-group.scss +2 -2
  75. package/components/Label/label.css +4 -3
  76. package/components/Login/login.css +51 -37
  77. package/components/Masthead/masthead.css +70 -16
  78. package/components/Masthead/masthead.scss +54 -1
  79. package/components/Menu/menu.css +23 -14
  80. package/components/MenuToggle/menu-toggle.css +5 -1
  81. package/components/MenuToggle/menu-toggle.scss +6 -1
  82. package/components/ModalBox/modal-box.css +9 -7
  83. package/components/ModalBox/modal-box.scss +2 -2
  84. package/components/Nav/nav.css +74 -11
  85. package/components/Nav/nav.scss +77 -5
  86. package/components/NotificationDrawer/notification-drawer.css +19 -9
  87. package/components/NotificationDrawer/notification-drawer.scss +14 -5
  88. package/components/Page/page.css +55 -29
  89. package/components/Page/page.scss +44 -5
  90. package/components/Pagination/pagination.scss +5 -1
  91. package/components/ProgressStepper/progress-stepper.scss +5 -1
  92. package/components/Sidebar/sidebar.css +1 -1
  93. package/components/Sidebar/sidebar.scss +7 -3
  94. package/components/Skeleton/skeleton.css +16 -15
  95. package/components/Slider/slider.css +32 -18
  96. package/components/Switch/switch.css +4 -2
  97. package/components/Switch/switch.scss +1 -1
  98. package/components/Table/table-grid.css +28 -36
  99. package/components/Table/table-grid.scss +4 -4
  100. package/components/Table/table-tree-view.css +4 -2
  101. package/components/Table/table.css +33 -29
  102. package/components/Table/table.scss +2 -2
  103. package/components/Tabs/tabs.css +35 -18
  104. package/components/Tabs/tabs.scss +35 -7
  105. package/components/TextInputGroup/text-input-group.css +2 -2
  106. package/components/TextInputGroup/text-input-group.scss +2 -2
  107. package/components/ToggleGroup/toggle-group.css +34 -17
  108. package/components/ToggleGroup/toggle-group.scss +36 -20
  109. package/components/Toolbar/toolbar.css +47 -15
  110. package/components/Toolbar/toolbar.scss +34 -6
  111. package/components/TreeView/tree-view.css +45 -14
  112. package/components/TreeView/tree-view.scss +32 -1
  113. package/components/Wizard/wizard.css +21 -17
  114. package/components/Wizard/wizard.scss +4 -4
  115. package/components/_index.css +1602 -676
  116. package/components/_index.scss +3 -1
  117. package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -1
  118. package/docs/components/Accordion/examples/Accordion.md +390 -30
  119. package/docs/components/ActionList/examples/ActionList.md +143 -11
  120. package/docs/components/Alert/examples/Alert.md +678 -54
  121. package/docs/components/Avatar/examples/Avatar.md +4 -4
  122. package/docs/components/BackToTop/examples/BackToTop.md +13 -1
  123. package/docs/components/Banner/examples/Banner.md +65 -5
  124. package/docs/components/Brand/examples/Brand.md +2 -2
  125. package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
  126. package/docs/components/Button/examples/Button.md +2217 -241
  127. package/docs/components/CalendarMonth/examples/CalendarMonth.md +104 -8
  128. package/docs/components/Card/examples/Card.md +206 -4
  129. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +286 -22
  130. package/docs/components/CodeBlock/examples/CodeBlock.md +104 -8
  131. package/docs/components/CodeEditor/examples/CodeEditor.md +195 -15
  132. package/docs/components/Compass/examples/Compass.css +17 -0
  133. package/docs/components/Compass/examples/Compass.md +119 -0
  134. package/docs/components/DataList/examples/DataList.md +405 -205
  135. package/docs/components/DatePicker/examples/DatePicker.md +78 -6
  136. package/docs/components/DescriptionList/examples/DescriptionList.md +327 -27
  137. package/docs/components/Divider/examples/Divider.md +2 -2
  138. package/docs/components/Drawer/examples/Drawer.md +353 -35
  139. package/docs/components/DualListSelector/examples/DualListSelector.md +1013 -143
  140. package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
  141. package/docs/components/Form/examples/Form.md +78 -6
  142. package/docs/components/Hero/examples/Hero.md +25 -0
  143. package/docs/components/Icon/examples/Icon.md +92 -8
  144. package/docs/components/InlineEdit/examples/InlineEdit.md +312 -24
  145. package/docs/components/InputGroup/examples/InputGroup.md +27 -3
  146. package/docs/components/JumpLinks/examples/JumpLinks.md +54 -6
  147. package/docs/components/Label/examples/Label.md +2834 -218
  148. package/docs/components/Login/examples/Login.md +26 -2
  149. package/docs/components/Masthead/examples/masthead.md +80 -1
  150. package/docs/components/Menu/examples/Menu.md +1458 -114
  151. package/docs/components/MenuToggle/examples/MenuToggle.md +53 -1
  152. package/docs/components/ModalBox/examples/ModalBox.md +287 -23
  153. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +156 -12
  154. package/docs/components/Nav/examples/Navigation.md +798 -58
  155. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +598 -46
  156. package/docs/components/OverflowMenu/examples/overflow-menu.md +78 -6
  157. package/docs/components/Page/examples/Page.md +51 -2
  158. package/docs/components/Pagination/examples/Pagination.md +627 -51
  159. package/docs/components/Popover/examples/Popover.md +286 -22
  160. package/docs/components/ProgressStepper/examples/ProgressStepper.md +275 -23
  161. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  162. package/docs/components/Slider/examples/Slider.md +52 -4
  163. package/docs/components/Table/examples/Table.md +875 -70
  164. package/docs/components/Tabs/examples/Tabs.md +4127 -320
  165. package/docs/components/TextInputGroup/examples/TextInputGroup.md +600 -48
  166. package/docs/components/ToggleGroup/examples/toggle-group.md +195 -15
  167. package/docs/components/Toolbar/examples/Toolbar.md +490 -42
  168. package/docs/components/TreeView/examples/TreeView.md +1390 -130
  169. package/docs/components/Wizard/examples/Wizard.md +492 -72
  170. package/docs/demos/AboutModal/examples/AboutModal.md +57 -9
  171. package/docs/demos/Alert/examples/Alert.md +236 -32
  172. package/docs/demos/BackToTop/examples/BackToTop.md +57 -9
  173. package/docs/demos/Banner/examples/Banner.md +88 -16
  174. package/docs/demos/Button/examples/Button.md +13 -1
  175. package/docs/demos/Card/examples/Card.md +399 -42
  176. package/docs/demos/CardView/examples/CardView.md +161 -17
  177. package/docs/demos/Compass/examples/Compass.md +6836 -0
  178. package/docs/demos/Dashboard/examples/Dashboard.md +173 -26
  179. package/docs/demos/DataList/examples/DataList.md +566 -65
  180. package/docs/demos/DescriptionList/examples/DescriptionList.md +156 -27
  181. package/docs/demos/Drawer/examples/Drawer.md +216 -45
  182. package/docs/demos/Form/examples/BasicForms.md +273 -21
  183. package/docs/demos/JumpLinks/examples/JumpLinks.md +272 -59
  184. package/docs/demos/Masthead/examples/Masthead.md +458 -89
  185. package/docs/demos/Modal/examples/Modal.md +342 -57
  186. package/docs/demos/Nav/examples/Nav.md +660 -87
  187. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1088 -140
  188. package/docs/demos/Page/examples/Page.md +618 -123
  189. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +13 -1
  190. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +52 -4
  191. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +691 -113
  192. package/docs/demos/Skeleton/examples/Skeleton.md +44 -8
  193. package/docs/demos/Table/examples/Table.md +3924 -256
  194. package/docs/demos/Tabs/examples/Tabs.md +407 -65
  195. package/docs/demos/Toolbar/examples/Toolbar.md +502 -52
  196. package/docs/demos/Wizard/examples/Wizard.md +796 -130
  197. package/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  198. package/docs/layouts/Bullseye/examples/Bullseye.md +2 -1
  199. package/docs/layouts/Flex/examples/Flex.css +3 -3
  200. package/docs/layouts/Flex/examples/Flex.md +3 -2
  201. package/docs/layouts/Gallery/examples/Gallery.css +2 -2
  202. package/docs/layouts/Gallery/examples/Gallery.md +4 -3
  203. package/docs/layouts/Grid/examples/Grid.css +1 -1
  204. package/docs/layouts/Grid/examples/Grid.md +6 -5
  205. package/docs/layouts/Level/examples/Level.css +3 -3
  206. package/docs/layouts/Level/examples/Level.md +2 -1
  207. package/docs/layouts/Split/examples/Split.css +1 -1
  208. package/docs/layouts/Split/examples/Split.md +2 -1
  209. package/docs/layouts/Stack/examples/Stack.css +3 -3
  210. package/docs/layouts/Stack/examples/Stack.md +2 -1
  211. package/docs/utilities/Accessibility/examples/Accessibility.md +3 -2
  212. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  213. package/docs/utilities/Alignment/examples/Alignment.md +3 -2
  214. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +5 -4
  215. package/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  216. package/docs/utilities/BoxShadow/examples/box-shadow.md +2 -1
  217. package/docs/utilities/Display/examples/Display.css +1 -1
  218. package/docs/utilities/Display/examples/Display.md +3 -2
  219. package/docs/utilities/Flex/examples/Flex.css +7 -7
  220. package/docs/utilities/Flex/examples/Flex.md +3 -2
  221. package/docs/utilities/Float/examples/Float.css +2 -2
  222. package/docs/utilities/Float/examples/Float.md +3 -2
  223. package/docs/utilities/Sizing/examples/Sizing.md +8 -7
  224. package/docs/utilities/Spacing/examples/Spacing.css +2 -2
  225. package/docs/utilities/Spacing/examples/Spacing.md +3 -2
  226. package/docs/utilities/Text/examples/Text.md +5 -4
  227. package/icons/PfIcons/add-circle-o.svg +4 -0
  228. package/icons/PfIcons/ansible-tower.svg +4 -0
  229. package/icons/PfIcons/applications.svg +4 -0
  230. package/icons/PfIcons/arrow.svg +4 -0
  231. package/icons/PfIcons/asleep.svg +4 -0
  232. package/icons/PfIcons/attention-bell.svg +4 -0
  233. package/icons/PfIcons/automation.svg +4 -0
  234. package/icons/PfIcons/bell.svg +4 -0
  235. package/icons/PfIcons/blueprint.svg +4 -0
  236. package/icons/PfIcons/build.svg +4 -0
  237. package/icons/PfIcons/builder-image.svg +4 -0
  238. package/icons/PfIcons/bundle.svg +4 -0
  239. package/icons/PfIcons/catalog.svg +4 -0
  240. package/icons/PfIcons/chat.svg +4 -0
  241. package/icons/PfIcons/close.svg +4 -0
  242. package/icons/PfIcons/cloud-security.svg +4 -0
  243. package/icons/PfIcons/cloud-tenant.svg +4 -0
  244. package/icons/PfIcons/cluster.svg +4 -0
  245. package/icons/PfIcons/connected.svg +4 -0
  246. package/icons/PfIcons/container-node.svg +4 -0
  247. package/icons/PfIcons/cpu.svg +4 -0
  248. package/icons/PfIcons/critical-risk.svg +4 -0
  249. package/icons/PfIcons/data-processor.svg +4 -0
  250. package/icons/PfIcons/data-sink.svg +4 -0
  251. package/icons/PfIcons/data-source.svg +4 -0
  252. package/icons/PfIcons/degraded.svg +4 -0
  253. package/icons/PfIcons/disconnected.svg +4 -0
  254. package/icons/PfIcons/domain.svg +4 -0
  255. package/icons/PfIcons/edit.svg +4 -0
  256. package/icons/PfIcons/enhancement.svg +4 -0
  257. package/icons/PfIcons/enterprise.svg +4 -0
  258. package/icons/PfIcons/equalizer.svg +4 -0
  259. package/icons/PfIcons/error-circle-o.svg +4 -0
  260. package/icons/PfIcons/export.svg +4 -0
  261. package/icons/PfIcons/filter.svg +4 -0
  262. package/icons/PfIcons/flavor.svg +4 -0
  263. package/icons/PfIcons/folder-close.svg +4 -0
  264. package/icons/PfIcons/folder-open.svg +4 -0
  265. package/icons/PfIcons/globe-route.svg +4 -0
  266. package/icons/PfIcons/help.svg +4 -0
  267. package/icons/PfIcons/history.svg +4 -0
  268. package/icons/PfIcons/home.svg +4 -0
  269. package/icons/PfIcons/import.svg +4 -0
  270. package/icons/PfIcons/in-progress.svg +4 -0
  271. package/icons/PfIcons/info.svg +4 -0
  272. package/icons/PfIcons/infrastructure.svg +4 -0
  273. package/icons/PfIcons/integration.svg +4 -0
  274. package/icons/PfIcons/key.svg +4 -0
  275. package/icons/PfIcons/locked.svg +4 -0
  276. package/icons/PfIcons/maintenance.svg +4 -0
  277. package/icons/PfIcons/memory.svg +4 -0
  278. package/icons/PfIcons/messages.svg +4 -0
  279. package/icons/PfIcons/middleware.svg +4 -0
  280. package/icons/PfIcons/migration.svg +4 -0
  281. package/icons/PfIcons/module.svg +4 -0
  282. package/icons/PfIcons/monitoring.svg +4 -0
  283. package/icons/PfIcons/multicluster.svg +4 -0
  284. package/icons/PfIcons/namespaces.svg +4 -0
  285. package/icons/PfIcons/network.svg +4 -0
  286. package/icons/PfIcons/new-process.svg +4 -0
  287. package/icons/PfIcons/not-started.svg +4 -0
  288. package/icons/PfIcons/off.svg +4 -0
  289. package/icons/PfIcons/ok.svg +4 -0
  290. package/icons/PfIcons/on-running.svg +4 -0
  291. package/icons/PfIcons/on.svg +4 -0
  292. package/icons/PfIcons/open-drawer-right.svg +4 -0
  293. package/icons/PfIcons/openshift.svg +4 -0
  294. package/icons/PfIcons/openstack.svg +4 -0
  295. package/icons/PfIcons/optimize.svg +4 -0
  296. package/icons/PfIcons/orders.svg +4 -0
  297. package/icons/PfIcons/os-image.svg +4 -0
  298. package/icons/PfIcons/package.svg +4 -0
  299. package/icons/PfIcons/panel-close.svg +4 -0
  300. package/icons/PfIcons/panel-open.svg +4 -0
  301. package/icons/PfIcons/paused.svg +4 -0
  302. package/icons/PfIcons/pending.svg +4 -0
  303. package/icons/PfIcons/pficon-dragdrop.svg +4 -0
  304. package/icons/PfIcons/pficon-history.svg +4 -0
  305. package/icons/PfIcons/pficon-network-range.svg +4 -0
  306. package/icons/PfIcons/pficon-satellite.svg +4 -0
  307. package/icons/PfIcons/pficon-sort-common-asc.svg +4 -0
  308. package/icons/PfIcons/pficon-sort-common-desc.svg +4 -0
  309. package/icons/PfIcons/pficon-template.svg +4 -0
  310. package/icons/PfIcons/pficon-vcenter.svg +4 -0
  311. package/icons/PfIcons/plugged.svg +4 -0
  312. package/icons/PfIcons/port.svg +4 -0
  313. package/icons/PfIcons/print.svg +4 -0
  314. package/icons/PfIcons/private.svg +4 -0
  315. package/icons/PfIcons/process-automation.svg +4 -0
  316. package/icons/PfIcons/project.svg +4 -0
  317. package/icons/PfIcons/rebalance.svg +4 -0
  318. package/icons/PfIcons/rebooting.svg +4 -0
  319. package/icons/PfIcons/regions.svg +4 -0
  320. package/icons/PfIcons/registry.svg +4 -0
  321. package/icons/PfIcons/remove2.svg +4 -0
  322. package/icons/PfIcons/replicator.svg +4 -0
  323. package/icons/PfIcons/repository.svg +4 -0
  324. package/icons/PfIcons/resource-pool.svg +4 -0
  325. package/icons/PfIcons/resources-almost-empty.svg +4 -0
  326. package/icons/PfIcons/resources-almost-full.svg +4 -0
  327. package/icons/PfIcons/resources-empty.svg +4 -0
  328. package/icons/PfIcons/resources-full.svg +4 -0
  329. package/icons/PfIcons/running.svg +4 -0
  330. package/icons/PfIcons/save.svg +4 -0
  331. package/icons/PfIcons/screen.svg +4 -0
  332. package/icons/PfIcons/security.svg +4 -0
  333. package/icons/PfIcons/server-group.svg +4 -0
  334. package/icons/PfIcons/server.svg +4 -0
  335. package/icons/PfIcons/service-catalog.svg +4 -0
  336. package/icons/PfIcons/service.svg +4 -0
  337. package/icons/PfIcons/services.svg +4 -0
  338. package/icons/PfIcons/severity-critical.svg +4 -0
  339. package/icons/PfIcons/severity-important.svg +4 -0
  340. package/icons/PfIcons/severity-minor.svg +4 -0
  341. package/icons/PfIcons/severity-moderate.svg +4 -0
  342. package/icons/PfIcons/severity-none.svg +4 -0
  343. package/icons/PfIcons/severity-undefined.svg +4 -0
  344. package/icons/PfIcons/spinner.svg +4 -0
  345. package/icons/PfIcons/spinner2.svg +4 -0
  346. package/icons/PfIcons/storage-domain.svg +4 -0
  347. package/icons/PfIcons/task.svg +4 -0
  348. package/icons/PfIcons/tenant.svg +4 -0
  349. package/icons/PfIcons/thumb-tack.svg +4 -0
  350. package/icons/PfIcons/topology.svg +4 -0
  351. package/icons/PfIcons/treeview.svg +4 -0
  352. package/icons/PfIcons/trend-down.svg +4 -0
  353. package/icons/PfIcons/trend-up.svg +4 -0
  354. package/icons/PfIcons/unknown.svg +4 -0
  355. package/icons/PfIcons/unlocked.svg +4 -0
  356. package/icons/PfIcons/unplugged.svg +4 -0
  357. package/icons/PfIcons/user.svg +4 -0
  358. package/icons/PfIcons/users.svg +4 -0
  359. package/icons/PfIcons/virtual-machine.svg +4 -0
  360. package/icons/PfIcons/volume.svg +4 -0
  361. package/icons/PfIcons/warning-triangle.svg +4 -0
  362. package/icons/PfIcons/zone.svg +4 -0
  363. package/layouts/Flex/flex.scss +83 -19
  364. package/layouts/Gallery/gallery.css +6 -2
  365. package/layouts/_index.css +6 -2
  366. package/package.json +34 -16
  367. package/patternfly-base-no-globals.css +406 -14
  368. package/patternfly-base.css +413 -14
  369. package/patternfly-charts.css +3 -3
  370. package/patternfly-no-globals.css +1947 -625
  371. package/patternfly.css +1954 -625
  372. package/patternfly.min.css +1 -1
  373. package/patternfly.min.css.map +1 -1
  374. package/sass-utilities/functions.scss +32 -25
  375. package/sass-utilities/mixins.scss +36 -20
  376. package/sass-utilities/namespaces-components.scss +6 -0
package/docs/components/ProgressStepper/examples/ProgressStepper.md CHANGED
@@ -15,7 +15,19 @@ cssPrefix: pf-v6-c-progress-stepper
15
15
  >
16
16
  <div class="pf-v6-c-progress-stepper__step-connector">
17
17
  <span class="pf-v6-c-progress-stepper__step-icon">
18
- <i class="fas fa-check-circle" aria-hidden="true"></i>
18
+ <svg
19
+ class="pf-v6-svg"
20
+ viewBox="0 0 32 32"
21
+ fill="currentColor"
22
+ aria-hidden="true"
23
+ role="img"
24
+ width="1em"
25
+ height="1em"
26
+ >
27
+ <path
28
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
29
+ />
30
+ </svg>
19
31
  </span>
20
32
  </div>
21
33
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -63,7 +75,19 @@ cssPrefix: pf-v6-c-progress-stepper
63
75
  >
64
76
  <div class="pf-v6-c-progress-stepper__step-connector">
65
77
  <span class="pf-v6-c-progress-stepper__step-icon">
66
- <i class="fas fa-check-circle" aria-hidden="true"></i>
78
+ <svg
79
+ class="pf-v6-svg"
80
+ viewBox="0 0 32 32"
81
+ fill="currentColor"
82
+ aria-hidden="true"
83
+ role="img"
84
+ width="1em"
85
+ height="1em"
86
+ >
87
+ <path
88
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
89
+ />
90
+ </svg>
67
91
  </span>
68
92
  </div>
69
93
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -123,7 +147,19 @@ cssPrefix: pf-v6-c-progress-stepper
123
147
  >
124
148
  <div class="pf-v6-c-progress-stepper__step-connector">
125
149
  <span class="pf-v6-c-progress-stepper__step-icon">
126
- <i class="fas fa-check-circle" aria-hidden="true"></i>
150
+ <svg
151
+ class="pf-v6-svg"
152
+ viewBox="0 0 32 32"
153
+ fill="currentColor"
154
+ aria-hidden="true"
155
+ role="img"
156
+ width="1em"
157
+ height="1em"
158
+ >
159
+ <path
160
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
161
+ />
162
+ </svg>
127
163
  </span>
128
164
  </div>
129
165
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -180,7 +216,19 @@ cssPrefix: pf-v6-c-progress-stepper
180
216
  >
181
217
  <div class="pf-v6-c-progress-stepper__step-connector">
182
218
  <span class="pf-v6-c-progress-stepper__step-icon">
183
- <i class="fas fa-check-circle" aria-hidden="true"></i>
219
+ <svg
220
+ class="pf-v6-svg"
221
+ viewBox="0 0 32 32"
222
+ fill="currentColor"
223
+ aria-hidden="true"
224
+ role="img"
225
+ width="1em"
226
+ height="1em"
227
+ >
228
+ <path
229
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
230
+ />
231
+ </svg>
184
232
  </span>
185
233
  </div>
186
234
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -237,7 +285,19 @@ cssPrefix: pf-v6-c-progress-stepper
237
285
  >
238
286
  <div class="pf-v6-c-progress-stepper__step-connector">
239
287
  <span class="pf-v6-c-progress-stepper__step-icon">
240
- <i class="fas fa-check-circle" aria-hidden="true"></i>
288
+ <svg
289
+ class="pf-v6-svg"
290
+ viewBox="0 0 32 32"
291
+ fill="currentColor"
292
+ aria-hidden="true"
293
+ role="img"
294
+ width="1em"
295
+ height="1em"
296
+ >
297
+ <path
298
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
299
+ />
300
+ </svg>
241
301
  </span>
242
302
  </div>
243
303
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -294,7 +354,19 @@ cssPrefix: pf-v6-c-progress-stepper
294
354
  >
295
355
  <div class="pf-v6-c-progress-stepper__step-connector">
296
356
  <span class="pf-v6-c-progress-stepper__step-icon">
297
- <i class="fas fa-check-circle" aria-hidden="true"></i>
357
+ <svg
358
+ class="pf-v6-svg"
359
+ viewBox="0 0 32 32"
360
+ fill="currentColor"
361
+ aria-hidden="true"
362
+ role="img"
363
+ width="1em"
364
+ height="1em"
365
+ >
366
+ <path
367
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
368
+ />
369
+ </svg>
298
370
  </span>
299
371
  </div>
300
372
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -351,7 +423,19 @@ cssPrefix: pf-v6-c-progress-stepper
351
423
  >
352
424
  <div class="pf-v6-c-progress-stepper__step-connector">
353
425
  <span class="pf-v6-c-progress-stepper__step-icon">
354
- <i class="fas fa-check-circle" aria-hidden="true"></i>
426
+ <svg
427
+ class="pf-v6-svg"
428
+ viewBox="0 0 32 32"
429
+ fill="currentColor"
430
+ aria-hidden="true"
431
+ role="img"
432
+ width="1em"
433
+ height="1em"
434
+ >
435
+ <path
436
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
437
+ />
438
+ </svg>
355
439
  </span>
356
440
  </div>
357
441
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -421,7 +505,19 @@ cssPrefix: pf-v6-c-progress-stepper
421
505
  >
422
506
  <div class="pf-v6-c-progress-stepper__step-connector">
423
507
  <span class="pf-v6-c-progress-stepper__step-icon">
424
- <i class="fas fa-check-circle" aria-hidden="true"></i>
508
+ <svg
509
+ class="pf-v6-svg"
510
+ viewBox="0 0 32 32"
511
+ fill="currentColor"
512
+ aria-hidden="true"
513
+ role="img"
514
+ width="1em"
515
+ height="1em"
516
+ >
517
+ <path
518
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
519
+ />
520
+ </svg>
425
521
  </span>
426
522
  </div>
427
523
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -481,7 +577,19 @@ cssPrefix: pf-v6-c-progress-stepper
481
577
  >
482
578
  <div class="pf-v6-c-progress-stepper__step-connector">
483
579
  <span class="pf-v6-c-progress-stepper__step-icon">
484
- <i class="fas fa-check-circle" aria-hidden="true"></i>
580
+ <svg
581
+ class="pf-v6-svg"
582
+ viewBox="0 0 32 32"
583
+ fill="currentColor"
584
+ aria-hidden="true"
585
+ role="img"
586
+ width="1em"
587
+ height="1em"
588
+ >
589
+ <path
590
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
591
+ />
592
+ </svg>
485
593
  </span>
486
594
  </div>
487
595
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -541,7 +649,19 @@ cssPrefix: pf-v6-c-progress-stepper
541
649
  >
542
650
  <div class="pf-v6-c-progress-stepper__step-connector">
543
651
  <span class="pf-v6-c-progress-stepper__step-icon">
544
- <i class="fas fa-check-circle" aria-hidden="true"></i>
652
+ <svg
653
+ class="pf-v6-svg"
654
+ viewBox="0 0 32 32"
655
+ fill="currentColor"
656
+ aria-hidden="true"
657
+ role="img"
658
+ width="1em"
659
+ height="1em"
660
+ >
661
+ <path
662
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
663
+ />
664
+ </svg>
545
665
  </span>
546
666
  </div>
547
667
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -598,7 +718,19 @@ cssPrefix: pf-v6-c-progress-stepper
598
718
  >
599
719
  <div class="pf-v6-c-progress-stepper__step-connector">
600
720
  <span class="pf-v6-c-progress-stepper__step-icon">
601
- <i class="fas fa-check-circle" aria-hidden="true"></i>
721
+ <svg
722
+ class="pf-v6-svg"
723
+ viewBox="0 0 32 32"
724
+ fill="currentColor"
725
+ aria-hidden="true"
726
+ role="img"
727
+ width="1em"
728
+ height="1em"
729
+ >
730
+ <path
731
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
732
+ />
733
+ </svg>
602
734
  </span>
603
735
  </div>
604
736
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -655,7 +787,19 @@ cssPrefix: pf-v6-c-progress-stepper
655
787
  >
656
788
  <div class="pf-v6-c-progress-stepper__step-connector">
657
789
  <span class="pf-v6-c-progress-stepper__step-icon">
658
- <i class="fas fa-check-circle" aria-hidden="true"></i>
790
+ <svg
791
+ class="pf-v6-svg"
792
+ viewBox="0 0 32 32"
793
+ fill="currentColor"
794
+ aria-hidden="true"
795
+ role="img"
796
+ width="1em"
797
+ height="1em"
798
+ >
799
+ <path
800
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
801
+ />
802
+ </svg>
659
803
  </span>
660
804
  </div>
661
805
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -669,7 +813,19 @@ cssPrefix: pf-v6-c-progress-stepper
669
813
  >
670
814
  <div class="pf-v6-c-progress-stepper__step-connector">
671
815
  <span class="pf-v6-c-progress-stepper__step-icon">
672
- <i class="fas fa-check-circle" aria-hidden="true"></i>
816
+ <svg
817
+ class="pf-v6-svg"
818
+ viewBox="0 0 32 32"
819
+ fill="currentColor"
820
+ aria-hidden="true"
821
+ role="img"
822
+ width="1em"
823
+ height="1em"
824
+ >
825
+ <path
826
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
827
+ />
828
+ </svg>
673
829
  </span>
674
830
  </div>
675
831
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -683,7 +839,19 @@ cssPrefix: pf-v6-c-progress-stepper
683
839
  >
684
840
  <div class="pf-v6-c-progress-stepper__step-connector">
685
841
  <span class="pf-v6-c-progress-stepper__step-icon">
686
- <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
842
+ <svg
843
+ class="pf-v6-svg"
844
+ viewBox="0 0 32 32"
845
+ fill="currentColor"
846
+ aria-hidden="true"
847
+ role="img"
848
+ width="1em"
849
+ height="1em"
850
+ >
851
+ <path
852
+ d="m31.874 28.514-15.011-27a1.001 1.001 0 0 0-1.748 0l-15.011 27A1 1 0 0 0 .978 30H31a1 1 0 0 0 .874-1.486ZM14.5 12a1.5 1.5 0 0 1 3 0v5a1.5 1.5 0 0 1-3 0v-5ZM16 26.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 26.001Z"
853
+ />
854
+ </svg>
687
855
  </span>
688
856
  </div>
689
857
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -731,7 +899,19 @@ cssPrefix: pf-v6-c-progress-stepper
731
899
  >
732
900
  <div class="pf-v6-c-progress-stepper__step-connector">
733
901
  <span class="pf-v6-c-progress-stepper__step-icon">
734
- <i class="fas fa-check-circle" aria-hidden="true"></i>
902
+ <svg
903
+ class="pf-v6-svg"
904
+ viewBox="0 0 32 32"
905
+ fill="currentColor"
906
+ aria-hidden="true"
907
+ role="img"
908
+ width="1em"
909
+ height="1em"
910
+ >
911
+ <path
912
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
913
+ />
914
+ </svg>
735
915
  </span>
736
916
  </div>
737
917
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -745,7 +925,19 @@ cssPrefix: pf-v6-c-progress-stepper
745
925
  >
746
926
  <div class="pf-v6-c-progress-stepper__step-connector">
747
927
  <span class="pf-v6-c-progress-stepper__step-icon">
748
- <i class="fas fa-check-circle" aria-hidden="true"></i>
928
+ <svg
929
+ class="pf-v6-svg"
930
+ viewBox="0 0 32 32"
931
+ fill="currentColor"
932
+ aria-hidden="true"
933
+ role="img"
934
+ width="1em"
935
+ height="1em"
936
+ >
937
+ <path
938
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
939
+ />
940
+ </svg>
749
941
  </span>
750
942
  </div>
751
943
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -759,7 +951,19 @@ cssPrefix: pf-v6-c-progress-stepper
759
951
  >
760
952
  <div class="pf-v6-c-progress-stepper__step-connector">
761
953
  <span class="pf-v6-c-progress-stepper__step-icon">
762
- <i class="fas fa-check-circle" aria-hidden="true"></i>
954
+ <svg
955
+ class="pf-v6-svg"
956
+ viewBox="0 0 32 32"
957
+ fill="currentColor"
958
+ aria-hidden="true"
959
+ role="img"
960
+ width="1em"
961
+ height="1em"
962
+ >
963
+ <path
964
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
965
+ />
966
+ </svg>
763
967
  </span>
764
968
  </div>
765
969
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -773,7 +977,19 @@ cssPrefix: pf-v6-c-progress-stepper
773
977
  >
774
978
  <div class="pf-v6-c-progress-stepper__step-connector">
775
979
  <span class="pf-v6-c-progress-stepper__step-icon">
776
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
980
+ <svg
981
+ class="pf-v6-svg"
982
+ viewBox="0 0 32 32"
983
+ fill="currentColor"
984
+ aria-hidden="true"
985
+ role="img"
986
+ width="1em"
987
+ height="1em"
988
+ >
989
+ <path
990
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
991
+ />
992
+ </svg>
777
993
  </span>
778
994
  </div>
779
995
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -807,7 +1023,19 @@ cssPrefix: pf-v6-c-progress-stepper
807
1023
  >
808
1024
  <div class="pf-v6-c-progress-stepper__step-connector">
809
1025
  <span class="pf-v6-c-progress-stepper__step-icon">
810
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1026
+ <svg
1027
+ class="pf-v6-svg"
1028
+ viewBox="0 0 32 32"
1029
+ fill="currentColor"
1030
+ aria-hidden="true"
1031
+ role="img"
1032
+ width="1em"
1033
+ height="1em"
1034
+ >
1035
+ <path
1036
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1037
+ />
1038
+ </svg>
811
1039
  </span>
812
1040
  </div>
813
1041
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -870,7 +1098,19 @@ cssPrefix: pf-v6-c-progress-stepper
870
1098
  >
871
1099
  <div class="pf-v6-c-progress-stepper__step-connector">
872
1100
  <span class="pf-v6-c-progress-stepper__step-icon">
873
- <i class="fas fa-check-circle" aria-hidden="true"></i>
1101
+ <svg
1102
+ class="pf-v6-svg"
1103
+ viewBox="0 0 32 32"
1104
+ fill="currentColor"
1105
+ aria-hidden="true"
1106
+ role="img"
1107
+ width="1em"
1108
+ height="1em"
1109
+ >
1110
+ <path
1111
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm7.795 11.795-8.646 8.646c-.317.317-.733.475-1.149.475s-.832-.158-1.149-.475l-4.646-4.646a1.126 1.126 0 0 1 1.591-1.591l4.205 4.205 8.205-8.205a1.126 1.126 0 0 1 1.591 1.591Z"
1112
+ />
1113
+ </svg>
874
1114
  </span>
875
1115
  </div>
876
1116
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -887,7 +1127,19 @@ cssPrefix: pf-v6-c-progress-stepper
887
1127
  >
888
1128
  <div class="pf-v6-c-progress-stepper__step-connector">
889
1129
  <span class="pf-v6-c-progress-stepper__step-icon">
890
- <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1130
+ <svg
1131
+ class="pf-v6-svg"
1132
+ viewBox="0 0 32 32"
1133
+ fill="currentColor"
1134
+ aria-hidden="true"
1135
+ role="img"
1136
+ width="1em"
1137
+ height="1em"
1138
+ >
1139
+ <path
1140
+ d="M16 1C7.729 1 1 7.729 1 16s6.729 15 15 15 15-6.729 15-15S24.271 1 16 1Zm-1.5 8a1.5 1.5 0 1 1 3 0v7a1.5 1.5 0 1 1-3 0V9ZM16 25.001a2 2 0 1 1-.001-3.999A2 2 0 0 1 16 25.001Z"
1141
+ />
1142
+ </svg>
891
1143
  </span>
892
1144
  </div>
893
1145
  <div class="pf-v6-c-progress-stepper__step-main">
@@ -959,8 +1211,8 @@ Steps can be modified with `.pf-m-success`, `.pf-m-warning`, `.pf-m-danger`, `.p
959
1211
  | `.progress-stepper__step-title` | `<div>`, `<button>` | Contains the title of the step. **Note:** the step title is a `<button>` when it has `.pf-m-help-text` and is used to trigger a popover with help text. |
960
1212
  | `.progress-stepper__step-description` | `<div>` | Contains the description of the step. |
961
1213
  | `.pf-m-center`| `.pf-v6-c-progress-stepper` | Modifies to center each step. |
962
- | `.pf-m-vertical{-on-[breakpoint]}`| `.pf-v6-c-progress-stepper` | Modifies progress stepper vertical layout at optional [breakpoint](/tokens/all-patternfly-tokens). |
963
- | `.pf-m-horizontal{-on-[breakpoint]}`| `.pf-v6-c-progress-stepper` | Modifies progress stepper horizontal layout at optional [breakpoint](/tokens/all-patternfly-tokens). |
1214
+ | `.pf-m-vertical{-on-[breakpoint]}`| `.pf-v6-c-progress-stepper` | Modifies progress stepper vertical layout at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). |
1215
+ | `.pf-m-horizontal{-on-[breakpoint]}`| `.pf-v6-c-progress-stepper` | Modifies progress stepper horizontal layout at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). |
964
1216
  | `.pf-m-compact`| `.pf-v6-c-progress-stepper` | Modifies for compact styling. |
965
1217
  | `.pf-m-success`| `.pf-v6-c-progress-stepper__step` | Modifies for success styling. |
966
1218
  | `.pf-m-warning`| `.pf-v6-c-progress-stepper__step` | Modifies for warning styling. |
package/docs/components/Sidebar/examples/Sidebar.md CHANGED
@@ -265,6 +265,6 @@ cssPrefix: pf-v6-c-sidebar
265
265
  | `.pf-m-panel-right` | `.pf-v6-c-sidebar` | Modifies the sidebar to place the panel to the right of the content. |
266
266
  | `.pf-m-sticky` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be sticky to the top of the layout. |
267
267
  | `.pf-m-static` | `.pf-v6-c-sidebar__panel` | Modifies the panel to be positioned statically. |
268
- | `.pf-m-width-{default, 25, 33, 50, 66, 75, 100}{-on-[breakpoint]}` | `.pf-v6-c-sidebar__panel` | Modifies the panel width at optional [breakpoint](/tokens/all-patternfly-tokens). **Note:** does not apply when the panel is stacked on top of the content. |
268
+ | `.pf-m-width-{default, 25, 33, 50, 66, 75, 100}{-on-[breakpoint]}` | `.pf-v6-c-sidebar__panel` | Modifies the panel width at optional [breakpoint](/foundations-and-styles/design-tokens/all-design-tokens). **Note:** does not apply when the panel is stacked on top of the content. |
269
269
  | `.pf-m-no-background` | `.pf-v6-c-sidebar`, `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have a transparent background. |
270
270
  | `.pf-m-secondary` | `.pf-v6-c-sidebar__panel, .pf-v6-c-sidebar__content` | Modifies the element to have secondary styling. |
package/docs/components/Slider/examples/Slider.md CHANGED
@@ -371,7 +371,19 @@ cssPrefix: pf-v6-c-slider
371
371
  <div class="pf-v6-c-slider__actions">
372
372
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Minus">
373
373
  <span class="pf-v6-c-button__icon">
374
- <i class="fas fa-minus fa-fw" aria-hidden="true"></i>
374
+ <svg
375
+ class="pf-v6-svg"
376
+ viewBox="0 0 448 512"
377
+ fill="currentColor"
378
+ aria-hidden="true"
379
+ role="img"
380
+ width="1em"
381
+ height="1em"
382
+ >
383
+ <path
384
+ d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
385
+ />
386
+ </svg>
375
387
  </span>
376
388
  </button>
377
389
  </div>
@@ -392,7 +404,19 @@ cssPrefix: pf-v6-c-slider
392
404
  <div class="pf-v6-c-slider__actions">
393
405
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Plus">
394
406
  <span class="pf-v6-c-button__icon">
395
- <i class="fas fa-plus fa-fw" aria-hidden="true"></i>
407
+ <svg
408
+ class="pf-v6-svg"
409
+ viewBox="0 0 448 512"
410
+ fill="currentColor"
411
+ aria-hidden="true"
412
+ role="img"
413
+ width="1em"
414
+ height="1em"
415
+ >
416
+ <path
417
+ d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
418
+ />
419
+ </svg>
396
420
  </span>
397
421
  </button>
398
422
  </div>
@@ -436,7 +460,19 @@ cssPrefix: pf-v6-c-slider
436
460
  <div class="pf-v6-c-slider__actions">
437
461
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Locked">
438
462
  <span class="pf-v6-c-button__icon">
439
- <i class="fas fa-lock fa-fw" aria-hidden="true"></i>
463
+ <svg
464
+ class="pf-v6-svg"
465
+ viewBox="0 0 448 512"
466
+ fill="currentColor"
467
+ aria-hidden="true"
468
+ role="img"
469
+ width="1em"
470
+ height="1em"
471
+ >
472
+ <path
473
+ d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"
474
+ />
475
+ </svg>
440
476
  </span>
441
477
  </button>
442
478
  </div>
@@ -475,7 +511,19 @@ cssPrefix: pf-v6-c-slider
475
511
  <div class="pf-v6-c-slider__actions">
476
512
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Lock">
477
513
  <span class="pf-v6-c-button__icon">
478
- <i class="fas fa-lock-open fa-fw" aria-hidden="true"></i>
514
+ <svg
515
+ class="pf-v6-svg"
516
+ viewBox="0 0 576 512"
517
+ fill="currentColor"
518
+ aria-hidden="true"
519
+ role="img"
520
+ width="1em"
521
+ height="1em"
522
+ >
523
+ <path
524
+ d="M423.5 0C339.5.3 272 69.5 272 153.5V224H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48h-48v-71.1c0-39.6 31.7-72.5 71.3-72.9 40-.4 72.7 32.1 72.7 72v80c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24v-80C576 68 507.5-.3 423.5 0z"
525
+ />
526
+ </svg>
479
527
  </span>
480
528
  </button>
481
529
  </div>