@patternfly/react-core 6.0.0-alpha.64 → 6.0.0-alpha.66

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 (483) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/DataList/package.json +1 -1
  23. package/dist/dynamic/components/DatePicker/package.json +1 -1
  24. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  25. package/dist/dynamic/components/Divider/package.json +1 -1
  26. package/dist/dynamic/components/Drawer/package.json +1 -1
  27. package/dist/dynamic/components/Dropdown/package.json +1 -1
  28. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  29. package/dist/dynamic/components/EmptyState/package.json +1 -1
  30. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  31. package/dist/dynamic/components/FileUpload/package.json +1 -1
  32. package/dist/dynamic/components/Form/package.json +1 -1
  33. package/dist/dynamic/components/FormSelect/package.json +1 -1
  34. package/dist/dynamic/components/HelperText/package.json +1 -1
  35. package/dist/dynamic/components/Hint/package.json +1 -1
  36. package/dist/dynamic/components/Icon/package.json +1 -1
  37. package/dist/dynamic/components/InputGroup/package.json +1 -1
  38. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  39. package/dist/dynamic/components/Label/package.json +1 -1
  40. package/dist/dynamic/components/List/package.json +1 -1
  41. package/dist/dynamic/components/LoginPage/package.json +1 -1
  42. package/dist/dynamic/components/Masthead/package.json +1 -1
  43. package/dist/dynamic/components/Menu/package.json +1 -1
  44. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  45. package/dist/dynamic/components/Modal/package.json +1 -1
  46. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  47. package/dist/dynamic/components/Nav/package.json +1 -1
  48. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  49. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  50. package/dist/dynamic/components/NumberInput/package.json +1 -1
  51. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  52. package/dist/dynamic/components/Page/package.json +1 -1
  53. package/dist/dynamic/components/Pagination/package.json +1 -1
  54. package/dist/dynamic/components/Panel/package.json +1 -1
  55. package/dist/dynamic/components/Popover/package.json +1 -1
  56. package/dist/dynamic/components/Progress/package.json +1 -1
  57. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  58. package/dist/dynamic/components/Radio/package.json +1 -1
  59. package/dist/dynamic/components/SearchInput/package.json +1 -1
  60. package/dist/dynamic/components/Select/package.json +1 -1
  61. package/dist/dynamic/components/Sidebar/package.json +1 -1
  62. package/dist/dynamic/components/SimpleList/package.json +1 -1
  63. package/dist/dynamic/components/Skeleton/package.json +1 -1
  64. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  65. package/dist/dynamic/components/Slider/package.json +1 -1
  66. package/dist/dynamic/components/Spinner/package.json +1 -1
  67. package/dist/dynamic/components/Switch/package.json +1 -1
  68. package/dist/dynamic/components/Tabs/package.json +1 -1
  69. package/dist/dynamic/components/Text/package.json +1 -1
  70. package/dist/dynamic/components/TextArea/package.json +1 -1
  71. package/dist/dynamic/components/TextInput/package.json +1 -1
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  73. package/dist/dynamic/components/Tile/package.json +1 -1
  74. package/dist/dynamic/components/TimePicker/package.json +1 -1
  75. package/dist/dynamic/components/Timestamp/package.json +1 -1
  76. package/dist/dynamic/components/Title/package.json +1 -1
  77. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  78. package/dist/dynamic/components/Toolbar/package.json +1 -1
  79. package/dist/dynamic/components/Tooltip/package.json +1 -1
  80. package/dist/dynamic/components/TreeView/package.json +1 -1
  81. package/dist/dynamic/components/Truncate/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/Modal/package.json +1 -0
  87. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/package.json +1 -1
  89. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  90. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  91. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  92. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  93. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  94. package/dist/dynamic/helpers/constants/package.json +1 -1
  95. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  96. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  97. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  98. package/dist/dynamic/helpers/package.json +1 -1
  99. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  100. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  102. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  103. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  104. package/dist/dynamic/helpers/util/package.json +1 -1
  105. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  106. package/dist/dynamic/layouts/Flex/package.json +1 -1
  107. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  108. package/dist/dynamic/layouts/Grid/package.json +1 -1
  109. package/dist/dynamic/layouts/Level/package.json +1 -1
  110. package/dist/dynamic/layouts/Split/package.json +1 -1
  111. package/dist/dynamic/layouts/Stack/package.json +1 -1
  112. package/dist/dynamic/next/components/DualListSelector/package.json +1 -1
  113. package/dist/dynamic/next/components/package.json +1 -1
  114. package/dist/dynamic/styles/package.json +1 -1
  115. package/dist/dynamic-modules.json +6 -12
  116. package/dist/esm/components/AboutModal/AboutModal.js +1 -1
  117. package/dist/esm/components/AboutModal/AboutModal.js.map +1 -1
  118. package/dist/esm/components/Badge/Badge.d.ts +2 -0
  119. package/dist/esm/components/Badge/Badge.d.ts.map +1 -1
  120. package/dist/esm/components/Badge/Badge.js +2 -2
  121. package/dist/esm/components/Badge/Badge.js.map +1 -1
  122. package/dist/esm/components/Button/Button.d.ts.map +1 -1
  123. package/dist/esm/components/Button/Button.js +1 -1
  124. package/dist/esm/components/Button/Button.js.map +1 -1
  125. package/dist/esm/components/Modal/Modal.d.ts +4 -40
  126. package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
  127. package/dist/esm/components/Modal/Modal.js +5 -27
  128. package/dist/esm/components/Modal/Modal.js.map +1 -1
  129. package/dist/esm/components/Modal/ModalBody.d.ts.map +1 -0
  130. package/dist/esm/components/Modal/ModalBody.js.map +1 -0
  131. package/dist/esm/components/Modal/ModalBox.d.ts +3 -3
  132. package/dist/esm/components/Modal/ModalBox.d.ts.map +1 -1
  133. package/dist/esm/components/Modal/ModalBox.js +2 -2
  134. package/dist/esm/components/Modal/ModalBox.js.map +1 -1
  135. package/dist/esm/components/Modal/ModalBoxCloseButton.js +1 -1
  136. package/dist/esm/components/Modal/ModalBoxCloseButton.js.map +1 -1
  137. package/dist/esm/components/Modal/ModalBoxTitle.d.ts +2 -2
  138. package/dist/esm/components/Modal/ModalBoxTitle.d.ts.map +1 -1
  139. package/dist/esm/components/Modal/ModalBoxTitle.js +3 -2
  140. package/dist/esm/components/Modal/ModalBoxTitle.js.map +1 -1
  141. package/dist/esm/components/Modal/ModalContent.d.ts +3 -41
  142. package/dist/esm/components/Modal/ModalContent.d.ts.map +1 -1
  143. package/dist/esm/components/Modal/ModalContent.js +12 -29
  144. package/dist/esm/components/Modal/ModalContent.js.map +1 -1
  145. package/dist/esm/components/Modal/ModalFooter.d.ts.map +1 -0
  146. package/dist/esm/components/Modal/ModalFooter.js.map +1 -0
  147. package/dist/esm/components/Modal/ModalHeader.d.ts.map +1 -0
  148. package/dist/esm/components/Modal/ModalHeader.js.map +1 -0
  149. package/dist/esm/components/Modal/index.d.ts +3 -6
  150. package/dist/esm/components/Modal/index.d.ts.map +1 -1
  151. package/dist/esm/components/Modal/index.js +3 -6
  152. package/dist/esm/components/Modal/index.js.map +1 -1
  153. package/dist/esm/{next → deprecated}/components/Modal/Modal.d.ts +40 -4
  154. package/dist/esm/deprecated/components/Modal/Modal.d.ts.map +1 -0
  155. package/dist/esm/{next → deprecated}/components/Modal/Modal.js +27 -5
  156. package/dist/esm/deprecated/components/Modal/Modal.js.map +1 -0
  157. package/dist/esm/{next → deprecated}/components/Modal/ModalBox.d.ts +3 -3
  158. package/dist/esm/deprecated/components/Modal/ModalBox.d.ts.map +1 -0
  159. package/dist/esm/deprecated/components/Modal/ModalBox.js +15 -0
  160. package/dist/esm/deprecated/components/Modal/ModalBox.js.map +1 -0
  161. package/dist/esm/deprecated/components/Modal/ModalBoxBody.d.ts.map +1 -0
  162. package/dist/esm/deprecated/components/Modal/ModalBoxBody.js.map +1 -0
  163. package/dist/esm/deprecated/components/Modal/ModalBoxCloseButton.d.ts.map +1 -0
  164. package/dist/esm/{next → deprecated}/components/Modal/ModalBoxCloseButton.js +1 -1
  165. package/dist/esm/deprecated/components/Modal/ModalBoxCloseButton.js.map +1 -0
  166. package/dist/esm/deprecated/components/Modal/ModalBoxDescription.d.ts.map +1 -0
  167. package/dist/esm/deprecated/components/Modal/ModalBoxDescription.js.map +1 -0
  168. package/dist/esm/deprecated/components/Modal/ModalBoxFooter.d.ts.map +1 -0
  169. package/dist/esm/deprecated/components/Modal/ModalBoxFooter.js.map +1 -0
  170. package/dist/esm/deprecated/components/Modal/ModalBoxHeader.d.ts.map +1 -0
  171. package/dist/esm/deprecated/components/Modal/ModalBoxHeader.js.map +1 -0
  172. package/dist/{js/next → esm/deprecated}/components/Modal/ModalBoxTitle.d.ts +2 -2
  173. package/dist/esm/deprecated/components/Modal/ModalBoxTitle.d.ts.map +1 -0
  174. package/dist/esm/{next → deprecated}/components/Modal/ModalBoxTitle.js +2 -3
  175. package/dist/esm/deprecated/components/Modal/ModalBoxTitle.js.map +1 -0
  176. package/dist/esm/deprecated/components/Modal/ModalContent.d.ts +80 -0
  177. package/dist/esm/deprecated/components/Modal/ModalContent.d.ts.map +1 -0
  178. package/dist/esm/deprecated/components/Modal/ModalContent.js +62 -0
  179. package/dist/esm/deprecated/components/Modal/ModalContent.js.map +1 -0
  180. package/dist/esm/deprecated/components/Modal/index.d.ts +8 -0
  181. package/dist/esm/deprecated/components/Modal/index.d.ts.map +1 -0
  182. package/dist/esm/deprecated/components/Modal/index.js +8 -0
  183. package/dist/esm/deprecated/components/Modal/index.js.map +1 -0
  184. package/dist/esm/deprecated/components/Wizard/Wizard.js +1 -1
  185. package/dist/esm/deprecated/components/Wizard/Wizard.js.map +1 -1
  186. package/dist/esm/deprecated/components/index.d.ts +1 -0
  187. package/dist/esm/deprecated/components/index.d.ts.map +1 -1
  188. package/dist/esm/deprecated/components/index.js +1 -0
  189. package/dist/esm/deprecated/components/index.js.map +1 -1
  190. package/dist/esm/next/components/index.d.ts +0 -1
  191. package/dist/esm/next/components/index.d.ts.map +1 -1
  192. package/dist/esm/next/components/index.js +0 -1
  193. package/dist/esm/next/components/index.js.map +1 -1
  194. package/dist/js/components/AboutModal/AboutModal.js +1 -1
  195. package/dist/js/components/AboutModal/AboutModal.js.map +1 -1
  196. package/dist/js/components/Badge/Badge.d.ts +2 -0
  197. package/dist/js/components/Badge/Badge.d.ts.map +1 -1
  198. package/dist/js/components/Badge/Badge.js +2 -2
  199. package/dist/js/components/Badge/Badge.js.map +1 -1
  200. package/dist/js/components/Button/Button.d.ts.map +1 -1
  201. package/dist/js/components/Button/Button.js +1 -1
  202. package/dist/js/components/Button/Button.js.map +1 -1
  203. package/dist/js/components/Modal/Modal.d.ts +4 -40
  204. package/dist/js/components/Modal/Modal.d.ts.map +1 -1
  205. package/dist/js/components/Modal/Modal.js +5 -27
  206. package/dist/js/components/Modal/Modal.js.map +1 -1
  207. package/dist/js/components/Modal/ModalBody.d.ts.map +1 -0
  208. package/dist/js/components/Modal/ModalBody.js.map +1 -0
  209. package/dist/js/components/Modal/ModalBox.d.ts +3 -3
  210. package/dist/js/components/Modal/ModalBox.d.ts.map +1 -1
  211. package/dist/js/components/Modal/ModalBox.js +2 -2
  212. package/dist/js/components/Modal/ModalBox.js.map +1 -1
  213. package/dist/js/components/Modal/ModalBoxCloseButton.js +1 -1
  214. package/dist/js/components/Modal/ModalBoxCloseButton.js.map +1 -1
  215. package/dist/js/components/Modal/ModalBoxTitle.d.ts +2 -2
  216. package/dist/js/components/Modal/ModalBoxTitle.d.ts.map +1 -1
  217. package/dist/js/components/Modal/ModalBoxTitle.js +3 -2
  218. package/dist/js/components/Modal/ModalBoxTitle.js.map +1 -1
  219. package/dist/js/components/Modal/ModalContent.d.ts +3 -41
  220. package/dist/js/components/Modal/ModalContent.d.ts.map +1 -1
  221. package/dist/js/components/Modal/ModalContent.js +12 -29
  222. package/dist/js/components/Modal/ModalContent.js.map +1 -1
  223. package/dist/js/components/Modal/ModalFooter.d.ts.map +1 -0
  224. package/dist/js/components/Modal/ModalFooter.js.map +1 -0
  225. package/dist/js/components/Modal/ModalHeader.d.ts.map +1 -0
  226. package/dist/js/components/Modal/ModalHeader.js.map +1 -0
  227. package/dist/js/components/Modal/index.d.ts +3 -6
  228. package/dist/js/components/Modal/index.d.ts.map +1 -1
  229. package/dist/js/components/Modal/index.js +3 -6
  230. package/dist/js/components/Modal/index.js.map +1 -1
  231. package/dist/js/{next → deprecated}/components/Modal/Modal.d.ts +40 -4
  232. package/dist/js/deprecated/components/Modal/Modal.d.ts.map +1 -0
  233. package/dist/js/{next → deprecated}/components/Modal/Modal.js +27 -5
  234. package/dist/js/deprecated/components/Modal/Modal.js.map +1 -0
  235. package/dist/js/{next → deprecated}/components/Modal/ModalBox.d.ts +3 -3
  236. package/dist/js/deprecated/components/Modal/ModalBox.d.ts.map +1 -0
  237. package/dist/js/deprecated/components/Modal/ModalBox.js +19 -0
  238. package/dist/js/deprecated/components/Modal/ModalBox.js.map +1 -0
  239. package/dist/js/deprecated/components/Modal/ModalBoxBody.d.ts.map +1 -0
  240. package/dist/js/deprecated/components/Modal/ModalBoxBody.js.map +1 -0
  241. package/dist/js/deprecated/components/Modal/ModalBoxCloseButton.d.ts.map +1 -0
  242. package/dist/js/{next → deprecated}/components/Modal/ModalBoxCloseButton.js +1 -1
  243. package/dist/js/deprecated/components/Modal/ModalBoxCloseButton.js.map +1 -0
  244. package/dist/js/deprecated/components/Modal/ModalBoxDescription.d.ts.map +1 -0
  245. package/dist/js/deprecated/components/Modal/ModalBoxDescription.js.map +1 -0
  246. package/dist/js/deprecated/components/Modal/ModalBoxFooter.d.ts.map +1 -0
  247. package/dist/js/deprecated/components/Modal/ModalBoxFooter.js.map +1 -0
  248. package/dist/js/deprecated/components/Modal/ModalBoxHeader.d.ts.map +1 -0
  249. package/dist/js/deprecated/components/Modal/ModalBoxHeader.js.map +1 -0
  250. package/dist/{esm/next → js/deprecated}/components/Modal/ModalBoxTitle.d.ts +2 -2
  251. package/dist/js/deprecated/components/Modal/ModalBoxTitle.d.ts.map +1 -0
  252. package/dist/js/{next → deprecated}/components/Modal/ModalBoxTitle.js +2 -3
  253. package/dist/js/deprecated/components/Modal/ModalBoxTitle.js.map +1 -0
  254. package/dist/js/deprecated/components/Modal/ModalContent.d.ts +80 -0
  255. package/dist/js/deprecated/components/Modal/ModalContent.d.ts.map +1 -0
  256. package/dist/js/deprecated/components/Modal/ModalContent.js +66 -0
  257. package/dist/js/deprecated/components/Modal/ModalContent.js.map +1 -0
  258. package/dist/js/deprecated/components/Modal/index.d.ts +8 -0
  259. package/dist/js/deprecated/components/Modal/index.d.ts.map +1 -0
  260. package/dist/js/deprecated/components/Modal/index.js +11 -0
  261. package/dist/js/deprecated/components/Modal/index.js.map +1 -0
  262. package/dist/js/deprecated/components/Wizard/Wizard.js +1 -1
  263. package/dist/js/deprecated/components/Wizard/Wizard.js.map +1 -1
  264. package/dist/js/deprecated/components/index.d.ts +1 -0
  265. package/dist/js/deprecated/components/index.d.ts.map +1 -1
  266. package/dist/js/deprecated/components/index.js +1 -0
  267. package/dist/js/deprecated/components/index.js.map +1 -1
  268. package/dist/js/next/components/index.d.ts +0 -1
  269. package/dist/js/next/components/index.d.ts.map +1 -1
  270. package/dist/js/next/components/index.js +0 -1
  271. package/dist/js/next/components/index.js.map +1 -1
  272. package/dist/umd/assets/{output-BvT0K3uY.css → output-C4GbSx1X.css} +1777 -1777
  273. package/dist/umd/react-core.min.js +3 -3
  274. package/helpers/package.json +1 -1
  275. package/layouts/package.json +1 -1
  276. package/next/package.json +1 -1
  277. package/package.json +2 -2
  278. package/src/components/AboutModal/AboutModal.tsx +1 -1
  279. package/src/components/Badge/Badge.tsx +9 -1
  280. package/src/components/Badge/__tests__/Badge.test.tsx +5 -0
  281. package/src/components/Badge/examples/Badge.md +5 -0
  282. package/src/components/Badge/examples/BadgeDisabled.tsx +19 -0
  283. package/src/components/Button/Button.tsx +3 -1
  284. package/src/components/Label/examples/LabelGroupEditableAddModal.tsx +4 -5
  285. package/src/components/Modal/Modal.tsx +9 -82
  286. package/src/components/Modal/ModalBox.tsx +6 -6
  287. package/src/components/Modal/ModalBoxCloseButton.tsx +1 -1
  288. package/src/components/Modal/ModalBoxTitle.tsx +7 -5
  289. package/src/components/Modal/ModalContent.tsx +19 -110
  290. package/src/components/Modal/__tests__/Modal.test.tsx +10 -77
  291. package/src/components/Modal/__tests__/ModalBoxHeader.test.tsx +12 -5
  292. package/src/components/Modal/__tests__/ModalBoxTitle.test.tsx +6 -28
  293. package/src/components/Modal/__tests__/ModalContent.test.tsx +6 -72
  294. package/src/components/Modal/__tests__/__snapshots__/ModalBoxHeader.test.tsx.snap +16 -2
  295. package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +13 -478
  296. package/src/components/Modal/examples/Modal.md +24 -32
  297. package/src/components/Modal/examples/ModalBasic.tsx +16 -12
  298. package/src/components/Modal/examples/ModalCustomFocus.tsx +19 -15
  299. package/src/{next/components → components}/Modal/examples/ModalCustomHeader.tsx +12 -2
  300. package/src/components/Modal/examples/ModalCustomTitleIcon.tsx +24 -18
  301. package/src/components/Modal/examples/ModalCustomWidth.tsx +15 -11
  302. package/src/components/Modal/examples/ModalNoHeaderFooter.tsx +14 -12
  303. package/src/{next/components → components}/Modal/examples/ModalSize.tsx +1 -2
  304. package/src/components/Modal/examples/ModalTitleIcon.tsx +20 -18
  305. package/src/components/Modal/examples/ModalTopAligned.tsx +15 -11
  306. package/src/components/Modal/examples/ModalWithDescription.tsx +53 -12
  307. package/src/components/Modal/examples/ModalWithDropdown.tsx +56 -49
  308. package/src/components/Modal/examples/ModalWithForm.tsx +150 -139
  309. package/src/components/Modal/examples/ModalWithHelp.tsx +34 -26
  310. package/src/components/Modal/examples/ModalWithOverflowingContent.tsx +47 -44
  311. package/src/components/Modal/examples/ModalWithWizard.tsx +2 -4
  312. package/src/components/Modal/index.ts +3 -6
  313. package/src/components/Wizard/examples/Wizard.md +1 -0
  314. package/src/components/Wizard/examples/WizardWithinModal.tsx +5 -4
  315. package/src/demos/DatePicker/DatePicker.md +2 -2
  316. package/src/demos/DatePicker/examples/DateTimePickerInModal.tsx +5 -12
  317. package/src/demos/LabelGroupDemos.md +3 -0
  318. package/src/demos/MultipleFileUploadDemos.md +2 -0
  319. package/src/demos/examples/MultipleFileUpload/MultipleFileUploadRejectedFile.tsx +3 -3
  320. package/src/{next → deprecated}/components/Modal/Modal.tsx +82 -9
  321. package/src/{next → deprecated}/components/Modal/ModalBox.tsx +6 -6
  322. package/src/{next → deprecated}/components/Modal/ModalBoxCloseButton.tsx +1 -1
  323. package/src/{next → deprecated}/components/Modal/ModalBoxTitle.tsx +5 -7
  324. package/src/deprecated/components/Modal/ModalContent.tsx +222 -0
  325. package/src/{next → deprecated}/components/Modal/__tests__/Modal.test.tsx +76 -9
  326. package/src/deprecated/components/Modal/__tests__/ModalBoxHeader.test.tsx +14 -0
  327. package/src/{next → deprecated}/components/Modal/__tests__/ModalBoxTitle.test.tsx +28 -6
  328. package/src/deprecated/components/Modal/__tests__/ModalContent.test.tsx +112 -0
  329. package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBoxHeader.test.tsx.snap +2 -16
  330. package/src/deprecated/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +593 -0
  331. package/src/{next → deprecated}/components/Modal/examples/Modal.md +34 -24
  332. package/src/deprecated/components/Modal/examples/ModalBasic.tsx +39 -0
  333. package/src/deprecated/components/Modal/examples/ModalCustomFocus.tsx +39 -0
  334. package/src/{components → deprecated/components}/Modal/examples/ModalCustomHeaderFooter.tsx +5 -4
  335. package/src/deprecated/components/Modal/examples/ModalCustomTitleIcon.tsx +47 -0
  336. package/src/deprecated/components/Modal/examples/ModalCustomWidth.tsx +39 -0
  337. package/src/{components → deprecated/components}/Modal/examples/ModalLarge.tsx +5 -4
  338. package/src/{components → deprecated/components}/Modal/examples/ModalMedium.tsx +5 -4
  339. package/src/deprecated/components/Modal/examples/ModalNoHeaderFooter.tsx +38 -0
  340. package/src/{components → deprecated/components}/Modal/examples/ModalSmall.tsx +5 -4
  341. package/src/deprecated/components/Modal/examples/ModalTitleIcon.tsx +46 -0
  342. package/src/deprecated/components/Modal/examples/ModalTopAligned.tsx +39 -0
  343. package/src/deprecated/components/Modal/examples/ModalWithDescription.tsx +39 -0
  344. package/src/deprecated/components/Modal/examples/ModalWithDropdown.tsx +100 -0
  345. package/src/deprecated/components/Modal/examples/ModalWithForm.tsx +183 -0
  346. package/src/deprecated/components/Modal/examples/ModalWithHelp.tsx +56 -0
  347. package/src/deprecated/components/Modal/examples/ModalWithOverflowingContent.tsx +72 -0
  348. package/src/{next → deprecated}/components/Modal/examples/ModalWithWizard.tsx +7 -5
  349. package/src/deprecated/components/Modal/index.ts +7 -0
  350. package/src/deprecated/components/Wizard/Wizard.tsx +1 -1
  351. package/src/deprecated/components/index.ts +1 -0
  352. package/src/next/components/index.ts +0 -1
  353. package/dist/dynamic/next/components/Modal/package.json +0 -1
  354. package/dist/esm/components/Modal/ModalBoxBody.d.ts.map +0 -1
  355. package/dist/esm/components/Modal/ModalBoxBody.js.map +0 -1
  356. package/dist/esm/components/Modal/ModalBoxFooter.d.ts.map +0 -1
  357. package/dist/esm/components/Modal/ModalBoxFooter.js.map +0 -1
  358. package/dist/esm/components/Modal/ModalBoxHeader.d.ts.map +0 -1
  359. package/dist/esm/components/Modal/ModalBoxHeader.js.map +0 -1
  360. package/dist/esm/next/components/Modal/Modal.d.ts.map +0 -1
  361. package/dist/esm/next/components/Modal/Modal.js.map +0 -1
  362. package/dist/esm/next/components/Modal/ModalBody.d.ts.map +0 -1
  363. package/dist/esm/next/components/Modal/ModalBody.js.map +0 -1
  364. package/dist/esm/next/components/Modal/ModalBox.d.ts.map +0 -1
  365. package/dist/esm/next/components/Modal/ModalBox.js +0 -15
  366. package/dist/esm/next/components/Modal/ModalBox.js.map +0 -1
  367. package/dist/esm/next/components/Modal/ModalBoxCloseButton.d.ts.map +0 -1
  368. package/dist/esm/next/components/Modal/ModalBoxCloseButton.js.map +0 -1
  369. package/dist/esm/next/components/Modal/ModalBoxDescription.d.ts.map +0 -1
  370. package/dist/esm/next/components/Modal/ModalBoxDescription.js.map +0 -1
  371. package/dist/esm/next/components/Modal/ModalBoxTitle.d.ts.map +0 -1
  372. package/dist/esm/next/components/Modal/ModalBoxTitle.js.map +0 -1
  373. package/dist/esm/next/components/Modal/ModalContent.d.ts +0 -42
  374. package/dist/esm/next/components/Modal/ModalContent.d.ts.map +0 -1
  375. package/dist/esm/next/components/Modal/ModalContent.js +0 -45
  376. package/dist/esm/next/components/Modal/ModalContent.js.map +0 -1
  377. package/dist/esm/next/components/Modal/ModalFooter.d.ts.map +0 -1
  378. package/dist/esm/next/components/Modal/ModalFooter.js.map +0 -1
  379. package/dist/esm/next/components/Modal/ModalHeader.d.ts.map +0 -1
  380. package/dist/esm/next/components/Modal/ModalHeader.js.map +0 -1
  381. package/dist/esm/next/components/Modal/index.d.ts +0 -5
  382. package/dist/esm/next/components/Modal/index.d.ts.map +0 -1
  383. package/dist/esm/next/components/Modal/index.js +0 -5
  384. package/dist/esm/next/components/Modal/index.js.map +0 -1
  385. package/dist/js/components/Modal/ModalBoxBody.d.ts.map +0 -1
  386. package/dist/js/components/Modal/ModalBoxBody.js.map +0 -1
  387. package/dist/js/components/Modal/ModalBoxFooter.d.ts.map +0 -1
  388. package/dist/js/components/Modal/ModalBoxFooter.js.map +0 -1
  389. package/dist/js/components/Modal/ModalBoxHeader.d.ts.map +0 -1
  390. package/dist/js/components/Modal/ModalBoxHeader.js.map +0 -1
  391. package/dist/js/next/components/Modal/Modal.d.ts.map +0 -1
  392. package/dist/js/next/components/Modal/Modal.js.map +0 -1
  393. package/dist/js/next/components/Modal/ModalBody.d.ts.map +0 -1
  394. package/dist/js/next/components/Modal/ModalBody.js.map +0 -1
  395. package/dist/js/next/components/Modal/ModalBox.d.ts.map +0 -1
  396. package/dist/js/next/components/Modal/ModalBox.js +0 -19
  397. package/dist/js/next/components/Modal/ModalBox.js.map +0 -1
  398. package/dist/js/next/components/Modal/ModalBoxCloseButton.d.ts.map +0 -1
  399. package/dist/js/next/components/Modal/ModalBoxCloseButton.js.map +0 -1
  400. package/dist/js/next/components/Modal/ModalBoxDescription.d.ts.map +0 -1
  401. package/dist/js/next/components/Modal/ModalBoxDescription.js.map +0 -1
  402. package/dist/js/next/components/Modal/ModalBoxTitle.d.ts.map +0 -1
  403. package/dist/js/next/components/Modal/ModalBoxTitle.js.map +0 -1
  404. package/dist/js/next/components/Modal/ModalContent.d.ts +0 -42
  405. package/dist/js/next/components/Modal/ModalContent.d.ts.map +0 -1
  406. package/dist/js/next/components/Modal/ModalContent.js +0 -49
  407. package/dist/js/next/components/Modal/ModalContent.js.map +0 -1
  408. package/dist/js/next/components/Modal/ModalFooter.d.ts.map +0 -1
  409. package/dist/js/next/components/Modal/ModalFooter.js.map +0 -1
  410. package/dist/js/next/components/Modal/ModalHeader.d.ts.map +0 -1
  411. package/dist/js/next/components/Modal/ModalHeader.js.map +0 -1
  412. package/dist/js/next/components/Modal/index.d.ts +0 -5
  413. package/dist/js/next/components/Modal/index.d.ts.map +0 -1
  414. package/dist/js/next/components/Modal/index.js +0 -8
  415. package/dist/js/next/components/Modal/index.js.map +0 -1
  416. package/src/next/components/Modal/ModalContent.tsx +0 -131
  417. package/src/next/components/Modal/__tests__/ModalBoxHeader.test.tsx +0 -21
  418. package/src/next/components/Modal/__tests__/ModalContent.test.tsx +0 -46
  419. package/src/next/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +0 -128
  420. package/src/next/components/Modal/examples/ModalBasic.tsx +0 -43
  421. package/src/next/components/Modal/examples/ModalCustomFocus.tsx +0 -43
  422. package/src/next/components/Modal/examples/ModalCustomTitleIcon.tsx +0 -54
  423. package/src/next/components/Modal/examples/ModalCustomWidth.tsx +0 -43
  424. package/src/next/components/Modal/examples/ModalNoHeaderFooter.tsx +0 -40
  425. package/src/next/components/Modal/examples/ModalTitleIcon.tsx +0 -48
  426. package/src/next/components/Modal/examples/ModalTopAligned.tsx +0 -43
  427. package/src/next/components/Modal/examples/ModalWithDescription.tsx +0 -80
  428. package/src/next/components/Modal/examples/ModalWithDropdown.tsx +0 -105
  429. package/src/next/components/Modal/examples/ModalWithForm.tsx +0 -191
  430. package/src/next/components/Modal/examples/ModalWithHelp.tsx +0 -63
  431. package/src/next/components/Modal/examples/ModalWithOverflowingContent.tsx +0 -75
  432. package/src/next/components/Modal/index.ts +0 -4
  433. /package/dist/esm/{next/components → components}/Modal/ModalBody.d.ts +0 -0
  434. /package/dist/esm/{next/components → components}/Modal/ModalBody.js +0 -0
  435. /package/dist/esm/{next/components → components}/Modal/ModalFooter.d.ts +0 -0
  436. /package/dist/esm/{next/components → components}/Modal/ModalFooter.js +0 -0
  437. /package/dist/esm/{next/components → components}/Modal/ModalHeader.d.ts +0 -0
  438. /package/dist/esm/{next/components → components}/Modal/ModalHeader.js +0 -0
  439. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxBody.d.ts +0 -0
  440. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxBody.js +0 -0
  441. /package/dist/esm/{next → deprecated}/components/Modal/ModalBoxCloseButton.d.ts +0 -0
  442. /package/dist/esm/{next → deprecated}/components/Modal/ModalBoxDescription.d.ts +0 -0
  443. /package/dist/esm/{next → deprecated}/components/Modal/ModalBoxDescription.js +0 -0
  444. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxFooter.d.ts +0 -0
  445. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxFooter.js +0 -0
  446. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxHeader.d.ts +0 -0
  447. /package/dist/esm/{components → deprecated/components}/Modal/ModalBoxHeader.js +0 -0
  448. /package/dist/js/{next/components → components}/Modal/ModalBody.d.ts +0 -0
  449. /package/dist/js/{next/components → components}/Modal/ModalBody.js +0 -0
  450. /package/dist/js/{next/components → components}/Modal/ModalFooter.d.ts +0 -0
  451. /package/dist/js/{next/components → components}/Modal/ModalFooter.js +0 -0
  452. /package/dist/js/{next/components → components}/Modal/ModalHeader.d.ts +0 -0
  453. /package/dist/js/{next/components → components}/Modal/ModalHeader.js +0 -0
  454. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxBody.d.ts +0 -0
  455. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxBody.js +0 -0
  456. /package/dist/js/{next → deprecated}/components/Modal/ModalBoxCloseButton.d.ts +0 -0
  457. /package/dist/js/{next → deprecated}/components/Modal/ModalBoxDescription.d.ts +0 -0
  458. /package/dist/js/{next → deprecated}/components/Modal/ModalBoxDescription.js +0 -0
  459. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxFooter.d.ts +0 -0
  460. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxFooter.js +0 -0
  461. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxHeader.d.ts +0 -0
  462. /package/dist/js/{components → deprecated/components}/Modal/ModalBoxHeader.js +0 -0
  463. /package/src/{next/components → components}/Modal/ModalBody.tsx +0 -0
  464. /package/src/{next/components → components}/Modal/ModalFooter.tsx +0 -0
  465. /package/src/{next/components → components}/Modal/ModalHeader.tsx +0 -0
  466. /package/src/{next/components → components}/Modal/__tests__/ModalBody.test.tsx +0 -0
  467. /package/src/{next/components → components}/Modal/__tests__/ModalFooter.test.tsx +0 -0
  468. /package/src/{next/components → components}/Modal/__tests__/__snapshots__/ModalBody.test.tsx.snap +0 -0
  469. /package/src/{next/components → components}/Modal/__tests__/__snapshots__/ModalFooter.test.tsx.snap +0 -0
  470. /package/src/{components → deprecated/components}/Modal/ModalBoxBody.tsx +0 -0
  471. /package/src/{next → deprecated}/components/Modal/ModalBoxDescription.tsx +0 -0
  472. /package/src/{components → deprecated/components}/Modal/ModalBoxFooter.tsx +0 -0
  473. /package/src/{components → deprecated/components}/Modal/ModalBoxHeader.tsx +0 -0
  474. /package/src/{next → deprecated}/components/Modal/__tests__/ModalBox.test.tsx +0 -0
  475. /package/src/{components → deprecated/components}/Modal/__tests__/ModalBoxBody.test.tsx +0 -0
  476. /package/src/{next → deprecated}/components/Modal/__tests__/ModalBoxCloseButton.test.tsx +0 -0
  477. /package/src/{next → deprecated}/components/Modal/__tests__/ModalBoxDescription.test.tsx +0 -0
  478. /package/src/{components → deprecated/components}/Modal/__tests__/ModalBoxFooter.test.tsx +0 -0
  479. /package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBox.test.tsx.snap +0 -0
  480. /package/src/{components → deprecated/components}/Modal/__tests__/__snapshots__/ModalBoxBody.test.tsx.snap +0 -0
  481. /package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBoxDescription.test.tsx.snap +0 -0
  482. /package/src/{components → deprecated/components}/Modal/__tests__/__snapshots__/ModalBoxFooter.test.tsx.snap +0 -0
  483. /package/src/{next → deprecated}/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +0 -0
@@ -198,6 +198,264 @@
198
198
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
199
199
  }
200
200
 
201
+ :where(:root, .pf-v6-c-back-to-top) {
202
+ --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
203
+ --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
204
+ --pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
205
+ --pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
206
+ --pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
207
+ --pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
208
+ --pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
209
+ --pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
210
+ --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
211
+ }
212
+
213
+ @media (min-width: 768px) {
214
+ :where(:root, .pf-v6-c-back-to-top) {
215
+ --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
216
+ }
217
+ }
218
+ .pf-v6-c-back-to-top {
219
+ position: absolute;
220
+ inset-block-end: var(--pf-v6-c-back-to-top--InsetBlockEnd);
221
+ inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
222
+ }
223
+
224
+ .pf-v6-c-back-to-top.pf-m-hidden {
225
+ display: none;
226
+ }
227
+
228
+ .pf-v6-c-back-to-top .pf-v6-c-button {
229
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-back-to-top--c-button--FontSize);
230
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-back-to-top--c-button--PaddingBlockStart);
231
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-back-to-top--c-button--PaddingInlineEnd);
232
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-back-to-top--c-button--PaddingBlockEnd);
233
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-back-to-top--c-button--PaddingInlineStart);
234
+ box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
235
+ }
236
+
237
+ :where(:root, .pf-v6-c-alert) {
238
+ --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
239
+ --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
240
+ --pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
241
+ --pf-v6-c-alert--GridTemplateAreas:
242
+ "icon title action"
243
+ ". description description"
244
+ ". actiongroup actiongroup";
245
+ --pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
246
+ --pf-v6-c-alert--BorderColor: transparent;
247
+ --pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
248
+ --pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
249
+ --pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
250
+ --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
251
+ --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
252
+ --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
253
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default) - 0.0625rem);
254
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
255
+ --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
256
+ --pf-v6-c-alert__toggle-icon--Rotate: 0;
257
+ --pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
258
+ --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
259
+ --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
260
+ --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
261
+ --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
262
+ --pf-v6-c-alert__title--FontFamily: var(--pf-t--global--font--family--heading);
263
+ --pf-v6-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
264
+ --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
265
+ --pf-v6-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
266
+ --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
267
+ --pf-v6-c-alert__title--max-lines: 1;
268
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
269
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
270
+ --pf-v6-c-alert__action--TranslateY: 0.125rem;
271
+ --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
272
+ --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
273
+ --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--xs);
274
+ --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
275
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
276
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
277
+ --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
278
+ --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
279
+ --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
280
+ --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
281
+ --pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
282
+ --pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
283
+ --pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
284
+ --pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
285
+ --pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
286
+ --pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
287
+ --pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
288
+ --pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
289
+ --pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
290
+ --pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
291
+ --pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
292
+ --pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
293
+ --pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
294
+ --pf-v6-c-alert--m-inline--BoxShadow: none;
295
+ --pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
296
+ --pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
297
+ --pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
298
+ --pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
299
+ --pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
300
+ --pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
301
+ --pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
302
+ --pf-v6-c-alert--m-expandable--GridTemplateAreas:
303
+ "toggle icon title action"
304
+ ". . description description"
305
+ ". . actiongroup actiongroup";
306
+ --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
307
+ --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
308
+ --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
309
+ }
310
+
311
+ .pf-v6-c-alert {
312
+ position: relative;
313
+ display: grid;
314
+ grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
315
+ grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
316
+ padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
317
+ padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
318
+ padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
319
+ padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
320
+ font-size: var(--pf-v6-c-alert--FontSize);
321
+ background-color: var(--pf-v6-c-alert--BackgroundColor);
322
+ border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
323
+ border-radius: var(--pf-v6-c-alert--BorderRadius);
324
+ box-shadow: var(--pf-v6-c-alert--BoxShadow);
325
+ }
326
+
327
+ .pf-v6-c-alert.pf-m-custom {
328
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
329
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
330
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
331
+ }
332
+
333
+ .pf-v6-c-alert.pf-m-success {
334
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
335
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
336
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
337
+ }
338
+
339
+ .pf-v6-c-alert.pf-m-danger {
340
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
341
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
342
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
343
+ }
344
+
345
+ .pf-v6-c-alert.pf-m-warning {
346
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
347
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
348
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
349
+ }
350
+
351
+ .pf-v6-c-alert.pf-m-info {
352
+ --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
353
+ --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
354
+ --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
355
+ }
356
+
357
+ .pf-v6-c-alert.pf-m-inline {
358
+ --pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
359
+ --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
360
+ }
361
+
362
+ .pf-v6-c-alert.pf-m-plain {
363
+ --pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
364
+ --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
365
+ --pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
366
+ --pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
367
+ --pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
368
+ --pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
369
+ }
370
+
371
+ .pf-v6-c-alert.pf-m-expandable {
372
+ --pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
373
+ --pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
374
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
375
+ }
376
+
377
+ .pf-v6-c-alert.pf-m-expanded {
378
+ --pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
379
+ --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
380
+ }
381
+
382
+ .pf-v6-c-alert__toggle {
383
+ margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
384
+ margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
385
+ margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
386
+ }
387
+
388
+ .pf-v6-c-alert__toggle-icon {
389
+ display: inline-block;
390
+ transition: var(--pf-v6-c-alert__toggle-icon--Transition);
391
+ transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
392
+ }
393
+
394
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
395
+ scale: -1 1;
396
+ }
397
+
398
+ .pf-v6-c-alert__icon {
399
+ display: flex;
400
+ grid-area: icon;
401
+ margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
402
+ margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
403
+ font-size: var(--pf-v6-c-alert__icon--FontSize);
404
+ color: var(--pf-v6-c-alert__icon--Color);
405
+ }
406
+
407
+ .pf-v6-c-alert__title {
408
+ grid-area: title;
409
+ font-family: var(--pf-v6-c-alert__title--FontFamily);
410
+ font-size: var(--pf-v6-c-alert__title--FontSize);
411
+ font-weight: var(--pf-v6-c-alert__title--FontWeight);
412
+ line-height: var(--pf-v6-c-alert__title--LineHeight);
413
+ color: var(--pf-v6-c-alert__title--Color);
414
+ word-break: break-word;
415
+ }
416
+
417
+ .pf-v6-c-alert__title.pf-m-truncate {
418
+ display: -webkit-box;
419
+ -webkit-box-orient: vertical;
420
+ -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
421
+ overflow: hidden;
422
+ }
423
+
424
+ .pf-v6-c-alert__description {
425
+ grid-area: description;
426
+ padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
427
+ word-break: break-word;
428
+ }
429
+
430
+ .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
431
+ --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
432
+ }
433
+
434
+ .pf-v6-c-alert__action {
435
+ grid-area: action;
436
+ margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
437
+ margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
438
+ margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
439
+ transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
440
+ }
441
+
442
+ .pf-v6-c-alert__action > .pf-v6-c-button {
443
+ --pf-v6-c-button--LineHeight: 1;
444
+ }
445
+
446
+ .pf-v6-c-alert__action-group {
447
+ grid-area: actiongroup;
448
+ padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
449
+ }
450
+
451
+ .pf-v6-c-alert__action-group > .pf-v6-c-button {
452
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
453
+ }
454
+
455
+ .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
456
+ margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
457
+ }
458
+
201
459
  :where(:root, .pf-v6-c-avatar) {
202
460
  --pf-v6-c-avatar--BorderColor: transparent;
203
461
  --pf-v6-c-avatar--BorderWidth: 0;
@@ -313,417 +571,159 @@
313
571
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
314
572
  }
315
573
  }
316
- @media (min-width: 576px) {
317
- .pf-v6-c-avatar.pf-m-md {
318
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
319
- }
320
- }
321
- @media (min-width: 768px) {
322
- .pf-v6-c-avatar.pf-m-md {
323
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height)));
324
- }
325
- }
326
- @media (min-width: 992px) {
327
- .pf-v6-c-avatar.pf-m-md {
328
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-lg, var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height))));
329
- }
330
- }
331
- @media (min-width: 1200px) {
332
- .pf-v6-c-avatar.pf-m-md {
333
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-xl, var(--pf-v6-c-avatar--m-md--Height-on-lg, var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height)))));
334
- }
335
- }
336
- @media (min-width: 1450px) {
337
- .pf-v6-c-avatar.pf-m-md {
338
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-2xl, var(--pf-v6-c-avatar--m-md--Height-on-xl, var(--pf-v6-c-avatar--m-md--Height-on-lg, var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height))))));
339
- }
340
- }
341
- .pf-v6-c-avatar.pf-m-lg {
342
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
343
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
344
- }
345
-
346
- @media (min-width: 576px) {
347
- .pf-v6-c-avatar.pf-m-lg {
348
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width));
349
- }
350
- }
351
- @media (min-width: 768px) {
352
- .pf-v6-c-avatar.pf-m-lg {
353
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width)));
354
- }
355
- }
356
- @media (min-width: 992px) {
357
- .pf-v6-c-avatar.pf-m-lg {
358
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))));
359
- }
360
- }
361
- @media (min-width: 1200px) {
362
- .pf-v6-c-avatar.pf-m-lg {
363
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width)))));
364
- }
365
- }
366
- @media (min-width: 1450px) {
367
- .pf-v6-c-avatar.pf-m-lg {
368
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
369
- }
370
- }
371
- @media (min-width: 576px) {
372
- .pf-v6-c-avatar.pf-m-lg {
373
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
374
- }
375
- }
376
- @media (min-width: 768px) {
377
- .pf-v6-c-avatar.pf-m-lg {
378
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height)));
379
- }
380
- }
381
- @media (min-width: 992px) {
382
- .pf-v6-c-avatar.pf-m-lg {
383
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-lg, var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height))));
384
- }
385
- }
386
- @media (min-width: 1200px) {
387
- .pf-v6-c-avatar.pf-m-lg {
388
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-xl, var(--pf-v6-c-avatar--m-lg--Height-on-lg, var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height)))));
389
- }
390
- }
391
- @media (min-width: 1450px) {
392
- .pf-v6-c-avatar.pf-m-lg {
393
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-2xl, var(--pf-v6-c-avatar--m-lg--Height-on-xl, var(--pf-v6-c-avatar--m-lg--Height-on-lg, var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height))))));
394
- }
395
- }
396
- .pf-v6-c-avatar.pf-m-xl {
397
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
398
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
399
- }
400
-
401
- @media (min-width: 576px) {
402
- .pf-v6-c-avatar.pf-m-xl {
403
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width));
404
- }
405
- }
406
- @media (min-width: 768px) {
407
- .pf-v6-c-avatar.pf-m-xl {
408
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width)));
409
- }
410
- }
411
- @media (min-width: 992px) {
412
- .pf-v6-c-avatar.pf-m-xl {
413
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))));
414
- }
415
- }
416
- @media (min-width: 1200px) {
417
- .pf-v6-c-avatar.pf-m-xl {
418
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width)))));
419
- }
420
- }
421
- @media (min-width: 1450px) {
422
- .pf-v6-c-avatar.pf-m-xl {
423
- --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
424
- }
425
- }
426
- @media (min-width: 576px) {
427
- .pf-v6-c-avatar.pf-m-xl {
428
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
429
- }
430
- }
431
- @media (min-width: 768px) {
432
- .pf-v6-c-avatar.pf-m-xl {
433
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height)));
434
- }
435
- }
436
- @media (min-width: 992px) {
437
- .pf-v6-c-avatar.pf-m-xl {
438
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))));
439
- }
440
- }
441
- @media (min-width: 1200px) {
442
- .pf-v6-c-avatar.pf-m-xl {
443
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height)))));
444
- }
445
- }
446
- @media (min-width: 1450px) {
447
- .pf-v6-c-avatar.pf-m-xl {
448
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
449
- }
450
- }
451
- :where(:root, .pf-v6-c-alert) {
452
- --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
453
- --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
454
- --pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
455
- --pf-v6-c-alert--GridTemplateAreas:
456
- "icon title action"
457
- ". description description"
458
- ". actiongroup actiongroup";
459
- --pf-v6-c-alert--BorderWidth: var(--pf-t--global--border--width--box--status--default);
460
- --pf-v6-c-alert--BorderColor: transparent;
461
- --pf-v6-c-alert--BorderRadius: var(--pf-t--global--border--radius--medium);
462
- --pf-v6-c-alert--PaddingBlockStart: var(--pf-t--global--spacer--md);
463
- --pf-v6-c-alert--PaddingInlineEnd: var(--pf-t--global--spacer--md);
464
- --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
465
- --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
466
- --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
467
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default) - 0.0625rem);
468
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
469
- --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
470
- --pf-v6-c-alert__toggle-icon--Rotate: 0;
471
- --pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
472
- --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
473
- --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
474
- --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
475
- --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
476
- --pf-v6-c-alert__title--FontFamily: var(--pf-t--global--font--family--heading);
477
- --pf-v6-c-alert__title--FontSize: var(--pf-t--global--font--size--heading--xs);
478
- --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--heading);
479
- --pf-v6-c-alert__title--LineHeight: var(--pf-t--global--font--line-height--heading);
480
- --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
481
- --pf-v6-c-alert__title--max-lines: 1;
482
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
483
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
484
- --pf-v6-c-alert__action--TranslateY: 0.125rem;
485
- --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
486
- --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
487
- --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--xs);
488
- --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
489
- --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
490
- --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
491
- --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
492
- --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
493
- --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
494
- --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
495
- --pf-v6-c-alert--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
496
- --pf-v6-c-alert--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
497
- --pf-v6-c-alert--m-success__title--Color: var(--pf-t--global--text--color--regular);
498
- --pf-v6-c-alert--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
499
- --pf-v6-c-alert--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
500
- --pf-v6-c-alert--m-danger__title--Color: var(--pf-t--global--text--color--regular);
501
- --pf-v6-c-alert--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
502
- --pf-v6-c-alert--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
503
- --pf-v6-c-alert--m-warning__title--Color: var(--pf-t--global--text--color--regular);
504
- --pf-v6-c-alert--m-info--BorderColor: var(--pf-t--global--border--color--status--info--default);
505
- --pf-v6-c-alert--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
506
- --pf-v6-c-alert--m-info__title--Color: var(--pf-t--global--text--color--regular);
507
- --pf-v6-c-alert--m-inline--BackgroundColor: var(--pf-t--global--background--color--primary--default);
508
- --pf-v6-c-alert--m-inline--BoxShadow: none;
509
- --pf-v6-c-alert--m-inline--m-plain--BorderWidth: 0;
510
- --pf-v6-c-alert--m-inline--m-plain--BackgroundColor: transparent;
511
- --pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart: 0;
512
- --pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd: 0;
513
- --pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd: 0;
514
- --pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart: 0;
515
- --pf-v6-c-alert--m-expandable--GridTemplateColumns: auto max-content 1fr max-content;
516
- --pf-v6-c-alert--m-expandable--GridTemplateAreas:
517
- "toggle icon title action"
518
- ". . description description"
519
- ". . actiongroup actiongroup";
520
- --pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
521
- --pf-v6-c-alert--m-expanded__toggle-icon--Rotate: 90deg;
522
- --pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
523
- }
524
-
525
- .pf-v6-c-alert {
526
- position: relative;
527
- display: grid;
528
- grid-template-areas: var(--pf-v6-c-alert--GridTemplateAreas);
529
- grid-template-columns: var(--pf-v6-c-alert--GridTemplateColumns);
530
- padding-block-start: var(--pf-v6-c-alert--PaddingBlockStart);
531
- padding-block-end: var(--pf-v6-c-alert--PaddingBlockEnd);
532
- padding-inline-start: var(--pf-v6-c-alert--PaddingInlineStart);
533
- padding-inline-end: var(--pf-v6-c-alert--PaddingInlineEnd);
534
- font-size: var(--pf-v6-c-alert--FontSize);
535
- background-color: var(--pf-v6-c-alert--BackgroundColor);
536
- border: var(--pf-v6-c-alert--BorderWidth) solid var(--pf-v6-c-alert--BorderColor);
537
- border-radius: var(--pf-v6-c-alert--BorderRadius);
538
- box-shadow: var(--pf-v6-c-alert--BoxShadow);
539
- }
540
-
541
- .pf-v6-c-alert.pf-m-custom {
542
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-custom--BorderColor);
543
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-custom__icon--Color);
544
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-custom__title--Color);
574
+ @media (min-width: 576px) {
575
+ .pf-v6-c-avatar.pf-m-md {
576
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
577
+ }
545
578
  }
546
-
547
- .pf-v6-c-alert.pf-m-success {
548
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-success--BorderColor);
549
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-success__icon--Color);
550
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-success__title--Color);
579
+ @media (min-width: 768px) {
580
+ .pf-v6-c-avatar.pf-m-md {
581
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height)));
582
+ }
551
583
  }
552
-
553
- .pf-v6-c-alert.pf-m-danger {
554
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-danger--BorderColor);
555
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-danger__icon--Color);
556
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-danger__title--Color);
584
+ @media (min-width: 992px) {
585
+ .pf-v6-c-avatar.pf-m-md {
586
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-lg, var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height))));
587
+ }
557
588
  }
558
-
559
- .pf-v6-c-alert.pf-m-warning {
560
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-warning--BorderColor);
561
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-warning__icon--Color);
562
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-warning__title--Color);
589
+ @media (min-width: 1200px) {
590
+ .pf-v6-c-avatar.pf-m-md {
591
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-xl, var(--pf-v6-c-avatar--m-md--Height-on-lg, var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height)))));
592
+ }
563
593
  }
564
-
565
- .pf-v6-c-alert.pf-m-info {
566
- --pf-v6-c-alert--BorderColor: var(--pf-v6-c-alert--m-info--BorderColor);
567
- --pf-v6-c-alert__icon--Color: var(--pf-v6-c-alert--m-info__icon--Color);
568
- --pf-v6-c-alert__title--Color: var(--pf-v6-c-alert--m-info__title--Color);
594
+ @media (min-width: 1450px) {
595
+ .pf-v6-c-avatar.pf-m-md {
596
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-2xl, var(--pf-v6-c-avatar--m-md--Height-on-xl, var(--pf-v6-c-avatar--m-md--Height-on-lg, var(--pf-v6-c-avatar--m-md--Height-on-md, var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height))))));
597
+ }
569
598
  }
570
-
571
- .pf-v6-c-alert.pf-m-inline {
572
- --pf-v6-c-alert--BoxShadow: var(--pf-v6-c-alert--m-inline--BoxShadow);
573
- --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--BackgroundColor);
599
+ .pf-v6-c-avatar.pf-m-lg {
600
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
601
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
574
602
  }
575
603
 
576
- .pf-v6-c-alert.pf-m-plain {
577
- --pf-v6-c-alert--BorderWidth: var(--pf-v6-c-alert--m-inline--m-plain--BorderWidth);
578
- --pf-v6-c-alert--BackgroundColor: var(--pf-v6-c-alert--m-inline--m-plain--BackgroundColor);
579
- --pf-v6-c-alert--PaddingBlockStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockStart);
580
- --pf-v6-c-alert--PaddingInlineEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineEnd);
581
- --pf-v6-c-alert--PaddingBlockEnd: var(--pf-v6-c-alert--m-inline--m-plain--PaddingBlockEnd);
582
- --pf-v6-c-alert--PaddingInlineStart: var(--pf-v6-c-alert--m-inline--m-plain--PaddingInlineStart);
604
+ @media (min-width: 576px) {
605
+ .pf-v6-c-avatar.pf-m-lg {
606
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width));
607
+ }
583
608
  }
584
-
585
- .pf-v6-c-alert.pf-m-expandable {
586
- --pf-v6-c-alert--GridTemplateColumns: var(--pf-v6-c-alert--m-expandable--GridTemplateColumns);
587
- --pf-v6-c-alert--GridTemplateAreas: var(--pf-v6-c-alert--m-expandable--GridTemplateAreas);
588
- --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expandable__description--action-group--PaddingBlockStart);
609
+ @media (min-width: 768px) {
610
+ .pf-v6-c-avatar.pf-m-lg {
611
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width)));
612
+ }
589
613
  }
590
-
591
- .pf-v6-c-alert.pf-m-expanded {
592
- --pf-v6-c-alert__toggle-icon--Rotate: var(--pf-v6-c-alert--m-expanded__toggle-icon--Rotate);
593
- --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert--m-expanded__description--action-group--PaddingBlockStart);
614
+ @media (min-width: 992px) {
615
+ .pf-v6-c-avatar.pf-m-lg {
616
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))));
617
+ }
594
618
  }
595
-
596
- .pf-v6-c-alert__toggle {
597
- margin-block-start: var(--pf-v6-c-alert__toggle--MarginBlockStart);
598
- margin-block-end: var(--pf-v6-c-alert__toggle--MarginBlockEnd);
599
- margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
619
+ @media (min-width: 1200px) {
620
+ .pf-v6-c-avatar.pf-m-lg {
621
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width)))));
622
+ }
600
623
  }
601
-
602
- .pf-v6-c-alert__toggle-icon {
603
- display: inline-block;
604
- transition: var(--pf-v6-c-alert__toggle-icon--Transition);
605
- transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
624
+ @media (min-width: 1450px) {
625
+ .pf-v6-c-avatar.pf-m-lg {
626
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
627
+ }
606
628
  }
607
-
608
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
609
- scale: -1 1;
629
+ @media (min-width: 576px) {
630
+ .pf-v6-c-avatar.pf-m-lg {
631
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
632
+ }
610
633
  }
611
-
612
- .pf-v6-c-alert__icon {
613
- display: flex;
614
- grid-area: icon;
615
- margin-block-start: var(--pf-v6-c-alert__icon--MarginBlockStart);
616
- margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
617
- font-size: var(--pf-v6-c-alert__icon--FontSize);
618
- color: var(--pf-v6-c-alert__icon--Color);
634
+ @media (min-width: 768px) {
635
+ .pf-v6-c-avatar.pf-m-lg {
636
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height)));
637
+ }
619
638
  }
620
-
621
- .pf-v6-c-alert__title {
622
- grid-area: title;
623
- font-family: var(--pf-v6-c-alert__title--FontFamily);
624
- font-size: var(--pf-v6-c-alert__title--FontSize);
625
- font-weight: var(--pf-v6-c-alert__title--FontWeight);
626
- line-height: var(--pf-v6-c-alert__title--LineHeight);
627
- color: var(--pf-v6-c-alert__title--Color);
628
- word-break: break-word;
639
+ @media (min-width: 992px) {
640
+ .pf-v6-c-avatar.pf-m-lg {
641
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-lg, var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height))));
642
+ }
629
643
  }
630
-
631
- .pf-v6-c-alert__title.pf-m-truncate {
632
- display: -webkit-box;
633
- -webkit-box-orient: vertical;
634
- -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
635
- overflow: hidden;
644
+ @media (min-width: 1200px) {
645
+ .pf-v6-c-avatar.pf-m-lg {
646
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-xl, var(--pf-v6-c-avatar--m-lg--Height-on-lg, var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height)))));
647
+ }
636
648
  }
637
-
638
- .pf-v6-c-alert__description {
639
- grid-area: description;
640
- padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
641
- word-break: break-word;
649
+ @media (min-width: 1450px) {
650
+ .pf-v6-c-avatar.pf-m-lg {
651
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-2xl, var(--pf-v6-c-avatar--m-lg--Height-on-xl, var(--pf-v6-c-avatar--m-lg--Height-on-lg, var(--pf-v6-c-avatar--m-lg--Height-on-md, var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height))))));
652
+ }
642
653
  }
643
-
644
- .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
645
- --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
654
+ .pf-v6-c-avatar.pf-m-xl {
655
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
656
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
646
657
  }
647
658
 
648
- .pf-v6-c-alert__action {
649
- grid-area: action;
650
- margin-block-start: var(--pf-v6-c-alert__action--MarginBlockStart);
651
- margin-block-end: var(--pf-v6-c-alert__action--MarginBlockEnd);
652
- margin-inline-end: var(--pf-v6-c-alert__action--MarginInlineEnd);
653
- transform: translateY(var(--pf-v6-c-alert__action--TranslateY));
659
+ @media (min-width: 576px) {
660
+ .pf-v6-c-avatar.pf-m-xl {
661
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width));
662
+ }
654
663
  }
655
-
656
- .pf-v6-c-alert__action > .pf-v6-c-button {
657
- --pf-v6-c-button--LineHeight: 1;
664
+ @media (min-width: 768px) {
665
+ .pf-v6-c-avatar.pf-m-xl {
666
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width)));
667
+ }
658
668
  }
659
-
660
- .pf-v6-c-alert__action-group {
661
- grid-area: actiongroup;
662
- padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
669
+ @media (min-width: 992px) {
670
+ .pf-v6-c-avatar.pf-m-xl {
671
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))));
672
+ }
663
673
  }
664
-
665
- .pf-v6-c-alert__action-group > .pf-v6-c-button {
666
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
674
+ @media (min-width: 1200px) {
675
+ .pf-v6-c-avatar.pf-m-xl {
676
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width)))));
677
+ }
667
678
  }
668
-
669
- .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
670
- margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
679
+ @media (min-width: 1450px) {
680
+ .pf-v6-c-avatar.pf-m-xl {
681
+ --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
682
+ }
671
683
  }
672
-
673
- :where(:root, .pf-v6-c-backdrop) {
674
- --pf-v6-c-backdrop--Position: fixed;
675
- --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
676
- --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
684
+ @media (min-width: 576px) {
685
+ .pf-v6-c-avatar.pf-m-xl {
686
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
687
+ }
677
688
  }
678
-
679
- .pf-v6-c-backdrop {
680
- position: var(--pf-v6-c-backdrop--Position);
681
- inset-block-start: 0;
682
- inset-inline-start: 0;
683
- z-index: var(--pf-v6-c-backdrop--ZIndex);
684
- width: 100%;
685
- height: 100%;
686
- background-color: var(--pf-v6-c-backdrop--BackgroundColor);
689
+ @media (min-width: 768px) {
690
+ .pf-v6-c-avatar.pf-m-xl {
691
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height)));
692
+ }
687
693
  }
688
-
689
- .pf-v6-c-backdrop__open {
690
- overflow: hidden;
694
+ @media (min-width: 992px) {
695
+ .pf-v6-c-avatar.pf-m-xl {
696
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))));
697
+ }
691
698
  }
692
-
693
- :where(:root, .pf-v6-c-back-to-top) {
694
- --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
695
- --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
696
- --pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
697
- --pf-v6-c-back-to-top--c-button--FontSize: var(--pf-t--global--font--size--body--sm);
698
- --pf-v6-c-back-to-top--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
699
- --pf-v6-c-back-to-top--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
700
- --pf-v6-c-back-to-top--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
701
- --pf-v6-c-back-to-top--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
702
- --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
699
+ @media (min-width: 1200px) {
700
+ .pf-v6-c-avatar.pf-m-xl {
701
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height)))));
702
+ }
703
703
  }
704
-
705
- @media (min-width: 768px) {
706
- :where(:root, .pf-v6-c-back-to-top) {
707
- --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
704
+ @media (min-width: 1450px) {
705
+ .pf-v6-c-avatar.pf-m-xl {
706
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
708
707
  }
709
708
  }
710
- .pf-v6-c-back-to-top {
711
- position: absolute;
712
- inset-block-end: var(--pf-v6-c-back-to-top--InsetBlockEnd);
713
- inset-inline-end: var(--pf-v6-c-back-to-top--InsetInlineEnd);
709
+ :where(:root, .pf-v6-c-backdrop) {
710
+ --pf-v6-c-backdrop--Position: fixed;
711
+ --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
712
+ --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
714
713
  }
715
714
 
716
- .pf-v6-c-back-to-top.pf-m-hidden {
717
- display: none;
715
+ .pf-v6-c-backdrop {
716
+ position: var(--pf-v6-c-backdrop--Position);
717
+ inset-block-start: 0;
718
+ inset-inline-start: 0;
719
+ z-index: var(--pf-v6-c-backdrop--ZIndex);
720
+ width: 100%;
721
+ height: 100%;
722
+ background-color: var(--pf-v6-c-backdrop--BackgroundColor);
718
723
  }
719
724
 
720
- .pf-v6-c-back-to-top .pf-v6-c-button {
721
- --pf-v6-c-button--FontSize: var(--pf-v6-c-back-to-top--c-button--FontSize);
722
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-back-to-top--c-button--PaddingBlockStart);
723
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-back-to-top--c-button--PaddingInlineEnd);
724
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-back-to-top--c-button--PaddingBlockEnd);
725
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-back-to-top--c-button--PaddingInlineStart);
726
- box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
725
+ .pf-v6-c-backdrop__open {
726
+ overflow: hidden;
727
727
  }
728
728
 
729
729
  :where(:root, .pf-v6-c-background-image) {
@@ -754,79 +754,6 @@
754
754
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
755
755
  }
756
756
 
757
- :where(:root, .pf-v6-c-badge) {
758
- --pf-v6-c-badge--BorderColor: transparent;
759
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
760
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
761
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
762
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
763
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
764
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
765
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
766
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
767
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
768
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
769
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
770
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
771
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
772
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
773
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
774
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
775
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
776
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
777
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
778
- }
779
-
780
- .pf-v6-c-badge {
781
- position: relative;
782
- display: inline-block;
783
- min-width: var(--pf-v6-c-badge--MinWidth);
784
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
785
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
786
- font-size: var(--pf-v6-c-badge--FontSize);
787
- font-weight: var(--pf-v6-c-badge--FontWeight);
788
- color: var(--pf-v6-c-badge--Color);
789
- text-align: center;
790
- white-space: nowrap;
791
- background-color: var(--pf-v6-c-badge--BackgroundColor);
792
- border-radius: var(--pf-v6-c-badge--BorderRadius);
793
- }
794
-
795
- .pf-v6-c-badge::after {
796
- position: absolute;
797
- inset: 0;
798
- pointer-events: none;
799
- content: "";
800
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
801
- border-radius: inherit;
802
- }
803
-
804
- .pf-v6-c-badge.pf-m-read {
805
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
806
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
807
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
808
- }
809
-
810
- .pf-v6-c-badge.pf-m-unread {
811
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
812
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
813
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
814
- }
815
-
816
- .pf-v6-c-badge.pf-m-disabled {
817
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
818
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
819
- }
820
-
821
- .pf-v6-c-badge.pf-m-disabled::after {
822
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
823
- }
824
-
825
- .pf-v6-c-badge__toggle-icon {
826
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
827
- color: var(--pf-v6-c-badge__toggle-icon--Color);
828
- }
829
-
830
757
  :where(:root, .pf-v6-c-banner) {
831
758
  --pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
832
759
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -996,6 +923,79 @@
996
923
  cursor: not-allowed;
997
924
  }
998
925
 
926
+ :where(:root, .pf-v6-c-badge) {
927
+ --pf-v6-c-badge--BorderColor: transparent;
928
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
929
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
930
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
931
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
932
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
933
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
934
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
935
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
936
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
937
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
938
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
939
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
940
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
941
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
942
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
943
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
944
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
945
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
946
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
947
+ }
948
+
949
+ .pf-v6-c-badge {
950
+ position: relative;
951
+ display: inline-block;
952
+ min-width: var(--pf-v6-c-badge--MinWidth);
953
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
954
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
955
+ font-size: var(--pf-v6-c-badge--FontSize);
956
+ font-weight: var(--pf-v6-c-badge--FontWeight);
957
+ color: var(--pf-v6-c-badge--Color);
958
+ text-align: center;
959
+ white-space: nowrap;
960
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
961
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
962
+ }
963
+
964
+ .pf-v6-c-badge::after {
965
+ position: absolute;
966
+ inset: 0;
967
+ pointer-events: none;
968
+ content: "";
969
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
970
+ border-radius: inherit;
971
+ }
972
+
973
+ .pf-v6-c-badge.pf-m-read {
974
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
975
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
976
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
977
+ }
978
+
979
+ .pf-v6-c-badge.pf-m-unread {
980
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
981
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
982
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
983
+ }
984
+
985
+ .pf-v6-c-badge.pf-m-disabled {
986
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
987
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
988
+ }
989
+
990
+ .pf-v6-c-badge.pf-m-disabled::after {
991
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
992
+ }
993
+
994
+ .pf-v6-c-badge__toggle-icon {
995
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
996
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
997
+ }
998
+
999
999
  .pf-v6-c-brand {
1000
1000
  --pf-v6-c-brand--Width: auto;
1001
1001
  --pf-v6-c-brand--Height: auto;
@@ -2529,60 +2529,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
2529
2529
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
2530
2530
  }
2531
2531
 
2532
- :where(:root, .pf-v6-c-code-block) {
2533
- --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2534
- --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
2535
- --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2536
- --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2537
- --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2538
- --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2539
- --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
2540
- --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
2541
- --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
2542
- --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
2543
- --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2544
- --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
2545
- --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
2546
- --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
2547
- }
2548
-
2549
- .pf-v6-c-code-block {
2550
- background-color: var(--pf-v6-c-code-block--BackgroundColor);
2551
- border-radius: var(--pf-v6-c-code-block--BorderRadius);
2552
- }
2553
-
2554
- .pf-v6-c-code-block__header {
2555
- display: flex;
2556
- padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
2557
- padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
2558
- padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
2559
- padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
2560
- border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
2561
- }
2562
-
2563
- .pf-v6-c-code-block__actions {
2564
- display: flex;
2565
- margin-inline-start: auto;
2566
- }
2567
-
2568
- .pf-v6-c-code-block__content {
2569
- padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
2570
- padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
2571
- padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
2572
- padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
2573
- }
2574
-
2575
- .pf-v6-c-code-block__pre {
2576
- font-family: var(--pf-v6-c-code-block__pre--FontFamily);
2577
- font-size: var(--pf-v6-c-code-block__pre--FontSize);
2578
- overflow-wrap: break-word;
2579
- white-space: pre-wrap;
2580
- }
2581
-
2582
- .pf-v6-c-code-block__code {
2583
- font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
2584
- }
2585
-
2586
2532
  @media screen and (min-width: 768px) {
2587
2533
  .pf-v6-c-data-list:not([class*=pf-m-grid]) {
2588
2534
  --pf-v6-c-data-list__cell--cell--PaddingBlockStart: var(--pf-v6-c-data-list__cell--cell--md--PaddingBlockStart);
@@ -3427,20 +3373,74 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3427
3373
  margin-inline-start: var(--pf-v6-c-data-list--MarginInlineStart);
3428
3374
  }
3429
3375
 
3430
- .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__item:last-child {
3431
- border-block-end: 0;
3376
+ .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__item:last-child {
3377
+ border-block-end: 0;
3378
+ }
3379
+
3380
+ .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__item-row {
3381
+ --pf-v6-c-data-list__item-row--PaddingInlineStart: 0;
3382
+ }
3383
+
3384
+ .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__expandable-content-body {
3385
+ --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: 0;
3386
+ }
3387
+
3388
+ .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body.pf-m-no-padding {
3389
+ padding: 0;
3390
+ }
3391
+
3392
+ :where(:root, .pf-v6-c-code-block) {
3393
+ --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3394
+ --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
3395
+ --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
3396
+ --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3397
+ --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3398
+ --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3399
+ --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3400
+ --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
3401
+ --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
3402
+ --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
3403
+ --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3404
+ --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
3405
+ --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
3406
+ --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
3407
+ }
3408
+
3409
+ .pf-v6-c-code-block {
3410
+ background-color: var(--pf-v6-c-code-block--BackgroundColor);
3411
+ border-radius: var(--pf-v6-c-code-block--BorderRadius);
3412
+ }
3413
+
3414
+ .pf-v6-c-code-block__header {
3415
+ display: flex;
3416
+ padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
3417
+ padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
3418
+ padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
3419
+ padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
3420
+ border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
3421
+ }
3422
+
3423
+ .pf-v6-c-code-block__actions {
3424
+ display: flex;
3425
+ margin-inline-start: auto;
3432
3426
  }
3433
3427
 
3434
- .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__item-row {
3435
- --pf-v6-c-data-list__item-row--PaddingInlineStart: 0;
3428
+ .pf-v6-c-code-block__content {
3429
+ padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
3430
+ padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
3431
+ padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
3432
+ padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
3436
3433
  }
3437
3434
 
3438
- .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body .pf-v6-c-data-list__expandable-content-body {
3439
- --pf-v6-c-data-list__expandable-content-body--PaddingInlineStart: 0;
3435
+ .pf-v6-c-code-block__pre {
3436
+ font-family: var(--pf-v6-c-code-block__pre--FontFamily);
3437
+ font-size: var(--pf-v6-c-code-block__pre--FontSize);
3438
+ overflow-wrap: break-word;
3439
+ white-space: pre-wrap;
3440
3440
  }
3441
3441
 
3442
- .pf-v6-c-data-list__expandable-content .pf-v6-c-data-list__expandable-content-body.pf-m-no-padding {
3443
- padding: 0;
3442
+ .pf-v6-c-code-block__code {
3443
+ font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
3444
3444
  }
3445
3445
 
3446
3446
  :where(:root, .pf-v6-c-date-picker) {
@@ -3679,488 +3679,172 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3679
3679
  column-gap: var(--pf-v6-c-description-list__group--ColumnGap);
3680
3680
  align-items: baseline;
3681
3681
  }
3682
-
3683
- .pf-v6-c-description-list__term,
3684
- .pf-v6-c-description-list__description {
3685
- min-width: 0;
3686
- text-align: start;
3687
- overflow-wrap: break-word;
3688
- }
3689
-
3690
- .pf-v6-c-description-list__term {
3691
- display: var(--pf-v6-c-description-list__term--Display);
3692
- font-size: var(--pf-v6-c-description-list__term--FontSize);
3693
- font-weight: var(--pf-v6-c-description-list__term--FontWeight);
3694
- line-height: var(--pf-v6-c-description-list__term--LineHeight);
3695
- }
3696
-
3697
- .pf-v6-c-description-list__term .pf-v6-c-description-list__text {
3698
- display: inline;
3699
- }
3700
-
3701
- .pf-v6-c-description-list__term-icon {
3702
- flex-shrink: 0;
3703
- min-width: var(--pf-v6-c-description-list__term-icon--MinWidth);
3704
- margin-inline-end: var(--pf-v6-c-description-list__term-icon--MarginInlineEnd);
3705
- color: var(--pf-v6-c-description-list__term-icon--Color);
3706
- }
3707
-
3708
- .pf-v6-c-description-list__description {
3709
- font-size: var(--pf-v6-c-description-list__description--FontSize, inherit);
3710
- }
3711
-
3712
- .pf-v6-c-description-list__text {
3713
- min-width: 0;
3714
- }
3715
-
3716
- .pf-v6-c-description-list__text.pf-m-help-text {
3717
- text-decoration: underline;
3718
- text-decoration-thickness: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationThickness);
3719
- text-decoration-style: dashed;
3720
- text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
3721
- text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
3722
- cursor: pointer;
3723
- }
3724
-
3725
- .pf-v6-c-description-list__text.pf-m-help-text:hover {
3726
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor);
3727
- }
3728
-
3729
- .pf-v6-c-description-list__text.pf-m-help-text:focus {
3730
- --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
3731
- }
3732
-
3733
- .pf-v6-c-description-list.pf-m-1-col {
3734
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3735
- }
3736
-
3737
- .pf-v6-c-description-list.pf-m-2-col {
3738
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3739
- }
3740
-
3741
- .pf-v6-c-description-list.pf-m-3-col {
3742
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
3743
- }
3744
-
3745
- .pf-v6-c-description-list.pf-m-horizontal {
3746
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3747
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3748
- }
3749
-
3750
- .pf-v6-c-description-list.pf-m-vertical {
3751
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3752
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
3753
- }
3754
-
3755
- @media (min-width: 576px) {
3756
- .pf-v6-c-description-list.pf-m-1-col-on-sm {
3757
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3758
- }
3759
- .pf-v6-c-description-list.pf-m-2-col-on-sm {
3760
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3761
- }
3762
- .pf-v6-c-description-list.pf-m-3-col-on-sm {
3763
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
3764
- }
3765
- .pf-v6-c-description-list.pf-m-horizontal-on-sm {
3766
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3767
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3768
- }
3769
- .pf-v6-c-description-list.pf-m-vertical-on-sm {
3770
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3771
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
3772
- }
3773
- }
3774
- @media (min-width: 768px) {
3775
- .pf-v6-c-description-list.pf-m-1-col-on-md {
3776
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3777
- }
3778
- .pf-v6-c-description-list.pf-m-2-col-on-md {
3779
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3780
- }
3781
- .pf-v6-c-description-list.pf-m-3-col-on-md {
3782
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
3783
- }
3784
- .pf-v6-c-description-list.pf-m-horizontal-on-md {
3785
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3786
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3787
- }
3788
- .pf-v6-c-description-list.pf-m-vertical-on-md {
3789
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3790
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
3791
- }
3792
- }
3793
- @media (min-width: 992px) {
3794
- .pf-v6-c-description-list.pf-m-1-col-on-lg {
3795
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3796
- }
3797
- .pf-v6-c-description-list.pf-m-2-col-on-lg {
3798
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3799
- }
3800
- .pf-v6-c-description-list.pf-m-3-col-on-lg {
3801
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
3802
- }
3803
- .pf-v6-c-description-list.pf-m-horizontal-on-lg {
3804
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3805
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3806
- }
3807
- .pf-v6-c-description-list.pf-m-vertical-on-lg {
3808
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3809
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
3810
- }
3811
- }
3812
- @media (min-width: 1200px) {
3813
- .pf-v6-c-description-list.pf-m-1-col-on-xl {
3814
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3815
- }
3816
- .pf-v6-c-description-list.pf-m-2-col-on-xl {
3817
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3818
- }
3819
- .pf-v6-c-description-list.pf-m-3-col-on-xl {
3820
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
3821
- }
3822
- .pf-v6-c-description-list.pf-m-horizontal-on-xl {
3823
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3824
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3825
- }
3826
- .pf-v6-c-description-list.pf-m-vertical-on-xl {
3827
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3828
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
3829
- }
3830
- }
3831
- @media (min-width: 1450px) {
3832
- .pf-v6-c-description-list.pf-m-1-col-on-2xl {
3833
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3834
- }
3835
- .pf-v6-c-description-list.pf-m-2-col-on-2xl {
3836
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3837
- }
3838
- .pf-v6-c-description-list.pf-m-3-col-on-2xl {
3839
- --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
3840
- }
3841
- .pf-v6-c-description-list.pf-m-horizontal-on-2xl {
3842
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3843
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3844
- }
3845
- .pf-v6-c-description-list.pf-m-vertical-on-2xl {
3846
- --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3847
- --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
3848
- }
3849
- }
3850
- :where(:root, .pf-v6-c-divider) {
3851
- --pf-v6-c-divider--Display: flex;
3852
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
3853
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
3854
- --pf-v6-c-divider--before--FlexBasis: 100%;
3855
- }
3856
-
3857
- .pf-v6-c-divider {
3858
- flex-direction: row;
3859
- width: 100%;
3860
- height: var(--pf-v6-c-divider--Size);
3861
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
3862
- --pf-v6-hidden-visible--hidden--Display: none;
3863
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3864
- display: var(--pf-v6-hidden-visible--Display);
3865
- flex-shrink: 0;
3866
- align-items: stretch;
3867
- align-self: stretch;
3868
- justify-content: center;
3869
- border: 0;
3870
- }
3871
-
3872
- .pf-v6-c-divider.pf-m-hidden {
3873
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3874
- }
3875
-
3876
- @media screen and (min-width: 576px) {
3877
- .pf-v6-c-divider.pf-m-hidden-on-sm {
3878
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3879
- }
3880
- .pf-v6-c-divider.pf-m-visible-on-sm {
3881
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3882
- }
3883
- }
3884
- @media screen and (min-width: 768px) {
3885
- .pf-v6-c-divider.pf-m-hidden-on-md {
3886
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3887
- }
3888
- .pf-v6-c-divider.pf-m-visible-on-md {
3889
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3890
- }
3891
- }
3892
- @media screen and (min-width: 992px) {
3893
- .pf-v6-c-divider.pf-m-hidden-on-lg {
3894
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3895
- }
3896
- .pf-v6-c-divider.pf-m-visible-on-lg {
3897
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3898
- }
3899
- }
3900
- @media screen and (min-width: 1200px) {
3901
- .pf-v6-c-divider.pf-m-hidden-on-xl {
3902
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3903
- }
3904
- .pf-v6-c-divider.pf-m-visible-on-xl {
3905
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3906
- }
3907
- }
3908
- @media screen and (min-width: 1450px) {
3909
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
3910
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
3911
- }
3912
- .pf-v6-c-divider.pf-m-visible-on-2xl {
3913
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
3914
- }
3682
+
3683
+ .pf-v6-c-description-list__term,
3684
+ .pf-v6-c-description-list__description {
3685
+ min-width: 0;
3686
+ text-align: start;
3687
+ overflow-wrap: break-word;
3915
3688
  }
3916
- .pf-v6-c-divider::before {
3917
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
3918
- content: "";
3919
- background-color: var(--pf-v6-c-divider--Color);
3689
+
3690
+ .pf-v6-c-description-list__term {
3691
+ display: var(--pf-v6-c-description-list__term--Display);
3692
+ font-size: var(--pf-v6-c-description-list__term--FontSize);
3693
+ font-weight: var(--pf-v6-c-description-list__term--FontWeight);
3694
+ line-height: var(--pf-v6-c-description-list__term--LineHeight);
3920
3695
  }
3921
3696
 
3922
- .pf-v6-c-divider.pf-m-horizontal {
3923
- flex-direction: row;
3924
- width: 100%;
3925
- height: var(--pf-v6-c-divider--Size);
3697
+ .pf-v6-c-description-list__term .pf-v6-c-description-list__text {
3698
+ display: inline;
3926
3699
  }
3927
3700
 
3928
- .pf-v6-c-divider.pf-m-vertical {
3929
- flex-direction: column;
3930
- width: var(--pf-v6-c-divider--Size);
3931
- height: inherit;
3701
+ .pf-v6-c-description-list__term-icon {
3702
+ flex-shrink: 0;
3703
+ min-width: var(--pf-v6-c-description-list__term-icon--MinWidth);
3704
+ margin-inline-end: var(--pf-v6-c-description-list__term-icon--MarginInlineEnd);
3705
+ color: var(--pf-v6-c-description-list__term-icon--Color);
3932
3706
  }
3933
3707
 
3934
- .pf-v6-c-divider.pf-m-inset-none {
3935
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
3708
+ .pf-v6-c-description-list__description {
3709
+ font-size: var(--pf-v6-c-description-list__description--FontSize, inherit);
3936
3710
  }
3937
3711
 
3938
- .pf-v6-c-divider.pf-m-inset-xs {
3939
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
3712
+ .pf-v6-c-description-list__text {
3713
+ min-width: 0;
3940
3714
  }
3941
3715
 
3942
- .pf-v6-c-divider.pf-m-inset-sm {
3943
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
3716
+ .pf-v6-c-description-list__text.pf-m-help-text {
3717
+ text-decoration: underline;
3718
+ text-decoration-thickness: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationThickness);
3719
+ text-decoration-style: dashed;
3720
+ text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
3721
+ text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
3722
+ cursor: pointer;
3944
3723
  }
3945
3724
 
3946
- .pf-v6-c-divider.pf-m-inset-md {
3947
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
3725
+ .pf-v6-c-description-list__text.pf-m-help-text:hover {
3726
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationColor);
3948
3727
  }
3949
3728
 
3950
- .pf-v6-c-divider.pf-m-inset-lg {
3951
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
3729
+ .pf-v6-c-description-list__text.pf-m-help-text:focus {
3730
+ --pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
3952
3731
  }
3953
3732
 
3954
- .pf-v6-c-divider.pf-m-inset-xl {
3955
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
3733
+ .pf-v6-c-description-list.pf-m-1-col {
3734
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3956
3735
  }
3957
3736
 
3958
- .pf-v6-c-divider.pf-m-inset-2xl {
3959
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
3737
+ .pf-v6-c-description-list.pf-m-2-col {
3738
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
3960
3739
  }
3961
3740
 
3962
- .pf-v6-c-divider.pf-m-inset-3xl {
3963
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
3741
+ .pf-v6-c-description-list.pf-m-3-col {
3742
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
3964
3743
  }
3965
3744
 
3966
- @media (min-width: 576px) {
3967
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
3968
- flex-direction: row;
3969
- width: 100%;
3970
- height: var(--pf-v6-c-divider--Size);
3971
- }
3745
+ .pf-v6-c-description-list.pf-m-horizontal {
3746
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3747
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
3972
3748
  }
3973
- @media (min-width: 576px) {
3974
- .pf-v6-c-divider.pf-m-vertical-on-sm {
3975
- flex-direction: column;
3976
- width: var(--pf-v6-c-divider--Size);
3977
- height: inherit;
3978
- }
3749
+
3750
+ .pf-v6-c-description-list.pf-m-vertical {
3751
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3752
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
3979
3753
  }
3754
+
3980
3755
  @media (min-width: 576px) {
3981
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
3982
- --pf-v6-c-divider--before--FlexBasis: 100%;
3983
- }
3984
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
3985
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
3986
- }
3987
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
3988
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
3989
- }
3990
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
3991
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
3992
- }
3993
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
3994
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
3995
- }
3996
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
3997
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
3756
+ .pf-v6-c-description-list.pf-m-1-col-on-sm {
3757
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
3998
3758
  }
3999
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
4000
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
3759
+ .pf-v6-c-description-list.pf-m-2-col-on-sm {
3760
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4001
3761
  }
4002
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
4003
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
3762
+ .pf-v6-c-description-list.pf-m-3-col-on-sm {
3763
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4004
3764
  }
4005
- }
4006
- @media (min-width: 768px) {
4007
- .pf-v6-c-divider.pf-m-horizontal-on-md {
4008
- flex-direction: row;
4009
- width: 100%;
4010
- height: var(--pf-v6-c-divider--Size);
3765
+ .pf-v6-c-description-list.pf-m-horizontal-on-sm {
3766
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3767
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4011
3768
  }
4012
- }
4013
- @media (min-width: 768px) {
4014
- .pf-v6-c-divider.pf-m-vertical-on-md {
4015
- flex-direction: column;
4016
- width: var(--pf-v6-c-divider--Size);
4017
- height: inherit;
3769
+ .pf-v6-c-description-list.pf-m-vertical-on-sm {
3770
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3771
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4018
3772
  }
4019
3773
  }
4020
3774
  @media (min-width: 768px) {
4021
- .pf-v6-c-divider.pf-m-inset-none-on-md {
4022
- --pf-v6-c-divider--before--FlexBasis: 100%;
4023
- }
4024
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
4025
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4026
- }
4027
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
4028
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4029
- }
4030
- .pf-v6-c-divider.pf-m-inset-md-on-md {
4031
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4032
- }
4033
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
4034
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4035
- }
4036
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
4037
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
3775
+ .pf-v6-c-description-list.pf-m-1-col-on-md {
3776
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4038
3777
  }
4039
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
4040
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
3778
+ .pf-v6-c-description-list.pf-m-2-col-on-md {
3779
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4041
3780
  }
4042
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
4043
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
3781
+ .pf-v6-c-description-list.pf-m-3-col-on-md {
3782
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4044
3783
  }
4045
- }
4046
- @media (min-width: 992px) {
4047
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
4048
- flex-direction: row;
4049
- width: 100%;
4050
- height: var(--pf-v6-c-divider--Size);
3784
+ .pf-v6-c-description-list.pf-m-horizontal-on-md {
3785
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3786
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4051
3787
  }
4052
- }
4053
- @media (min-width: 992px) {
4054
- .pf-v6-c-divider.pf-m-vertical-on-lg {
4055
- flex-direction: column;
4056
- width: var(--pf-v6-c-divider--Size);
4057
- height: inherit;
3788
+ .pf-v6-c-description-list.pf-m-vertical-on-md {
3789
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3790
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4058
3791
  }
4059
3792
  }
4060
3793
  @media (min-width: 992px) {
4061
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
4062
- --pf-v6-c-divider--before--FlexBasis: 100%;
4063
- }
4064
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
4065
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4066
- }
4067
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
4068
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4069
- }
4070
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
4071
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4072
- }
4073
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
4074
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4075
- }
4076
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
4077
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4078
- }
4079
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
4080
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4081
- }
4082
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
4083
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4084
- }
4085
- }
4086
- @media (min-width: 1200px) {
4087
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
4088
- flex-direction: row;
4089
- width: 100%;
4090
- height: var(--pf-v6-c-divider--Size);
4091
- }
4092
- }
4093
- @media (min-width: 1200px) {
4094
- .pf-v6-c-divider.pf-m-vertical-on-xl {
4095
- flex-direction: column;
4096
- width: var(--pf-v6-c-divider--Size);
4097
- height: inherit;
4098
- }
4099
- }
4100
- @media (min-width: 1200px) {
4101
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
4102
- --pf-v6-c-divider--before--FlexBasis: 100%;
4103
- }
4104
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
4105
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4106
- }
4107
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
4108
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4109
- }
4110
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
4111
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
3794
+ .pf-v6-c-description-list.pf-m-1-col-on-lg {
3795
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4112
3796
  }
4113
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
4114
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
3797
+ .pf-v6-c-description-list.pf-m-2-col-on-lg {
3798
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4115
3799
  }
4116
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
4117
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
3800
+ .pf-v6-c-description-list.pf-m-3-col-on-lg {
3801
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4118
3802
  }
4119
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
4120
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
3803
+ .pf-v6-c-description-list.pf-m-horizontal-on-lg {
3804
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3805
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4121
3806
  }
4122
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
4123
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
3807
+ .pf-v6-c-description-list.pf-m-vertical-on-lg {
3808
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3809
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4124
3810
  }
4125
3811
  }
4126
- @media (min-width: 1450px) {
4127
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
4128
- flex-direction: row;
4129
- width: 100%;
4130
- height: var(--pf-v6-c-divider--Size);
3812
+ @media (min-width: 1200px) {
3813
+ .pf-v6-c-description-list.pf-m-1-col-on-xl {
3814
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4131
3815
  }
4132
- }
4133
- @media (min-width: 1450px) {
4134
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
4135
- flex-direction: column;
4136
- width: var(--pf-v6-c-divider--Size);
4137
- height: inherit;
3816
+ .pf-v6-c-description-list.pf-m-2-col-on-xl {
3817
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4138
3818
  }
4139
- }
4140
- @media (min-width: 1450px) {
4141
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
4142
- --pf-v6-c-divider--before--FlexBasis: 100%;
3819
+ .pf-v6-c-description-list.pf-m-3-col-on-xl {
3820
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4143
3821
  }
4144
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
4145
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
3822
+ .pf-v6-c-description-list.pf-m-horizontal-on-xl {
3823
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3824
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4146
3825
  }
4147
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
4148
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
3826
+ .pf-v6-c-description-list.pf-m-vertical-on-xl {
3827
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3828
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4149
3829
  }
4150
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
4151
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
3830
+ }
3831
+ @media (min-width: 1450px) {
3832
+ .pf-v6-c-description-list.pf-m-1-col-on-2xl {
3833
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count);
4152
3834
  }
4153
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
4154
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
3835
+ .pf-v6-c-description-list.pf-m-2-col-on-2xl {
3836
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count);
4155
3837
  }
4156
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
4157
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
3838
+ .pf-v6-c-description-list.pf-m-3-col-on-2xl {
3839
+ --pf-v6-c-description-list--GridTemplateColumns--count: var(--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count);
4158
3840
  }
4159
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
4160
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
3841
+ .pf-v6-c-description-list.pf-m-horizontal-on-2xl {
3842
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns);
3843
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows);
4161
3844
  }
4162
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
4163
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
3845
+ .pf-v6-c-description-list.pf-m-vertical-on-2xl {
3846
+ --pf-v6-c-description-list__group--GridTemplateColumns: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns);
3847
+ --pf-v6-c-description-list__group--GridTemplateRows: var(--pf-v6-c-description-list--m-vertical__group--GridTemplateRows);
4164
3848
  }
4165
3849
  }
4166
3850
  :where(:root, .pf-v6-c-drawer) {
@@ -4775,258 +4459,723 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4775
4459
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4776
4460
  overflow-x: auto;
4777
4461
  }
4778
- .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4462
+ .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4463
+ margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4464
+ transform: translateX(100%);
4465
+ }
4466
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4467
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
4468
+ }
4469
+ .pf-v6-c-drawer.pf-m-inline.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4470
+ margin-inline-start: 0;
4471
+ transform: translateX(0);
4472
+ }
4473
+ .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4474
+ display: unset;
4475
+ }
4476
+ .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4477
+ margin-inline-start: 0;
4478
+ margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4479
+ transform: translateX(-100%);
4480
+ }
4481
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4482
+ transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
4483
+ }
4484
+ .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4485
+ margin-inline-end: 0;
4486
+ transform: translateX(0);
4487
+ }
4488
+ .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4489
+ display: unset;
4490
+ }
4491
+ .pf-v6-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4492
+ margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4493
+ transform: translateY(100%);
4494
+ }
4495
+ .pf-v6-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4496
+ margin-block-end: 0;
4497
+ transform: translateY(0);
4498
+ }
4499
+ .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4500
+ transform: translateX(0);
4501
+ }
4502
+ .pf-v6-c-drawer.pf-m-static.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4503
+ margin-inline-end: 0;
4504
+ transform: translateX(0);
4505
+ }
4506
+ .pf-v6-c-drawer.pf-m-static.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4507
+ transform: translateX(0);
4508
+ }
4509
+ .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4510
+ display: none;
4511
+ }
4512
+ }
4513
+ @media (min-width: 992px) {
4514
+ .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
4515
+ .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4516
+ flex-shrink: 1;
4517
+ }
4518
+ .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
4519
+ .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4520
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
4521
+ }
4522
+ .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
4523
+ .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
4524
+ background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
4525
+ }
4526
+ .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4527
+ overflow-x: auto;
4528
+ }
4529
+ .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4530
+ margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4531
+ transform: translateX(100%);
4532
+ }
4533
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4534
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
4535
+ }
4536
+ .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4537
+ margin-inline-start: 0;
4538
+ transform: translateX(0);
4539
+ }
4540
+ .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4541
+ display: unset;
4542
+ }
4543
+ .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4544
+ margin-inline-start: 0;
4545
+ margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4546
+ transform: translateX(-100%);
4547
+ }
4548
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4549
+ transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
4550
+ }
4551
+ .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4552
+ margin-inline-end: 0;
4553
+ transform: translateX(0);
4554
+ }
4555
+ .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4556
+ display: unset;
4557
+ }
4558
+ .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4559
+ margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4560
+ transform: translateY(100%);
4561
+ }
4562
+ .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4563
+ margin-block-end: 0;
4564
+ transform: translateY(0);
4565
+ }
4566
+ .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4567
+ transform: translateX(0);
4568
+ }
4569
+ .pf-v6-c-drawer.pf-m-static-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4570
+ margin-inline-end: 0;
4571
+ transform: translateX(0);
4572
+ }
4573
+ .pf-v6-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4574
+ transform: translateX(0);
4575
+ }
4576
+ .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4577
+ display: none;
4578
+ }
4579
+ }
4580
+ @media (min-width: 1200px) {
4581
+ .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
4582
+ .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4583
+ flex-shrink: 1;
4584
+ }
4585
+ .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
4586
+ .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4587
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
4588
+ }
4589
+ .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
4590
+ .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
4591
+ background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
4592
+ }
4593
+ .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4594
+ overflow-x: auto;
4595
+ }
4596
+ .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4597
+ margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4598
+ transform: translateX(100%);
4599
+ }
4600
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4601
+ transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
4602
+ }
4603
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4604
+ margin-inline-start: 0;
4605
+ transform: translateX(0);
4606
+ }
4607
+ .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4608
+ display: unset;
4609
+ }
4610
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4611
+ margin-inline-start: 0;
4612
+ margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4613
+ transform: translateX(-100%);
4614
+ }
4615
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4616
+ transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
4617
+ }
4618
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4619
+ margin-inline-end: 0;
4620
+ transform: translateX(0);
4621
+ }
4622
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4623
+ display: unset;
4624
+ }
4625
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4626
+ margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4627
+ transform: translateY(100%);
4628
+ }
4629
+ .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4630
+ margin-block-end: 0;
4631
+ transform: translateY(0);
4632
+ }
4633
+ .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4634
+ transform: translateX(0);
4635
+ }
4636
+ .pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4637
+ margin-inline-end: 0;
4638
+ transform: translateX(0);
4639
+ }
4640
+ .pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4641
+ transform: translateX(0);
4642
+ }
4643
+ .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4644
+ display: none;
4645
+ }
4646
+ }
4647
+ @media (min-width: 1450px) {
4648
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
4649
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4650
+ flex-shrink: 1;
4651
+ }
4652
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
4653
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4654
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
4655
+ }
4656
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
4657
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
4658
+ background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
4659
+ }
4660
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4661
+ overflow-x: auto;
4662
+ }
4663
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4779
4664
  margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4780
4665
  transform: translateX(100%);
4781
4666
  }
4782
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4667
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4783
4668
  transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
4784
4669
  }
4785
- .pf-v6-c-drawer.pf-m-inline.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4670
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4786
4671
  margin-inline-start: 0;
4787
4672
  transform: translateX(0);
4788
4673
  }
4789
- .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4674
+ .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4790
4675
  display: unset;
4791
4676
  }
4792
- .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4677
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4793
4678
  margin-inline-start: 0;
4794
4679
  margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4795
4680
  transform: translateX(-100%);
4796
4681
  }
4797
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4682
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4798
4683
  transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
4799
4684
  }
4800
- .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4685
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4801
4686
  margin-inline-end: 0;
4802
4687
  transform: translateX(0);
4803
4688
  }
4804
- .pf-v6-c-drawer.pf-m-inline.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4689
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4805
4690
  display: unset;
4806
4691
  }
4807
- .pf-v6-c-drawer.pf-m-inline.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4692
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4808
4693
  margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4809
4694
  transform: translateY(100%);
4810
4695
  }
4811
- .pf-v6-c-drawer.pf-m-inline.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4696
+ .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4812
4697
  margin-block-end: 0;
4813
4698
  transform: translateY(0);
4814
4699
  }
4815
- .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4700
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4816
4701
  transform: translateX(0);
4817
4702
  }
4818
- .pf-v6-c-drawer.pf-m-static.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4703
+ .pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4819
4704
  margin-inline-end: 0;
4820
4705
  transform: translateX(0);
4821
4706
  }
4822
- .pf-v6-c-drawer.pf-m-static.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4707
+ .pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4823
4708
  transform: translateX(0);
4824
4709
  }
4825
- .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4710
+ .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4826
4711
  display: none;
4827
4712
  }
4828
4713
  }
4829
- @media (min-width: 992px) {
4830
- .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
4831
- .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4832
- flex-shrink: 1;
4714
+ :where(:root, .pf-v6-c-divider) {
4715
+ --pf-v6-c-divider--Display: flex;
4716
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
4717
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
4718
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4719
+ }
4720
+
4721
+ .pf-v6-c-divider {
4722
+ flex-direction: row;
4723
+ width: 100%;
4724
+ height: var(--pf-v6-c-divider--Size);
4725
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
4726
+ --pf-v6-hidden-visible--hidden--Display: none;
4727
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4728
+ display: var(--pf-v6-hidden-visible--Display);
4729
+ flex-shrink: 0;
4730
+ align-items: stretch;
4731
+ align-self: stretch;
4732
+ justify-content: center;
4733
+ border: 0;
4734
+ }
4735
+
4736
+ .pf-v6-c-divider.pf-m-hidden {
4737
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4738
+ }
4739
+
4740
+ @media screen and (min-width: 576px) {
4741
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
4742
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4833
4743
  }
4834
- .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
4835
- .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4836
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
4744
+ .pf-v6-c-divider.pf-m-visible-on-sm {
4745
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4837
4746
  }
4838
- .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
4839
- .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
4840
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
4747
+ }
4748
+ @media screen and (min-width: 768px) {
4749
+ .pf-v6-c-divider.pf-m-hidden-on-md {
4750
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4841
4751
  }
4842
- .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4843
- overflow-x: auto;
4752
+ .pf-v6-c-divider.pf-m-visible-on-md {
4753
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4844
4754
  }
4845
- .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4846
- margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4847
- transform: translateX(100%);
4755
+ }
4756
+ @media screen and (min-width: 992px) {
4757
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
4758
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4848
4759
  }
4849
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4850
- transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
4760
+ .pf-v6-c-divider.pf-m-visible-on-lg {
4761
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4851
4762
  }
4852
- .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4853
- margin-inline-start: 0;
4854
- transform: translateX(0);
4763
+ }
4764
+ @media screen and (min-width: 1200px) {
4765
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
4766
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4855
4767
  }
4856
- .pf-v6-c-drawer.pf-m-inline-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4857
- display: unset;
4768
+ .pf-v6-c-divider.pf-m-visible-on-xl {
4769
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4858
4770
  }
4859
- .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4860
- margin-inline-start: 0;
4861
- margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4862
- transform: translateX(-100%);
4771
+ }
4772
+ @media screen and (min-width: 1450px) {
4773
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
4774
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4775
+ }
4776
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
4777
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4778
+ }
4779
+ }
4780
+ .pf-v6-c-divider::before {
4781
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
4782
+ content: "";
4783
+ background-color: var(--pf-v6-c-divider--Color);
4784
+ }
4785
+
4786
+ .pf-v6-c-divider.pf-m-horizontal {
4787
+ flex-direction: row;
4788
+ width: 100%;
4789
+ height: var(--pf-v6-c-divider--Size);
4790
+ }
4791
+
4792
+ .pf-v6-c-divider.pf-m-vertical {
4793
+ flex-direction: column;
4794
+ width: var(--pf-v6-c-divider--Size);
4795
+ height: inherit;
4796
+ }
4797
+
4798
+ .pf-v6-c-divider.pf-m-inset-none {
4799
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
4800
+ }
4801
+
4802
+ .pf-v6-c-divider.pf-m-inset-xs {
4803
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4804
+ }
4805
+
4806
+ .pf-v6-c-divider.pf-m-inset-sm {
4807
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4808
+ }
4809
+
4810
+ .pf-v6-c-divider.pf-m-inset-md {
4811
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4812
+ }
4813
+
4814
+ .pf-v6-c-divider.pf-m-inset-lg {
4815
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4816
+ }
4817
+
4818
+ .pf-v6-c-divider.pf-m-inset-xl {
4819
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4820
+ }
4821
+
4822
+ .pf-v6-c-divider.pf-m-inset-2xl {
4823
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4824
+ }
4825
+
4826
+ .pf-v6-c-divider.pf-m-inset-3xl {
4827
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4828
+ }
4829
+
4830
+ @media (min-width: 576px) {
4831
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
4832
+ flex-direction: row;
4833
+ width: 100%;
4834
+ height: var(--pf-v6-c-divider--Size);
4835
+ }
4836
+ }
4837
+ @media (min-width: 576px) {
4838
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
4839
+ flex-direction: column;
4840
+ width: var(--pf-v6-c-divider--Size);
4841
+ height: inherit;
4842
+ }
4843
+ }
4844
+ @media (min-width: 576px) {
4845
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
4846
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4847
+ }
4848
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
4849
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4850
+ }
4851
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
4852
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4853
+ }
4854
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
4855
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4856
+ }
4857
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
4858
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4859
+ }
4860
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
4861
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4862
+ }
4863
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
4864
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4865
+ }
4866
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
4867
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4868
+ }
4869
+ }
4870
+ @media (min-width: 768px) {
4871
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
4872
+ flex-direction: row;
4873
+ width: 100%;
4874
+ height: var(--pf-v6-c-divider--Size);
4875
+ }
4876
+ }
4877
+ @media (min-width: 768px) {
4878
+ .pf-v6-c-divider.pf-m-vertical-on-md {
4879
+ flex-direction: column;
4880
+ width: var(--pf-v6-c-divider--Size);
4881
+ height: inherit;
4882
+ }
4883
+ }
4884
+ @media (min-width: 768px) {
4885
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
4886
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4887
+ }
4888
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
4889
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4890
+ }
4891
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
4892
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4893
+ }
4894
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
4895
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4896
+ }
4897
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
4898
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4899
+ }
4900
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
4901
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4902
+ }
4903
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
4904
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4905
+ }
4906
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
4907
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4908
+ }
4909
+ }
4910
+ @media (min-width: 992px) {
4911
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
4912
+ flex-direction: row;
4913
+ width: 100%;
4914
+ height: var(--pf-v6-c-divider--Size);
4915
+ }
4916
+ }
4917
+ @media (min-width: 992px) {
4918
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
4919
+ flex-direction: column;
4920
+ width: var(--pf-v6-c-divider--Size);
4921
+ height: inherit;
4922
+ }
4923
+ }
4924
+ @media (min-width: 992px) {
4925
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
4926
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4863
4927
  }
4864
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4865
- transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
4928
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
4929
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4866
4930
  }
4867
- .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4868
- margin-inline-end: 0;
4869
- transform: translateX(0);
4931
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
4932
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4870
4933
  }
4871
- .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4872
- display: unset;
4934
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
4935
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4873
4936
  }
4874
- .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4875
- margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4876
- transform: translateY(100%);
4937
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
4938
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4877
4939
  }
4878
- .pf-v6-c-drawer.pf-m-inline-on-lg.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4879
- margin-block-end: 0;
4880
- transform: translateY(0);
4940
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
4941
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4881
4942
  }
4882
- .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4883
- transform: translateX(0);
4943
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
4944
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4884
4945
  }
4885
- .pf-v6-c-drawer.pf-m-static-on-lg.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4886
- margin-inline-end: 0;
4887
- transform: translateX(0);
4946
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
4947
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4888
4948
  }
4889
- .pf-v6-c-drawer.pf-m-static-on-lg.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4890
- transform: translateX(0);
4949
+ }
4950
+ @media (min-width: 1200px) {
4951
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
4952
+ flex-direction: row;
4953
+ width: 100%;
4954
+ height: var(--pf-v6-c-divider--Size);
4891
4955
  }
4892
- .pf-v6-c-drawer.pf-m-static-on-lg > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4893
- display: none;
4956
+ }
4957
+ @media (min-width: 1200px) {
4958
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
4959
+ flex-direction: column;
4960
+ width: var(--pf-v6-c-divider--Size);
4961
+ height: inherit;
4894
4962
  }
4895
4963
  }
4896
4964
  @media (min-width: 1200px) {
4897
- .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
4898
- .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4899
- flex-shrink: 1;
4965
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
4966
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4900
4967
  }
4901
- .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
4902
- .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4903
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
4968
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
4969
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4904
4970
  }
4905
- .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
4906
- .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
4907
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
4971
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
4972
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4908
4973
  }
4909
- .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4910
- overflow-x: auto;
4974
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
4975
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4911
4976
  }
4912
- .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4913
- margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4914
- transform: translateX(100%);
4977
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
4978
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4915
4979
  }
4916
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4917
- transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
4980
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
4981
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4918
4982
  }
4919
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4920
- margin-inline-start: 0;
4921
- transform: translateX(0);
4983
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
4984
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4922
4985
  }
4923
- .pf-v6-c-drawer.pf-m-inline-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4924
- display: unset;
4986
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
4987
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4925
4988
  }
4926
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4927
- margin-inline-start: 0;
4928
- margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4929
- transform: translateX(-100%);
4989
+ }
4990
+ @media (min-width: 1450px) {
4991
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
4992
+ flex-direction: row;
4993
+ width: 100%;
4994
+ height: var(--pf-v6-c-divider--Size);
4930
4995
  }
4931
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4932
- transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
4996
+ }
4997
+ @media (min-width: 1450px) {
4998
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
4999
+ flex-direction: column;
5000
+ width: var(--pf-v6-c-divider--Size);
5001
+ height: inherit;
4933
5002
  }
4934
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4935
- margin-inline-end: 0;
4936
- transform: translateX(0);
5003
+ }
5004
+ @media (min-width: 1450px) {
5005
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
5006
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4937
5007
  }
4938
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4939
- display: unset;
5008
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
5009
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4940
5010
  }
4941
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4942
- margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4943
- transform: translateY(100%);
5011
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
5012
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4944
5013
  }
4945
- .pf-v6-c-drawer.pf-m-inline-on-xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4946
- margin-block-end: 0;
4947
- transform: translateY(0);
5014
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
5015
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4948
5016
  }
4949
- .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4950
- transform: translateX(0);
5017
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
5018
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4951
5019
  }
4952
- .pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4953
- margin-inline-end: 0;
4954
- transform: translateX(0);
5020
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
5021
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4955
5022
  }
4956
- .pf-v6-c-drawer.pf-m-static-on-xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4957
- transform: translateX(0);
5023
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
5024
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4958
5025
  }
4959
- .pf-v6-c-drawer.pf-m-static-on-xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4960
- display: none;
5026
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
5027
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4961
5028
  }
4962
5029
  }
4963
- @media (min-width: 1450px) {
4964
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content,
4965
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4966
- flex-shrink: 1;
4967
- }
4968
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel,
4969
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4970
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: none;
4971
- }
4972
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after,
4973
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border)::after {
4974
- background-color: var(--pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor);
4975
- }
4976
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__content {
4977
- overflow-x: auto;
4978
- }
4979
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4980
- margin-inline-start: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4981
- transform: translateX(100%);
4982
- }
4983
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4984
- transform: translateX(calc(100% * var(--pf-v6-global--inverse--multiplier)));
4985
- }
4986
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4987
- margin-inline-start: 0;
4988
- transform: translateX(0);
4989
- }
4990
- .pf-v6-c-drawer.pf-m-inline-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
4991
- display: unset;
4992
- }
4993
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4994
- margin-inline-start: 0;
4995
- margin-inline-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
4996
- transform: translateX(-100%);
4997
- }
4998
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
4999
- transform: translateX(calc(-100% * var(--pf-v6-global--inverse--multiplier)));
5000
- }
5001
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5002
- margin-inline-end: 0;
5003
- transform: translateX(0);
5004
- }
5005
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5006
- display: unset;
5007
- }
5008
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5009
- margin-block-end: calc(var(--pf-v6-c-drawer__panel--FlexBasis) * -1);
5010
- transform: translateY(100%);
5011
- }
5012
- .pf-v6-c-drawer.pf-m-inline-on-2xl.pf-m-panel-bottom.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5013
- margin-block-end: 0;
5014
- transform: translateY(0);
5015
- }
5016
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5017
- transform: translateX(0);
5018
- }
5019
- .pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5020
- margin-inline-end: 0;
5021
- transform: translateX(0);
5022
- }
5023
- .pf-v6-c-drawer.pf-m-static-on-2xl.pf-m-panel-bottom > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
5024
- transform: translateX(0);
5025
- }
5026
- .pf-v6-c-drawer.pf-m-static-on-2xl > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel > .pf-v6-c-drawer__body > .pf-v6-c-drawer__head .pf-v6-c-drawer__close {
5027
- display: none;
5028
- }
5030
+ :where(:root, .pf-v6-c-empty-state) {
5031
+ --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
5032
+ --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
5033
+ --pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
5034
+ --pf-v6-c-empty-state--PaddingInlineStart: var(--pf-t--global--spacer--xl);
5035
+ --pf-v6-c-empty-state--m-xs--PaddingBlockStart: var(--pf-t--global--spacer--md);
5036
+ --pf-v6-c-empty-state--m-xs--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5037
+ --pf-v6-c-empty-state--m-xs--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5038
+ --pf-v6-c-empty-state--m-xs--PaddingInlineStart: var(--pf-t--global--spacer--md);
5039
+ --pf-v6-c-empty-state__content--MaxWidth: none;
5040
+ --pf-v6-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
5041
+ --pf-v6-c-empty-state--m-sm__content--MaxWidth: 25rem;
5042
+ --pf-v6-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
5043
+ --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
5044
+ --pf-v6-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
5045
+ --pf-v6-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
5046
+ --pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
5047
+ --pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd: var(--pf-t--global--spacer--xl);
5048
+ --pf-v6-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
5049
+ --pf-v6-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5050
+ --pf-v6-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5051
+ --pf-v6-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
5052
+ --pf-v6-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
5053
+ --pf-v6-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5054
+ --pf-v6-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
5055
+ --pf-v6-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
5056
+ --pf-v6-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
5057
+ --pf-v6-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
5058
+ --pf-v6-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
5059
+ --pf-v6-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
5060
+ --pf-v6-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
5061
+ --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-t--global--spacer--md);
5062
+ --pf-v6-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
5063
+ --pf-v6-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
5064
+ --pf-v6-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
5065
+ --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
5066
+ --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
5067
+ --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
5068
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
5069
+ --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
5070
+ --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
5071
+ --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
5072
+ --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
5073
+ }
5074
+
5075
+ .pf-v6-c-empty-state {
5076
+ display: flex;
5077
+ align-items: center;
5078
+ justify-content: center;
5079
+ padding-block-start: var(--pf-v6-c-empty-state--PaddingBlockStart);
5080
+ padding-block-end: var(--pf-v6-c-empty-state--PaddingBlockEnd);
5081
+ padding-inline-start: var(--pf-v6-c-empty-state--PaddingInlineStart);
5082
+ padding-inline-end: var(--pf-v6-c-empty-state--PaddingInlineEnd);
5083
+ text-align: center;
5084
+ }
5085
+
5086
+ .pf-v6-c-empty-state.pf-m-xs {
5087
+ --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-v6-c-empty-state--m-xs--PaddingBlockStart);
5088
+ --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-v6-c-empty-state--m-xs--PaddingInlineEnd);
5089
+ --pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-v6-c-empty-state--m-xs--PaddingBlockEnd);
5090
+ --pf-v6-c-empty-state--PaddingInlineStart: var(--pf-v6-c-empty-state--m-xs--PaddingInlineStart);
5091
+ --pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xs__title-text--FontSize);
5092
+ --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-xs__content--MaxWidth);
5093
+ --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd);
5094
+ --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__body--MarginBlockStart);
5095
+ --pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xs__body--FontSize);
5096
+ --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart);
5097
+ }
5098
+
5099
+ .pf-v6-c-empty-state.pf-m-sm {
5100
+ --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-sm__content--MaxWidth);
5101
+ }
5102
+
5103
+ .pf-v6-c-empty-state.pf-m-lg {
5104
+ --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-lg__content--MaxWidth);
5105
+ }
5106
+
5107
+ .pf-v6-c-empty-state.pf-m-xl {
5108
+ --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xl__body--MarginBlockStart);
5109
+ --pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xl__body--FontSize);
5110
+ --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd);
5111
+ --pf-v6-c-empty-state__icon--FontSize: var(--pf-v6-c-empty-state--m-xl__icon--FontSize);
5112
+ --pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xl__title-text--FontSize);
5113
+ --pf-v6-c-empty-state__title-text--LineHeight: var(--pf-v6-c-empty-state--m-xl__title-text--LineHeight);
5114
+ }
5115
+
5116
+ .pf-v6-c-empty-state.pf-m-full-height {
5117
+ height: 100%;
5118
+ }
5119
+
5120
+ .pf-v6-c-empty-state.pf-m-danger {
5121
+ --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-danger__icon--Color);
5122
+ }
5123
+
5124
+ .pf-v6-c-empty-state.pf-m-warning {
5125
+ --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-warning__icon--Color);
5126
+ }
5127
+
5128
+ .pf-v6-c-empty-state.pf-m-success {
5129
+ --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-success__icon--Color);
5130
+ }
5131
+
5132
+ .pf-v6-c-empty-state.pf-m-info {
5133
+ --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-info__icon--Color);
5134
+ }
5135
+
5136
+ .pf-v6-c-empty-state.pf-m-custom {
5137
+ --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-custom__icon--Color);
5138
+ }
5139
+
5140
+ .pf-v6-c-empty-state__content {
5141
+ max-width: var(--pf-v6-c-empty-state__content--MaxWidth);
5142
+ }
5143
+
5144
+ .pf-v6-c-empty-state__icon {
5145
+ margin-block-end: var(--pf-v6-c-empty-state__icon--MarginBlockEnd);
5146
+ font-size: var(--pf-v6-c-empty-state__icon--FontSize);
5147
+ line-height: 1;
5148
+ color: var(--pf-v6-c-empty-state__icon--Color);
5149
+ }
5150
+
5151
+ .pf-v6-c-empty-state__title-text {
5152
+ font-family: var(--pf-v6-c-empty-state__title-text--FontFamily);
5153
+ font-size: var(--pf-v6-c-empty-state__title-text--FontSize);
5154
+ font-weight: var(--pf-v6-c-empty-state__title-text--FontWeight);
5155
+ line-height: var(--pf-v6-c-empty-state__title-text--LineHeight);
5156
+ }
5157
+
5158
+ .pf-v6-c-empty-state__body {
5159
+ margin-block-start: var(--pf-v6-c-empty-state__body--MarginBlockStart);
5160
+ font-size: var(--pf-v6-c-empty-state--body--FontSize);
5161
+ color: var(--pf-v6-c-empty-state__body--Color);
5162
+ }
5163
+
5164
+ .pf-v6-c-empty-state__footer {
5165
+ display: flex;
5166
+ flex-direction: column;
5167
+ row-gap: var(--pf-v6-c-empty-state__footer--RowGap);
5168
+ align-items: center;
5169
+ margin-block-start: var(--pf-v6-c-empty-state__footer--MarginBlockStart);
5170
+ }
5171
+
5172
+ .pf-v6-c-empty-state__actions {
5173
+ display: flex;
5174
+ flex-wrap: wrap;
5175
+ gap: var(--pf-v6-c-empty-state__actions--RowGap) var(--pf-v6-c-empty-state__actions--ColumnGap);
5176
+ justify-content: center;
5029
5177
  }
5178
+
5030
5179
  :where(:root, .pf-v6-c-dual-list-selector) {
5031
5180
  --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
5032
5181
  --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
@@ -5307,222 +5456,73 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5307
5456
  padding-block-end: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingBlockEnd);
5308
5457
  padding-inline-start: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingInlineStart);
5309
5458
  padding-inline-end: var(--pf-v6-c-dual-list-selector__item-toggle--PaddingInlineEnd);
5310
- margin-block-start: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart);
5311
- margin-block-end: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockEnd);
5312
- }
5313
-
5314
- .pf-v6-c-dual-list-selector__item-check {
5315
- display: flex;
5316
- align-items: center;
5317
- margin-inline-end: var(--pf-v6-c-dual-list-selector__item-check--MarginInlineEnd);
5318
- }
5319
-
5320
- .pf-v6-c-dual-list-selector__item-toggle-icon {
5321
- display: inline-block;
5322
- min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
5323
- color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
5324
- text-align: center;
5325
- transition: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Transition);
5326
- transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5327
- }
5328
-
5329
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5330
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 1 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5331
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5332
- }
5333
-
5334
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5335
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 2 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5336
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5337
- }
5338
-
5339
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5340
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 3 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5341
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5342
- }
5343
-
5344
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5345
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 4 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5346
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5347
- }
5348
-
5349
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5350
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 5 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5351
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5352
- }
5353
-
5354
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5355
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 6 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5356
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5357
- }
5358
-
5359
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5360
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 7 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5361
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5362
- }
5363
-
5364
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5365
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 8 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5366
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5367
- }
5368
-
5369
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5370
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 9 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5371
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5372
- }
5373
-
5374
- .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5375
- --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 10 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5376
- --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5377
- }
5378
-
5379
- :where(:root, .pf-v6-c-empty-state) {
5380
- --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
5381
- --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
5382
- --pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
5383
- --pf-v6-c-empty-state--PaddingInlineStart: var(--pf-t--global--spacer--xl);
5384
- --pf-v6-c-empty-state--m-xs--PaddingBlockStart: var(--pf-t--global--spacer--md);
5385
- --pf-v6-c-empty-state--m-xs--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5386
- --pf-v6-c-empty-state--m-xs--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5387
- --pf-v6-c-empty-state--m-xs--PaddingInlineStart: var(--pf-t--global--spacer--md);
5388
- --pf-v6-c-empty-state__content--MaxWidth: none;
5389
- --pf-v6-c-empty-state--m-xs__content--MaxWidth: 21.875rem;
5390
- --pf-v6-c-empty-state--m-sm__content--MaxWidth: 25rem;
5391
- --pf-v6-c-empty-state--m-lg__content--MaxWidth: 37.5rem;
5392
- --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
5393
- --pf-v6-c-empty-state__icon--FontSize: var(--pf-t--global--icon--size--2xl);
5394
- --pf-v6-c-empty-state__icon--Color: var(--pf-t--global--icon--color--subtle);
5395
- --pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd: var(--pf-t--global--spacer--lg);
5396
- --pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd: var(--pf-t--global--spacer--xl);
5397
- --pf-v6-c-empty-state--m-xl__icon--FontSize: var(--pf-t--global--icon--size--3xl);
5398
- --pf-v6-c-empty-state--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5399
- --pf-v6-c-empty-state--m-warning__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5400
- --pf-v6-c-empty-state--m-success__icon--Color: var(--pf-t--global--icon--color--status--success--default);
5401
- --pf-v6-c-empty-state--m-info__icon--Color: var(--pf-t--global--icon--color--status--info--default);
5402
- --pf-v6-c-empty-state--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5403
- --pf-v6-c-empty-state__title-text--FontFamily: var(--pf-t--global--font--family--heading);
5404
- --pf-v6-c-empty-state__title-text--FontSize: var(--pf-t--global--font--size--heading--md);
5405
- --pf-v6-c-empty-state__title-text--FontWeight: var(--pf-t--global--font--weight--heading);
5406
- --pf-v6-c-empty-state__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
5407
- --pf-v6-c-empty-state--m-xs__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
5408
- --pf-v6-c-empty-state--m-xl__title-text--FontSize: var(--pf-t--global--font--size--heading--2xl);
5409
- --pf-v6-c-empty-state--m-xl__title-text--LineHeight: var(--pf-t--global--font--line-height--heading);
5410
- --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-t--global--spacer--md);
5411
- --pf-v6-c-empty-state__body--Color: var(--pf-t--global--text--color--subtle);
5412
- --pf-v6-c-empty-state--body--FontSize: var(--pf-t--global--font--size--body--lg);
5413
- --pf-v6-c-empty-state--m-xs__body--FontSize: var(--pf-t--global--font--size--body--lg);
5414
- --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
5415
- --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
5416
- --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
5417
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
5418
- --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
5419
- --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
5420
- --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
5421
- --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
5422
- }
5423
-
5424
- .pf-v6-c-empty-state {
5425
- display: flex;
5426
- align-items: center;
5427
- justify-content: center;
5428
- padding-block-start: var(--pf-v6-c-empty-state--PaddingBlockStart);
5429
- padding-block-end: var(--pf-v6-c-empty-state--PaddingBlockEnd);
5430
- padding-inline-start: var(--pf-v6-c-empty-state--PaddingInlineStart);
5431
- padding-inline-end: var(--pf-v6-c-empty-state--PaddingInlineEnd);
5432
- text-align: center;
5433
- }
5434
-
5435
- .pf-v6-c-empty-state.pf-m-xs {
5436
- --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-v6-c-empty-state--m-xs--PaddingBlockStart);
5437
- --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-v6-c-empty-state--m-xs--PaddingInlineEnd);
5438
- --pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-v6-c-empty-state--m-xs--PaddingBlockEnd);
5439
- --pf-v6-c-empty-state--PaddingInlineStart: var(--pf-v6-c-empty-state--m-xs--PaddingInlineStart);
5440
- --pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xs__title-text--FontSize);
5441
- --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-xs__content--MaxWidth);
5442
- --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xs__icon--MarginBlockEnd);
5443
- --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__body--MarginBlockStart);
5444
- --pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xs__body--FontSize);
5445
- --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-v6-c-empty-state--m-xs__footer--MarginBlockStart);
5446
- }
5447
-
5448
- .pf-v6-c-empty-state.pf-m-sm {
5449
- --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-sm__content--MaxWidth);
5450
- }
5451
-
5452
- .pf-v6-c-empty-state.pf-m-lg {
5453
- --pf-v6-c-empty-state__content--MaxWidth: var(--pf-v6-c-empty-state--m-lg__content--MaxWidth);
5454
- }
5455
-
5456
- .pf-v6-c-empty-state.pf-m-xl {
5457
- --pf-v6-c-empty-state__body--MarginBlockStart: var(--pf-v6-c-empty-state--m-xl__body--MarginBlockStart);
5458
- --pf-v6-c-empty-state--body--FontSize: var(--pf-v6-c-empty-state--m-xl__body--FontSize);
5459
- --pf-v6-c-empty-state__icon--MarginBlockEnd: var(--pf-v6-c-empty-state--m-xl__icon--MarginBlockEnd);
5460
- --pf-v6-c-empty-state__icon--FontSize: var(--pf-v6-c-empty-state--m-xl__icon--FontSize);
5461
- --pf-v6-c-empty-state__title-text--FontSize: var(--pf-v6-c-empty-state--m-xl__title-text--FontSize);
5462
- --pf-v6-c-empty-state__title-text--LineHeight: var(--pf-v6-c-empty-state--m-xl__title-text--LineHeight);
5459
+ margin-block-start: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart);
5460
+ margin-block-end: var(--pf-v6-c-dual-list-selector__item-toggle--MarginBlockEnd);
5463
5461
  }
5464
5462
 
5465
- .pf-v6-c-empty-state.pf-m-full-height {
5466
- height: 100%;
5463
+ .pf-v6-c-dual-list-selector__item-check {
5464
+ display: flex;
5465
+ align-items: center;
5466
+ margin-inline-end: var(--pf-v6-c-dual-list-selector__item-check--MarginInlineEnd);
5467
5467
  }
5468
5468
 
5469
- .pf-v6-c-empty-state.pf-m-danger {
5470
- --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-danger__icon--Color);
5469
+ .pf-v6-c-dual-list-selector__item-toggle-icon {
5470
+ display: inline-block;
5471
+ min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
5472
+ color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
5473
+ text-align: center;
5474
+ transition: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Transition);
5475
+ transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
5471
5476
  }
5472
5477
 
5473
- .pf-v6-c-empty-state.pf-m-warning {
5474
- --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-warning__icon--Color);
5478
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5479
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 1 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5480
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5475
5481
  }
5476
5482
 
5477
- .pf-v6-c-empty-state.pf-m-success {
5478
- --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-success__icon--Color);
5483
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5484
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 2 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5485
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5479
5486
  }
5480
5487
 
5481
- .pf-v6-c-empty-state.pf-m-info {
5482
- --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-info__icon--Color);
5488
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5489
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 3 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5490
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5483
5491
  }
5484
5492
 
5485
- .pf-v6-c-empty-state.pf-m-custom {
5486
- --pf-v6-c-empty-state__icon--Color: var(--pf-v6-c-empty-state--m-custom__icon--Color);
5493
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5494
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 4 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5495
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5487
5496
  }
5488
5497
 
5489
- .pf-v6-c-empty-state__content {
5490
- max-width: var(--pf-v6-c-empty-state__content--MaxWidth);
5498
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5499
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 5 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5500
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5491
5501
  }
5492
5502
 
5493
- .pf-v6-c-empty-state__icon {
5494
- margin-block-end: var(--pf-v6-c-empty-state__icon--MarginBlockEnd);
5495
- font-size: var(--pf-v6-c-empty-state__icon--FontSize);
5496
- line-height: 1;
5497
- color: var(--pf-v6-c-empty-state__icon--Color);
5503
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5504
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 6 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5505
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5498
5506
  }
5499
5507
 
5500
- .pf-v6-c-empty-state__title-text {
5501
- font-family: var(--pf-v6-c-empty-state__title-text--FontFamily);
5502
- font-size: var(--pf-v6-c-empty-state__title-text--FontSize);
5503
- font-weight: var(--pf-v6-c-empty-state__title-text--FontWeight);
5504
- line-height: var(--pf-v6-c-empty-state__title-text--LineHeight);
5508
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5509
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 7 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5510
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5505
5511
  }
5506
5512
 
5507
- .pf-v6-c-empty-state__body {
5508
- margin-block-start: var(--pf-v6-c-empty-state__body--MarginBlockStart);
5509
- font-size: var(--pf-v6-c-empty-state--body--FontSize);
5510
- color: var(--pf-v6-c-empty-state__body--Color);
5513
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5514
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 8 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5515
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5511
5516
  }
5512
5517
 
5513
- .pf-v6-c-empty-state__footer {
5514
- display: flex;
5515
- flex-direction: column;
5516
- row-gap: var(--pf-v6-c-empty-state__footer--RowGap);
5517
- align-items: center;
5518
- margin-block-start: var(--pf-v6-c-empty-state__footer--MarginBlockStart);
5518
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5519
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 9 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5520
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5519
5521
  }
5520
5522
 
5521
- .pf-v6-c-empty-state__actions {
5522
- display: flex;
5523
- flex-wrap: wrap;
5524
- gap: var(--pf-v6-c-empty-state__actions--RowGap) var(--pf-v6-c-empty-state__actions--ColumnGap);
5525
- justify-content: center;
5523
+ .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
5524
+ --pf-v6-c-dual-list-selector__item--PaddingInlineStart: calc(var(--pf-v6-c-dual-list-selector__item--nested-indent--base) * 10 + var(--pf-v6-c-dual-list-selector__item--indent--base));
5525
+ --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
5526
5526
  }
5527
5527
 
5528
5528
  :where(:root, .pf-v6-c-expandable-section) {
@@ -6521,84 +6521,6 @@ select ~ .pf-v6-c-form-control__utilities {
6521
6521
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
6522
6522
  }
6523
6523
 
6524
- :where(:root, .pf-v6-c-helper-text) {
6525
- --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
6526
- --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
6527
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
6528
- --pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
6529
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body);
6530
- --pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
6531
- --pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
6532
- --pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
6533
- --pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
6534
- --pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
6535
- --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
6536
- --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
6537
- --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
6538
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
6539
- --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
6540
- --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
6541
- --pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6542
- --pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6543
- --pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
6544
- --pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6545
- --pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
6546
- }
6547
-
6548
- .pf-v6-c-helper-text {
6549
- display: grid;
6550
- gap: var(--pf-v6-c-helper-text--Gap);
6551
- font-size: var(--pf-v6-c-helper-text--FontSize);
6552
- }
6553
-
6554
- .pf-v6-c-helper-text.pf-m-hidden {
6555
- visibility: hidden;
6556
- opacity: 0;
6557
- }
6558
-
6559
- .pf-v6-c-helper-text__item {
6560
- display: flex;
6561
- font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
6562
- }
6563
-
6564
- .pf-v6-c-helper-text__item.pf-m-indeterminate {
6565
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
6566
- --pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
6567
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
6568
- --pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
6569
- }
6570
-
6571
- .pf-v6-c-helper-text__item.pf-m-warning {
6572
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
6573
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
6574
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
6575
- }
6576
-
6577
- .pf-v6-c-helper-text__item.pf-m-success {
6578
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
6579
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
6580
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
6581
- }
6582
-
6583
- .pf-v6-c-helper-text__item.pf-m-error {
6584
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
6585
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
6586
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
6587
- }
6588
-
6589
- .pf-v6-c-helper-text__item.pf-m-dynamic {
6590
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
6591
- }
6592
-
6593
- .pf-v6-c-helper-text__item-icon {
6594
- margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
6595
- color: var(--pf-v6-c-helper-text__item-icon--Color);
6596
- }
6597
-
6598
- .pf-v6-c-helper-text__item-text {
6599
- color: var(--pf-v6-c-helper-text__item-text--Color);
6600
- }
6601
-
6602
6524
  :where(:root, .pf-v6-c-hint) {
6603
6525
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
6604
6526
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -6684,6 +6606,84 @@ select ~ .pf-v6-c-form-control__utilities {
6684
6606
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
6685
6607
  }
6686
6608
 
6609
+ :where(:root, .pf-v6-c-helper-text) {
6610
+ --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
6611
+ --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
6612
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
6613
+ --pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
6614
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body);
6615
+ --pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
6616
+ --pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
6617
+ --pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
6618
+ --pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
6619
+ --pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
6620
+ --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
6621
+ --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
6622
+ --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
6623
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
6624
+ --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
6625
+ --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
6626
+ --pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6627
+ --pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6628
+ --pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
6629
+ --pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6630
+ --pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
6631
+ }
6632
+
6633
+ .pf-v6-c-helper-text {
6634
+ display: grid;
6635
+ gap: var(--pf-v6-c-helper-text--Gap);
6636
+ font-size: var(--pf-v6-c-helper-text--FontSize);
6637
+ }
6638
+
6639
+ .pf-v6-c-helper-text.pf-m-hidden {
6640
+ visibility: hidden;
6641
+ opacity: 0;
6642
+ }
6643
+
6644
+ .pf-v6-c-helper-text__item {
6645
+ display: flex;
6646
+ font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
6647
+ }
6648
+
6649
+ .pf-v6-c-helper-text__item.pf-m-indeterminate {
6650
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
6651
+ --pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
6652
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
6653
+ --pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
6654
+ }
6655
+
6656
+ .pf-v6-c-helper-text__item.pf-m-warning {
6657
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
6658
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
6659
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
6660
+ }
6661
+
6662
+ .pf-v6-c-helper-text__item.pf-m-success {
6663
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
6664
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
6665
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
6666
+ }
6667
+
6668
+ .pf-v6-c-helper-text__item.pf-m-error {
6669
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
6670
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
6671
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
6672
+ }
6673
+
6674
+ .pf-v6-c-helper-text__item.pf-m-dynamic {
6675
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
6676
+ }
6677
+
6678
+ .pf-v6-c-helper-text__item-icon {
6679
+ margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
6680
+ color: var(--pf-v6-c-helper-text__item-icon--Color);
6681
+ }
6682
+
6683
+ .pf-v6-c-helper-text__item-text {
6684
+ color: var(--pf-v6-c-helper-text__item-text--Color);
6685
+ }
6686
+
6687
6687
  :where(:root, .pf-v6-c-icon) {
6688
6688
  --pf-v6-c-icon--Width: 1em;
6689
6689
  --pf-v6-c-icon--Height: 1em;
@@ -10471,24 +10471,11 @@ ul.pf-v6-c-list {
10471
10471
  margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
10472
10472
  }
10473
10473
 
10474
- @media screen and (min-width: 576px) {
10475
- .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
10476
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
10477
- }
10478
- }
10479
- :where(:root, .pf-v6-l-bullseye) {
10480
- --pf-v6-l-bullseye--Padding: 0;
10481
- }
10482
-
10483
- .pf-v6-l-bullseye {
10484
- display: flex;
10485
- align-items: center;
10486
- justify-content: center;
10487
- height: 100%;
10488
- padding: var(--pf-v6-l-bullseye--Padding);
10489
- margin: 0;
10490
- }
10491
-
10474
+ @media screen and (min-width: 576px) {
10475
+ .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
10476
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
10477
+ }
10478
+ }
10492
10479
  :where(:root, .pf-v6-c-multiple-file-upload) {
10493
10480
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
10494
10481
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
@@ -11019,6 +11006,45 @@ ul.pf-v6-c-list {
11019
11006
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
11020
11007
  }
11021
11008
 
11009
+ :where(:root, .pf-v6-c-overflow-menu) {
11010
+ --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
11011
+ --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
11012
+ --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
11013
+ --pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
11014
+ }
11015
+
11016
+ .pf-v6-c-overflow-menu {
11017
+ display: inline-flex;
11018
+ column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11019
+ }
11020
+
11021
+ .pf-v6-c-overflow-menu__content,
11022
+ .pf-v6-c-overflow-menu__group {
11023
+ display: flex;
11024
+ align-items: start;
11025
+ }
11026
+
11027
+ .pf-v6-c-overflow-menu__group {
11028
+ column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
11029
+ }
11030
+
11031
+ .pf-v6-c-overflow-menu__group.pf-m-button-group {
11032
+ column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
11033
+ }
11034
+
11035
+ .pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
11036
+ column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
11037
+ }
11038
+
11039
+ .pf-v6-c-overflow-menu__item {
11040
+ column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
11041
+ }
11042
+
11043
+ .pf-v6-c-overflow-menu__content,
11044
+ .pf-v6-c-overflow-menu__control {
11045
+ column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11046
+ }
11047
+
11022
11048
  :where(:root, .pf-v6-c-notification-drawer) {
11023
11049
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11024
11050
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -11306,45 +11332,6 @@ ul.pf-v6-c-list {
11306
11332
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
11307
11333
  }
11308
11334
 
11309
- :where(:root, .pf-v6-c-overflow-menu) {
11310
- --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
11311
- --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
11312
- --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
11313
- --pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
11314
- }
11315
-
11316
- .pf-v6-c-overflow-menu {
11317
- display: inline-flex;
11318
- column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11319
- }
11320
-
11321
- .pf-v6-c-overflow-menu__content,
11322
- .pf-v6-c-overflow-menu__group {
11323
- display: flex;
11324
- align-items: start;
11325
- }
11326
-
11327
- .pf-v6-c-overflow-menu__group {
11328
- column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
11329
- }
11330
-
11331
- .pf-v6-c-overflow-menu__group.pf-m-button-group {
11332
- column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
11333
- }
11334
-
11335
- .pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
11336
- column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
11337
- }
11338
-
11339
- .pf-v6-c-overflow-menu__item {
11340
- column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
11341
- }
11342
-
11343
- .pf-v6-c-overflow-menu__content,
11344
- .pf-v6-c-overflow-menu__control {
11345
- column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11346
- }
11347
-
11348
11335
  :where(:root, .pf-v6-c-page) {
11349
11336
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11350
11337
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
@@ -12448,36 +12435,215 @@ ul.pf-v6-c-list {
12448
12435
  --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12449
12436
  }
12450
12437
  }
12451
- @media (min-width: 1450px) {
12452
- .pf-v6-c-pagination.pf-m-display-summary-on-2xl {
12453
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12454
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
12455
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
12456
- }
12457
- .pf-v6-c-pagination.pf-m-display-full-on-2xl {
12458
- --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
12459
- --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
12460
- --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
12461
- }
12462
- .pf-v6-c-pagination.pf-m-inset-none-on-2xl {
12463
- --pf-v6-c-pagination--inset: 0;
12464
- }
12465
- .pf-v6-c-pagination.pf-m-inset-sm-on-2xl {
12466
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
12467
- }
12468
- .pf-v6-c-pagination.pf-m-inset-md-on-2xl {
12469
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
12470
- }
12471
- .pf-v6-c-pagination.pf-m-inset-lg-on-2xl {
12472
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
12473
- }
12474
- .pf-v6-c-pagination.pf-m-inset-xl-on-2xl {
12475
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
12476
- }
12477
- .pf-v6-c-pagination.pf-m-inset-2xl-on-2xl {
12478
- --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12479
- }
12438
+ @media (min-width: 1450px) {
12439
+ .pf-v6-c-pagination.pf-m-display-summary-on-2xl {
12440
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-summary__nav--Display);
12441
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-summary__page-menu--Display);
12442
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-summary__total-items--Display);
12443
+ }
12444
+ .pf-v6-c-pagination.pf-m-display-full-on-2xl {
12445
+ --pf-v6-c-pagination__nav--Display: var(--pf-v6-c-pagination--m-display-full__nav--Display);
12446
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination--m-display-full__page-menu--Display);
12447
+ --pf-v6-c-pagination__total-items--Display: var(--pf-v6-c-pagination--m-display-full__total-items--Display);
12448
+ }
12449
+ .pf-v6-c-pagination.pf-m-inset-none-on-2xl {
12450
+ --pf-v6-c-pagination--inset: 0;
12451
+ }
12452
+ .pf-v6-c-pagination.pf-m-inset-sm-on-2xl {
12453
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--sm);
12454
+ }
12455
+ .pf-v6-c-pagination.pf-m-inset-md-on-2xl {
12456
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--md);
12457
+ }
12458
+ .pf-v6-c-pagination.pf-m-inset-lg-on-2xl {
12459
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--lg);
12460
+ }
12461
+ .pf-v6-c-pagination.pf-m-inset-xl-on-2xl {
12462
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--xl);
12463
+ }
12464
+ .pf-v6-c-pagination.pf-m-inset-2xl-on-2xl {
12465
+ --pf-v6-c-pagination--inset: var(--pf-t--global--spacer--2xl);
12466
+ }
12467
+ }
12468
+ :where(:root, .pf-v6-c-progress) {
12469
+ --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12470
+ --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
12471
+ --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
12472
+ --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
12473
+ --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
12474
+ --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
12475
+ --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
12476
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
12477
+ --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
12478
+ --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
12479
+ --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
12480
+ --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
12481
+ --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
12482
+ --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
12483
+ --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
12484
+ --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
12485
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
12486
+ --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
12487
+ --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
12488
+ --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
12489
+ --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
12490
+ --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
12491
+ --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
12492
+ --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
12493
+ --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
12494
+ }
12495
+
12496
+ .pf-v6-c-progress {
12497
+ display: grid;
12498
+ grid-template-rows: 1fr auto;
12499
+ grid-template-columns: auto auto;
12500
+ grid-gap: var(--pf-v6-c-progress--GridGap);
12501
+ align-items: end;
12502
+ }
12503
+
12504
+ .pf-v6-c-progress.pf-m-sm {
12505
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
12506
+ }
12507
+
12508
+ .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
12509
+ font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
12510
+ }
12511
+
12512
+ .pf-v6-c-progress.pf-m-lg {
12513
+ --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
12514
+ }
12515
+
12516
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
12517
+ display: flex;
12518
+ align-items: center;
12519
+ justify-content: center;
12520
+ min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
12521
+ }
12522
+
12523
+ .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
12524
+ font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
12525
+ color: var(--pf-v6-c-progress--m-inside__measure--Color);
12526
+ text-align: center;
12527
+ }
12528
+
12529
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
12530
+ grid-column: 1/3;
12531
+ }
12532
+
12533
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
12534
+ grid-row: 2/3;
12535
+ grid-column: 2/3;
12536
+ align-self: center;
12537
+ }
12538
+
12539
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
12540
+ display: inline-block;
12541
+ font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
12542
+ }
12543
+
12544
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
12545
+ min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
12546
+ text-align: start;
12547
+ }
12548
+
12549
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
12550
+ .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
12551
+ grid-column: 1/2;
12552
+ }
12553
+
12554
+ .pf-v6-c-progress.pf-m-singleline {
12555
+ grid-template-rows: 1fr;
12556
+ }
12557
+
12558
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
12559
+ display: none;
12560
+ }
12561
+
12562
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
12563
+ grid-row: 1/2;
12564
+ grid-column: 1/2;
12565
+ }
12566
+
12567
+ .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
12568
+ grid-row: 1/2;
12569
+ grid-column: 2/3;
12570
+ }
12571
+
12572
+ .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
12573
+ grid-template-columns: 1fr fit-content(50%);
12574
+ }
12575
+
12576
+ .pf-v6-c-progress.pf-m-success {
12577
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
12578
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
12579
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
12580
+ }
12581
+
12582
+ .pf-v6-c-progress.pf-m-warning {
12583
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
12584
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
12585
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
12586
+ }
12587
+
12588
+ .pf-v6-c-progress.pf-m-danger {
12589
+ --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
12590
+ --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
12591
+ --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
12592
+ }
12593
+
12594
+ .pf-v6-c-progress__description {
12595
+ grid-column: 1/2;
12596
+ word-break: break-word;
12597
+ }
12598
+
12599
+ .pf-v6-c-progress__description.pf-m-truncate {
12600
+ overflow: hidden;
12601
+ text-overflow: ellipsis;
12602
+ white-space: nowrap;
12603
+ }
12604
+
12605
+ .pf-v6-c-progress__status {
12606
+ display: flex;
12607
+ grid-row: 1/2;
12608
+ grid-column: 2/3;
12609
+ gap: var(--pf-v6-c-progress__status--Gap);
12610
+ align-items: flex-start;
12611
+ justify-content: flex-end;
12612
+ text-align: end;
12613
+ word-break: break-word;
12614
+ }
12615
+
12616
+ .pf-v6-c-progress__status-icon {
12617
+ color: var(--pf-v6-c-progress__status-icon--Color);
12618
+ }
12619
+
12620
+ .pf-v6-c-progress__bar::before,
12621
+ .pf-v6-c-progress__indicator {
12622
+ inset-block-start: 0;
12623
+ inset-inline-start: 0;
12624
+ }
12625
+
12626
+ .pf-v6-c-progress__bar {
12627
+ position: relative;
12628
+ grid-row: 2/3;
12629
+ grid-column: 1/3;
12630
+ align-self: center;
12631
+ height: var(--pf-v6-c-progress__bar--Height);
12632
+ background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
12633
+ }
12634
+
12635
+ .pf-v6-c-progress__indicator {
12636
+ position: absolute;
12637
+ height: var(--pf-v6-c-progress__indicator--Height);
12638
+ background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
12639
+ }
12640
+
12641
+ .pf-v6-c-progress__helper-text {
12642
+ grid-row: 3/4;
12643
+ grid-column: 1/3;
12644
+ margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
12480
12645
  }
12646
+
12481
12647
  .pf-v6-c-popover {
12482
12648
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
12483
12649
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -12695,183 +12861,90 @@ ul.pf-v6-c-list {
12695
12861
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
12696
12862
  }
12697
12863
 
12698
- :where(:root, .pf-v6-c-progress) {
12699
- --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
12700
- --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
12701
- --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
12702
- --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
12703
- --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
12704
- --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
12705
- --pf-v6-c-progress__indicator--Height: var(--pf-v6-c-progress__bar--Height);
12706
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
12707
- --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
12708
- --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
12709
- --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
12710
- --pf-v6-c-progress--m-danger__indicator--BackgroundColor: var(--pf-t--global--color--status--danger--default);
12711
- --pf-v6-c-progress--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
12712
- --pf-v6-c-progress--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
12713
- --pf-v6-c-progress--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
12714
- --pf-v6-c-progress--m-inside__indicator--MinWidth: var(--pf-t--global--spacer--xl);
12715
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-t--global--text--color--on-brand--default);
12716
- --pf-v6-c-progress--m-success--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-success--default);
12717
- --pf-v6-c-progress--m-warning--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-warning--default);
12718
- --pf-v6-c-progress--m-danger--m-inside__measure--Color: var(--pf-t--global--text--color--status--on-danger--default);
12719
- --pf-v6-c-progress--m-inside__measure--FontSize: var(--pf-t--global--font--size--sm);
12720
- --pf-v6-c-progress--m-outside__measure--FontSize: var(--pf-t--global--font--size--sm);
12721
- --pf-v6-c-progress--m-sm__bar--Height: var(--pf-t--global--spacer--sm);
12722
- --pf-v6-c-progress--m-sm__measure--FontSize: var(--pf-t--global--font--size--body--sm);
12723
- --pf-v6-c-progress--m-lg__bar--Height: var(--pf-t--global--spacer--lg);
12864
+ :where(:root, .pf-v6-c-radio) {
12865
+ --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
12866
+ --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
12867
+ --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
12868
+ --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
12869
+ --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
12870
+ --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
12871
+ --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
12872
+ --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
12873
+ --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
12874
+ --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
12875
+ --pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
12876
+ --pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
12877
+ --pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
12878
+ --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
12724
12879
  }
12725
12880
 
12726
- .pf-v6-c-progress {
12881
+ .pf-v6-c-radio {
12727
12882
  display: grid;
12728
- grid-template-rows: 1fr auto;
12729
- grid-template-columns: auto auto;
12730
- grid-gap: var(--pf-v6-c-progress--GridGap);
12731
- align-items: end;
12732
- }
12733
-
12734
- .pf-v6-c-progress.pf-m-sm {
12735
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-sm__bar--Height);
12736
- }
12737
-
12738
- .pf-v6-c-progress.pf-m-sm .pf-v6-c-progress__measure {
12739
- font-size: var(--pf-v6-c-progress--m-sm__measure--FontSize);
12740
- }
12741
-
12742
- .pf-v6-c-progress.pf-m-lg {
12743
- --pf-v6-c-progress__bar--Height: var(--pf-v6-c-progress--m-lg__bar--Height);
12744
- }
12745
-
12746
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__indicator {
12747
- display: flex;
12748
- align-items: center;
12749
- justify-content: center;
12750
- min-width: var(--pf-v6-c-progress--m-inside__indicator--MinWidth);
12751
- }
12752
-
12753
- .pf-v6-c-progress.pf-m-inside .pf-v6-c-progress__measure {
12754
- font-size: var(--pf-v6-c-progress--m-inside__measure--FontSize);
12755
- color: var(--pf-v6-c-progress--m-inside__measure--Color);
12756
- text-align: center;
12883
+ grid-template-columns: auto 1fr;
12884
+ grid-gap: var(--pf-v6-c-radio--GridGap);
12885
+ align-items: baseline;
12886
+ accent-color: var(--pf-v6-c-radio--AccentColor);
12757
12887
  }
12758
12888
 
12759
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__description {
12760
- grid-column: 1/3;
12889
+ .pf-v6-c-radio.pf-m-standalone {
12890
+ display: inline-grid;
12891
+ grid-template-columns: auto;
12892
+ height: var(--pf-v6-c-check--Height);
12761
12893
  }
12762
12894
 
12763
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__status {
12764
- grid-row: 2/3;
12765
- grid-column: 2/3;
12895
+ .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
12766
12896
  align-self: center;
12897
+ transform: none;
12767
12898
  }
12768
12899
 
12769
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure {
12770
- display: inline-block;
12771
- font-size: var(--pf-v6-c-progress--m-outside__measure--FontSize);
12772
- }
12773
-
12774
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__measure.pf-m-static-width {
12775
- min-width: var(--pf-v6-c-progress__measure--m-static-width--MinWidth);
12776
- text-align: start;
12777
- }
12778
-
12779
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__bar,
12780
- .pf-v6-c-progress.pf-m-outside .pf-v6-c-progress__indicator {
12781
- grid-column: 1/2;
12782
- }
12783
-
12784
- .pf-v6-c-progress.pf-m-singleline {
12785
- grid-template-rows: 1fr;
12786
- }
12787
-
12788
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__description {
12789
- display: none;
12790
- }
12791
-
12792
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__bar {
12793
- grid-row: 1/2;
12794
- grid-column: 1/2;
12795
- }
12796
-
12797
- .pf-v6-c-progress.pf-m-singleline .pf-v6-c-progress__status {
12798
- grid-row: 1/2;
12799
- grid-column: 2/3;
12800
- }
12801
-
12802
- .pf-v6-c-progress.pf-m-outside, .pf-v6-c-progress.pf-m-singleline {
12803
- grid-template-columns: 1fr fit-content(50%);
12804
- }
12805
-
12806
- .pf-v6-c-progress.pf-m-success {
12807
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-success__indicator--BackgroundColor);
12808
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-success__status-icon--Color);
12809
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-success--m-inside__measure--Color);
12810
- }
12811
-
12812
- .pf-v6-c-progress.pf-m-warning {
12813
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-warning__indicator--BackgroundColor);
12814
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-warning__status-icon--Color);
12815
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-warning--m-inside__measure--Color);
12816
- }
12817
-
12818
- .pf-v6-c-progress.pf-m-danger {
12819
- --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-v6-c-progress--m-danger__indicator--BackgroundColor);
12820
- --pf-v6-c-progress__status-icon--Color: var(--pf-v6-c-progress--m-danger__status-icon--Color);
12821
- --pf-v6-c-progress--m-inside__measure--Color: var(--pf-v6-c-progress--m-danger--m-inside__measure--Color);
12822
- }
12823
-
12824
- .pf-v6-c-progress__description {
12825
- grid-column: 1/2;
12826
- word-break: break-word;
12900
+ .pf-v6-c-radio__input {
12901
+ align-self: start;
12902
+ font-size: var(--pf-v6-c-radio__label--FontSize);
12903
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
12904
+ transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
12827
12905
  }
12828
12906
 
12829
- .pf-v6-c-progress__description.pf-m-truncate {
12830
- overflow: hidden;
12831
- text-overflow: ellipsis;
12832
- white-space: nowrap;
12907
+ .pf-v6-c-radio__input:first-child {
12908
+ margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
12833
12909
  }
12834
12910
 
12835
- .pf-v6-c-progress__status {
12836
- display: flex;
12837
- grid-row: 1/2;
12838
- grid-column: 2/3;
12839
- gap: var(--pf-v6-c-progress__status--Gap);
12840
- align-items: flex-start;
12841
- justify-content: flex-end;
12842
- text-align: end;
12843
- word-break: break-word;
12911
+ .pf-v6-c-radio__input:last-child {
12912
+ margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
12844
12913
  }
12845
12914
 
12846
- .pf-v6-c-progress__status-icon {
12847
- color: var(--pf-v6-c-progress__status-icon--Color);
12915
+ .pf-v6-c-radio__label {
12916
+ font-size: var(--pf-v6-c-radio__label--FontSize);
12917
+ font-weight: var(--pf-v6-c-radio__label--FontWeight);
12918
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
12919
+ color: var(--pf-v6-c-radio__label--Color);
12848
12920
  }
12849
12921
 
12850
- .pf-v6-c-progress__bar::before,
12851
- .pf-v6-c-progress__indicator {
12852
- inset-block-start: 0;
12853
- inset-inline-start: 0;
12922
+ .pf-v6-c-radio__description {
12923
+ grid-column: 2;
12924
+ font-size: var(--pf-v6-c-radio__description--FontSize);
12925
+ color: var(--pf-v6-c-radio__description--Color);
12854
12926
  }
12855
12927
 
12856
- .pf-v6-c-progress__bar {
12857
- position: relative;
12858
- grid-row: 2/3;
12859
- grid-column: 1/3;
12860
- align-self: center;
12861
- height: var(--pf-v6-c-progress__bar--Height);
12862
- background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
12928
+ .pf-v6-c-radio__body {
12929
+ grid-column: 2;
12930
+ margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
12863
12931
  }
12864
12932
 
12865
- .pf-v6-c-progress__indicator {
12866
- position: absolute;
12867
- height: var(--pf-v6-c-progress__indicator--Height);
12868
- background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
12933
+ .pf-v6-c-radio__label,
12934
+ .pf-v6-c-radio__input {
12935
+ justify-self: start;
12869
12936
  }
12870
12937
 
12871
- .pf-v6-c-progress__helper-text {
12872
- grid-row: 3/4;
12873
- grid-column: 1/3;
12874
- margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
12938
+ label.pf-v6-c-radio, .pf-v6-c-radio__label,
12939
+ .pf-v6-c-radio__input {
12940
+ cursor: pointer;
12941
+ }
12942
+
12943
+ .pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
12944
+ .pf-v6-c-radio__input:disabled,
12945
+ .pf-v6-c-radio__input.pf-m-disabled {
12946
+ --pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
12947
+ cursor: not-allowed;
12875
12948
  }
12876
12949
 
12877
12950
  :where(:root, .pf-v6-c-progress-stepper) {
@@ -13509,92 +13582,6 @@ ul.pf-v6-c-list {
13509
13582
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
13510
13583
  }
13511
13584
  }
13512
- :where(:root, .pf-v6-c-radio) {
13513
- --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
13514
- --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
13515
- --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
13516
- --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
13517
- --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
13518
- --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body);
13519
- --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
13520
- --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
13521
- --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
13522
- --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
13523
- --pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
13524
- --pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
13525
- --pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
13526
- --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
13527
- }
13528
-
13529
- .pf-v6-c-radio {
13530
- display: grid;
13531
- grid-template-columns: auto 1fr;
13532
- grid-gap: var(--pf-v6-c-radio--GridGap);
13533
- align-items: baseline;
13534
- accent-color: var(--pf-v6-c-radio--AccentColor);
13535
- }
13536
-
13537
- .pf-v6-c-radio.pf-m-standalone {
13538
- display: inline-grid;
13539
- grid-template-columns: auto;
13540
- height: var(--pf-v6-c-check--Height);
13541
- }
13542
-
13543
- .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
13544
- align-self: center;
13545
- transform: none;
13546
- }
13547
-
13548
- .pf-v6-c-radio__input {
13549
- align-self: start;
13550
- font-size: var(--pf-v6-c-radio__label--FontSize);
13551
- line-height: var(--pf-v6-c-radio__label--LineHeight);
13552
- transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
13553
- }
13554
-
13555
- .pf-v6-c-radio__input:first-child {
13556
- margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
13557
- }
13558
-
13559
- .pf-v6-c-radio__input:last-child {
13560
- margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
13561
- }
13562
-
13563
- .pf-v6-c-radio__label {
13564
- font-size: var(--pf-v6-c-radio__label--FontSize);
13565
- font-weight: var(--pf-v6-c-radio__label--FontWeight);
13566
- line-height: var(--pf-v6-c-radio__label--LineHeight);
13567
- color: var(--pf-v6-c-radio__label--Color);
13568
- }
13569
-
13570
- .pf-v6-c-radio__description {
13571
- grid-column: 2;
13572
- font-size: var(--pf-v6-c-radio__description--FontSize);
13573
- color: var(--pf-v6-c-radio__description--Color);
13574
- }
13575
-
13576
- .pf-v6-c-radio__body {
13577
- grid-column: 2;
13578
- margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
13579
- }
13580
-
13581
- .pf-v6-c-radio__label,
13582
- .pf-v6-c-radio__input {
13583
- justify-self: start;
13584
- }
13585
-
13586
- label.pf-v6-c-radio, .pf-v6-c-radio__label,
13587
- .pf-v6-c-radio__input {
13588
- cursor: pointer;
13589
- }
13590
-
13591
- .pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
13592
- .pf-v6-c-radio__input:disabled,
13593
- .pf-v6-c-radio__input.pf-m-disabled {
13594
- --pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
13595
- cursor: not-allowed;
13596
- }
13597
-
13598
13585
  :where(:root, .pf-v6-c-text-input-group) {
13599
13586
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
13600
13587
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
@@ -20553,78 +20540,19 @@ label.pf-v6-c-tree-view__node-text {
20553
20540
  direction: rtl;
20554
20541
  }
20555
20542
  }
20556
- :where(:root, .pf-v6-l-gallery) {
20557
- --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
20558
- --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
20559
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
20560
- --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
20561
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
20562
- --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
20563
- --pf-v6-l-gallery--GridTemplateRows: auto;
20564
- }
20565
-
20566
- .pf-v6-l-gallery {
20567
- display: grid;
20568
- grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
20569
- grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
20570
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
20571
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
20543
+ :where(:root, .pf-v6-l-bullseye) {
20544
+ --pf-v6-l-bullseye--Padding: 0;
20572
20545
  }
20573
20546
 
20574
- .pf-v6-l-gallery.pf-m-gutter {
20575
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
20547
+ .pf-v6-l-bullseye {
20548
+ display: flex;
20549
+ align-items: center;
20550
+ justify-content: center;
20551
+ height: 100%;
20552
+ padding: var(--pf-v6-l-bullseye--Padding);
20553
+ margin: 0;
20576
20554
  }
20577
20555
 
20578
- @media (min-width: 576px) {
20579
- .pf-v6-l-gallery {
20580
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
20581
- }
20582
- }
20583
- @media (min-width: 768px) {
20584
- .pf-v6-l-gallery {
20585
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
20586
- }
20587
- }
20588
- @media (min-width: 992px) {
20589
- .pf-v6-l-gallery {
20590
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
20591
- }
20592
- }
20593
- @media (min-width: 1200px) {
20594
- .pf-v6-l-gallery {
20595
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
20596
- }
20597
- }
20598
- @media (min-width: 1450px) {
20599
- .pf-v6-l-gallery {
20600
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
20601
- }
20602
- }
20603
- @media (min-width: 576px) {
20604
- .pf-v6-l-gallery {
20605
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
20606
- }
20607
- }
20608
- @media (min-width: 768px) {
20609
- .pf-v6-l-gallery {
20610
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
20611
- }
20612
- }
20613
- @media (min-width: 992px) {
20614
- .pf-v6-l-gallery {
20615
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
20616
- }
20617
- }
20618
- @media (min-width: 1200px) {
20619
- .pf-v6-l-gallery {
20620
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
20621
- }
20622
- }
20623
- @media (min-width: 1450px) {
20624
- .pf-v6-l-gallery {
20625
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
20626
- }
20627
- }
20628
20556
  :where(:root, .pf-v6-l-flex) {
20629
20557
  --pf-v6-l-flex--Display: flex;
20630
20558
  --pf-v6-l-flex--FlexWrap: wrap;
@@ -23121,6 +23049,78 @@ label.pf-v6-c-tree-view__node-text {
23121
23049
  --pf-v6-l-flex--spacer--column: 0;
23122
23050
  }
23123
23051
  }
23052
+ :where(:root, .pf-v6-l-gallery) {
23053
+ --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
23054
+ --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
23055
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
23056
+ --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
23057
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
23058
+ --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
23059
+ --pf-v6-l-gallery--GridTemplateRows: auto;
23060
+ }
23061
+
23062
+ .pf-v6-l-gallery {
23063
+ display: grid;
23064
+ grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
23065
+ grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
23066
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
23067
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
23068
+ }
23069
+
23070
+ .pf-v6-l-gallery.pf-m-gutter {
23071
+ grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
23072
+ }
23073
+
23074
+ @media (min-width: 576px) {
23075
+ .pf-v6-l-gallery {
23076
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
23077
+ }
23078
+ }
23079
+ @media (min-width: 768px) {
23080
+ .pf-v6-l-gallery {
23081
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
23082
+ }
23083
+ }
23084
+ @media (min-width: 992px) {
23085
+ .pf-v6-l-gallery {
23086
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
23087
+ }
23088
+ }
23089
+ @media (min-width: 1200px) {
23090
+ .pf-v6-l-gallery {
23091
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
23092
+ }
23093
+ }
23094
+ @media (min-width: 1450px) {
23095
+ .pf-v6-l-gallery {
23096
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
23097
+ }
23098
+ }
23099
+ @media (min-width: 576px) {
23100
+ .pf-v6-l-gallery {
23101
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
23102
+ }
23103
+ }
23104
+ @media (min-width: 768px) {
23105
+ .pf-v6-l-gallery {
23106
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
23107
+ }
23108
+ }
23109
+ @media (min-width: 992px) {
23110
+ .pf-v6-l-gallery {
23111
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
23112
+ }
23113
+ }
23114
+ @media (min-width: 1200px) {
23115
+ .pf-v6-l-gallery {
23116
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
23117
+ }
23118
+ }
23119
+ @media (min-width: 1450px) {
23120
+ .pf-v6-l-gallery {
23121
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
23122
+ }
23123
+ }
23124
23124
  :where(:root, .pf-v6-l-grid) {
23125
23125
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
23126
23126
  --pf-v6-l-grid__item--GridColumnStart: auto;