@patternfly/react-table 6.2.0-prerelease.9 → 6.2.1-prerelease.0

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 (539) hide show
  1. package/CHANGELOG.md +124 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/Table/package.json +1 -1
  5. package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
  6. package/dist/dynamic/components/Table/utils/package.json +1 -1
  7. package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
  8. package/dist/dynamic/deprecated/components/Table/package.json +1 -1
  9. package/dist/dynamic/deprecated/components/package.json +1 -1
  10. package/dist/esm/components/Table/ActionsColumn.d.ts +2 -2
  11. package/dist/esm/components/Table/ActionsColumn.d.ts.map +1 -1
  12. package/dist/esm/components/Table/ActionsColumn.js +29 -30
  13. package/dist/esm/components/Table/ActionsColumn.js.map +1 -1
  14. package/dist/esm/components/Table/Caption.d.ts +1 -1
  15. package/dist/esm/components/Table/Caption.d.ts.map +1 -1
  16. package/dist/esm/components/Table/Caption.js +2 -2
  17. package/dist/esm/components/Table/Caption.js.map +1 -1
  18. package/dist/esm/components/Table/CollapseColumn.d.ts +1 -1
  19. package/dist/esm/components/Table/CollapseColumn.d.ts.map +1 -1
  20. package/dist/esm/components/Table/CollapseColumn.js +3 -5
  21. package/dist/esm/components/Table/CollapseColumn.js.map +1 -1
  22. package/dist/esm/components/Table/DraggableCell.d.ts +1 -1
  23. package/dist/esm/components/Table/DraggableCell.d.ts.map +1 -1
  24. package/dist/esm/components/Table/DraggableCell.js +2 -2
  25. package/dist/esm/components/Table/DraggableCell.js.map +1 -1
  26. package/dist/esm/components/Table/DraggableRowWrapper.d.ts +1 -1
  27. package/dist/esm/components/Table/DraggableRowWrapper.d.ts.map +1 -1
  28. package/dist/esm/components/Table/DraggableRowWrapper.js +2 -2
  29. package/dist/esm/components/Table/DraggableRowWrapper.js.map +1 -1
  30. package/dist/esm/components/Table/EditColumn.d.ts +1 -1
  31. package/dist/esm/components/Table/EditColumn.d.ts.map +1 -1
  32. package/dist/esm/components/Table/EditColumn.js +3 -9
  33. package/dist/esm/components/Table/EditColumn.js.map +1 -1
  34. package/dist/esm/components/Table/EditableSelectInputCell.d.ts +2 -2
  35. package/dist/esm/components/Table/EditableSelectInputCell.d.ts.map +1 -1
  36. package/dist/esm/components/Table/EditableSelectInputCell.js +4 -8
  37. package/dist/esm/components/Table/EditableSelectInputCell.js.map +1 -1
  38. package/dist/esm/components/Table/EditableTextCell.d.ts +1 -1
  39. package/dist/esm/components/Table/EditableTextCell.d.ts.map +1 -1
  40. package/dist/esm/components/Table/EditableTextCell.js +5 -8
  41. package/dist/esm/components/Table/EditableTextCell.js.map +1 -1
  42. package/dist/esm/components/Table/ExpandableRowContent.d.ts +1 -1
  43. package/dist/esm/components/Table/ExpandableRowContent.d.ts.map +1 -1
  44. package/dist/esm/components/Table/ExpandableRowContent.js +2 -2
  45. package/dist/esm/components/Table/ExpandableRowContent.js.map +1 -1
  46. package/dist/esm/components/Table/FavoritesCell.d.ts +1 -1
  47. package/dist/esm/components/Table/FavoritesCell.d.ts.map +1 -1
  48. package/dist/esm/components/Table/FavoritesCell.js +2 -2
  49. package/dist/esm/components/Table/FavoritesCell.js.map +1 -1
  50. package/dist/esm/components/Table/HeaderCellInfoWrapper.d.ts +1 -1
  51. package/dist/esm/components/Table/HeaderCellInfoWrapper.d.ts.map +1 -1
  52. package/dist/esm/components/Table/HeaderCellInfoWrapper.js +2 -6
  53. package/dist/esm/components/Table/HeaderCellInfoWrapper.js.map +1 -1
  54. package/dist/esm/components/Table/InnerScrollContainer.d.ts +1 -1
  55. package/dist/esm/components/Table/InnerScrollContainer.d.ts.map +1 -1
  56. package/dist/esm/components/Table/InnerScrollContainer.js +2 -2
  57. package/dist/esm/components/Table/InnerScrollContainer.js.map +1 -1
  58. package/dist/esm/components/Table/OuterScrollContainer.d.ts +1 -1
  59. package/dist/esm/components/Table/OuterScrollContainer.d.ts.map +1 -1
  60. package/dist/esm/components/Table/OuterScrollContainer.js +2 -2
  61. package/dist/esm/components/Table/OuterScrollContainer.js.map +1 -1
  62. package/dist/esm/components/Table/RowWrapper.d.ts +3 -3
  63. package/dist/esm/components/Table/RowWrapper.d.ts.map +1 -1
  64. package/dist/esm/components/Table/RowWrapper.js +4 -3
  65. package/dist/esm/components/Table/RowWrapper.js.map +1 -1
  66. package/dist/esm/components/Table/SelectColumn.d.ts +1 -1
  67. package/dist/esm/components/Table/SelectColumn.d.ts.map +1 -1
  68. package/dist/esm/components/Table/SelectColumn.js +5 -7
  69. package/dist/esm/components/Table/SelectColumn.js.map +1 -1
  70. package/dist/esm/components/Table/SortColumn.d.ts +1 -1
  71. package/dist/esm/components/Table/SortColumn.d.ts.map +1 -1
  72. package/dist/esm/components/Table/SortColumn.js +5 -13
  73. package/dist/esm/components/Table/SortColumn.js.map +1 -1
  74. package/dist/esm/components/Table/Table.d.ts +3 -3
  75. package/dist/esm/components/Table/Table.d.ts.map +1 -1
  76. package/dist/esm/components/Table/Table.js +12 -16
  77. package/dist/esm/components/Table/Table.js.map +1 -1
  78. package/dist/esm/components/Table/TableText.d.ts +2 -2
  79. package/dist/esm/components/Table/TableText.d.ts.map +1 -1
  80. package/dist/esm/components/Table/TableText.js +7 -6
  81. package/dist/esm/components/Table/TableText.js.map +1 -1
  82. package/dist/esm/components/Table/TableTypes.d.ts +2 -2
  83. package/dist/esm/components/Table/TableTypes.d.ts.map +1 -1
  84. package/dist/esm/components/Table/TableTypes.js.map +1 -1
  85. package/dist/esm/components/Table/Tbody.d.ts +2 -2
  86. package/dist/esm/components/Table/Tbody.d.ts.map +1 -1
  87. package/dist/esm/components/Table/Tbody.js +4 -3
  88. package/dist/esm/components/Table/Tbody.js.map +1 -1
  89. package/dist/esm/components/Table/Td.d.ts +2 -2
  90. package/dist/esm/components/Table/Td.d.ts.map +1 -1
  91. package/dist/esm/components/Table/Td.js +10 -11
  92. package/dist/esm/components/Table/Td.js.map +1 -1
  93. package/dist/esm/components/Table/Th.d.ts +2 -2
  94. package/dist/esm/components/Table/Th.d.ts.map +1 -1
  95. package/dist/esm/components/Table/Th.js +11 -12
  96. package/dist/esm/components/Table/Th.js.map +1 -1
  97. package/dist/esm/components/Table/Thead.d.ts +2 -2
  98. package/dist/esm/components/Table/Thead.d.ts.map +1 -1
  99. package/dist/esm/components/Table/Thead.js +4 -3
  100. package/dist/esm/components/Table/Thead.js.map +1 -1
  101. package/dist/esm/components/Table/Tr.d.ts +2 -2
  102. package/dist/esm/components/Table/Tr.d.ts.map +1 -1
  103. package/dist/esm/components/Table/Tr.js +7 -7
  104. package/dist/esm/components/Table/Tr.js.map +1 -1
  105. package/dist/esm/components/Table/TreeRowWrapper.d.ts +1 -1
  106. package/dist/esm/components/Table/TreeRowWrapper.d.ts.map +1 -1
  107. package/dist/esm/components/Table/TreeRowWrapper.js +2 -2
  108. package/dist/esm/components/Table/TreeRowWrapper.js.map +1 -1
  109. package/dist/esm/components/Table/base/merge-props.js +2 -2
  110. package/dist/esm/components/Table/base/merge-props.js.map +1 -1
  111. package/dist/esm/components/Table/base/provider.d.ts +11 -11
  112. package/dist/esm/components/Table/base/provider.d.ts.map +1 -1
  113. package/dist/esm/components/Table/base/provider.js +7 -6
  114. package/dist/esm/components/Table/base/provider.js.map +1 -1
  115. package/dist/esm/components/Table/base/types.d.ts +9 -9
  116. package/dist/esm/components/Table/base/types.d.ts.map +1 -1
  117. package/dist/esm/components/Table/base/types.js +0 -6
  118. package/dist/esm/components/Table/base/types.js.map +1 -1
  119. package/dist/esm/components/Table/utils/decorators/cellActions.d.ts.map +1 -1
  120. package/dist/esm/components/Table/utils/decorators/cellActions.js +2 -2
  121. package/dist/esm/components/Table/utils/decorators/cellActions.js.map +1 -1
  122. package/dist/esm/components/Table/utils/decorators/collapsible.d.ts.map +1 -1
  123. package/dist/esm/components/Table/utils/decorators/collapsible.js +3 -3
  124. package/dist/esm/components/Table/utils/decorators/collapsible.js.map +1 -1
  125. package/dist/esm/components/Table/utils/decorators/compoundExpand.d.ts.map +1 -1
  126. package/dist/esm/components/Table/utils/decorators/compoundExpand.js +2 -3
  127. package/dist/esm/components/Table/utils/decorators/compoundExpand.js.map +1 -1
  128. package/dist/esm/components/Table/utils/decorators/draggable.d.ts.map +1 -1
  129. package/dist/esm/components/Table/utils/decorators/draggable.js +2 -2
  130. package/dist/esm/components/Table/utils/decorators/draggable.js.map +1 -1
  131. package/dist/esm/components/Table/utils/decorators/editable.d.ts.map +1 -1
  132. package/dist/esm/components/Table/utils/decorators/editable.js +2 -2
  133. package/dist/esm/components/Table/utils/decorators/editable.js.map +1 -1
  134. package/dist/esm/components/Table/utils/decorators/favoritable.d.ts.map +1 -1
  135. package/dist/esm/components/Table/utils/decorators/favoritable.js +2 -2
  136. package/dist/esm/components/Table/utils/decorators/favoritable.js.map +1 -1
  137. package/dist/esm/components/Table/utils/decorators/headerCol.d.ts.map +1 -1
  138. package/dist/esm/components/Table/utils/decorators/headerCol.js +2 -2
  139. package/dist/esm/components/Table/utils/decorators/headerCol.js.map +1 -1
  140. package/dist/esm/components/Table/utils/decorators/info.d.ts.map +1 -1
  141. package/dist/esm/components/Table/utils/decorators/info.js +2 -2
  142. package/dist/esm/components/Table/utils/decorators/info.js.map +1 -1
  143. package/dist/esm/components/Table/utils/decorators/selectable.d.ts.map +1 -1
  144. package/dist/esm/components/Table/utils/decorators/selectable.js +2 -2
  145. package/dist/esm/components/Table/utils/decorators/selectable.js.map +1 -1
  146. package/dist/esm/components/Table/utils/decorators/sortable.d.ts.map +1 -1
  147. package/dist/esm/components/Table/utils/decorators/sortable.js +3 -3
  148. package/dist/esm/components/Table/utils/decorators/sortable.js.map +1 -1
  149. package/dist/esm/components/Table/utils/decorators/treeRow.d.ts +1 -2
  150. package/dist/esm/components/Table/utils/decorators/treeRow.d.ts.map +1 -1
  151. package/dist/esm/components/Table/utils/decorators/treeRow.js +3 -15
  152. package/dist/esm/components/Table/utils/decorators/treeRow.js.map +1 -1
  153. package/dist/esm/components/Table/utils/headerUtils.d.ts +0 -7
  154. package/dist/esm/components/Table/utils/headerUtils.d.ts.map +1 -1
  155. package/dist/esm/demos/DashboardHeader.d.ts +1 -1
  156. package/dist/esm/demos/DashboardHeader.d.ts.map +1 -1
  157. package/dist/esm/demos/DashboardHeader.js +7 -45
  158. package/dist/esm/demos/DashboardHeader.js.map +1 -1
  159. package/dist/esm/demos/DashboardWrapper.d.ts +3 -3
  160. package/dist/esm/demos/DashboardWrapper.d.ts.map +1 -1
  161. package/dist/esm/demos/DashboardWrapper.js +9 -24
  162. package/dist/esm/demos/DashboardWrapper.js.map +1 -1
  163. package/dist/esm/deprecated/components/Table/Body.d.ts +2 -2
  164. package/dist/esm/deprecated/components/Table/Body.d.ts.map +1 -1
  165. package/dist/esm/deprecated/components/Table/Body.js +8 -7
  166. package/dist/esm/deprecated/components/Table/Body.js.map +1 -1
  167. package/dist/esm/deprecated/components/Table/BodyCell.d.ts +2 -2
  168. package/dist/esm/deprecated/components/Table/BodyCell.d.ts.map +1 -1
  169. package/dist/esm/deprecated/components/Table/BodyCell.js +5 -4
  170. package/dist/esm/deprecated/components/Table/BodyCell.js.map +1 -1
  171. package/dist/esm/deprecated/components/Table/BodyWrapper.d.ts +1 -1
  172. package/dist/esm/deprecated/components/Table/BodyWrapper.d.ts.map +1 -1
  173. package/dist/esm/deprecated/components/Table/BodyWrapper.js +5 -3
  174. package/dist/esm/deprecated/components/Table/BodyWrapper.js.map +1 -1
  175. package/dist/esm/deprecated/components/Table/Header.d.ts +1 -1
  176. package/dist/esm/deprecated/components/Table/Header.d.ts.map +1 -1
  177. package/dist/esm/deprecated/components/Table/Header.js +3 -3
  178. package/dist/esm/deprecated/components/Table/Header.js.map +1 -1
  179. package/dist/esm/deprecated/components/Table/HeaderCell.d.ts +1 -1
  180. package/dist/esm/deprecated/components/Table/HeaderCell.d.ts.map +1 -1
  181. package/dist/esm/deprecated/components/Table/HeaderCell.js +2 -2
  182. package/dist/esm/deprecated/components/Table/HeaderCell.js.map +1 -1
  183. package/dist/esm/deprecated/components/Table/Table.d.ts +4 -4
  184. package/dist/esm/deprecated/components/Table/Table.d.ts.map +1 -1
  185. package/dist/esm/deprecated/components/Table/Table.js +15 -18
  186. package/dist/esm/deprecated/components/Table/Table.js.map +1 -1
  187. package/dist/esm/deprecated/components/Table/TableContext.d.ts +2 -2
  188. package/dist/esm/deprecated/components/Table/TableContext.d.ts.map +1 -1
  189. package/dist/esm/deprecated/components/Table/TableContext.js +2 -2
  190. package/dist/esm/deprecated/components/Table/TableContext.js.map +1 -1
  191. package/dist/esm/deprecated/components/Table/base/body-row.d.ts +9 -3
  192. package/dist/esm/deprecated/components/Table/base/body-row.d.ts.map +1 -1
  193. package/dist/esm/deprecated/components/Table/base/body-row.js +4 -4
  194. package/dist/esm/deprecated/components/Table/base/body-row.js.map +1 -1
  195. package/dist/esm/deprecated/components/Table/base/body.d.ts +1 -8
  196. package/dist/esm/deprecated/components/Table/base/body.d.ts.map +1 -1
  197. package/dist/esm/deprecated/components/Table/base/body.js +6 -5
  198. package/dist/esm/deprecated/components/Table/base/body.js.map +1 -1
  199. package/dist/esm/deprecated/components/Table/base/header-row.d.ts +1 -7
  200. package/dist/esm/deprecated/components/Table/base/header-row.d.ts.map +1 -1
  201. package/dist/esm/deprecated/components/Table/base/header-row.js +6 -5
  202. package/dist/esm/deprecated/components/Table/base/header-row.js.map +1 -1
  203. package/dist/esm/deprecated/components/Table/base/header.d.ts +2 -8
  204. package/dist/esm/deprecated/components/Table/base/header.d.ts.map +1 -1
  205. package/dist/esm/deprecated/components/Table/base/header.js +6 -5
  206. package/dist/esm/deprecated/components/Table/base/header.js.map +1 -1
  207. package/dist/esm/test-helpers/data-sets.d.ts.map +1 -1
  208. package/dist/esm/test-helpers/data-sets.js +10 -10
  209. package/dist/esm/test-helpers/data-sets.js.map +1 -1
  210. package/dist/js/components/Table/ActionsColumn.d.ts +2 -2
  211. package/dist/js/components/Table/ActionsColumn.d.ts.map +1 -1
  212. package/dist/js/components/Table/ActionsColumn.js +29 -30
  213. package/dist/js/components/Table/ActionsColumn.js.map +1 -1
  214. package/dist/js/components/Table/Caption.d.ts +1 -1
  215. package/dist/js/components/Table/Caption.d.ts.map +1 -1
  216. package/dist/js/components/Table/Caption.js +2 -2
  217. package/dist/js/components/Table/Caption.js.map +1 -1
  218. package/dist/js/components/Table/CollapseColumn.d.ts +1 -1
  219. package/dist/js/components/Table/CollapseColumn.d.ts.map +1 -1
  220. package/dist/js/components/Table/CollapseColumn.js +3 -5
  221. package/dist/js/components/Table/CollapseColumn.js.map +1 -1
  222. package/dist/js/components/Table/DraggableCell.d.ts +1 -1
  223. package/dist/js/components/Table/DraggableCell.d.ts.map +1 -1
  224. package/dist/js/components/Table/DraggableCell.js +2 -2
  225. package/dist/js/components/Table/DraggableCell.js.map +1 -1
  226. package/dist/js/components/Table/DraggableRowWrapper.d.ts +1 -1
  227. package/dist/js/components/Table/DraggableRowWrapper.d.ts.map +1 -1
  228. package/dist/js/components/Table/DraggableRowWrapper.js +2 -2
  229. package/dist/js/components/Table/DraggableRowWrapper.js.map +1 -1
  230. package/dist/js/components/Table/EditColumn.d.ts +1 -1
  231. package/dist/js/components/Table/EditColumn.d.ts.map +1 -1
  232. package/dist/js/components/Table/EditColumn.js +3 -9
  233. package/dist/js/components/Table/EditColumn.js.map +1 -1
  234. package/dist/js/components/Table/EditableSelectInputCell.d.ts +2 -2
  235. package/dist/js/components/Table/EditableSelectInputCell.d.ts.map +1 -1
  236. package/dist/js/components/Table/EditableSelectInputCell.js +4 -8
  237. package/dist/js/components/Table/EditableSelectInputCell.js.map +1 -1
  238. package/dist/js/components/Table/EditableTextCell.d.ts +1 -1
  239. package/dist/js/components/Table/EditableTextCell.d.ts.map +1 -1
  240. package/dist/js/components/Table/EditableTextCell.js +5 -8
  241. package/dist/js/components/Table/EditableTextCell.js.map +1 -1
  242. package/dist/js/components/Table/ExpandableRowContent.d.ts +1 -1
  243. package/dist/js/components/Table/ExpandableRowContent.d.ts.map +1 -1
  244. package/dist/js/components/Table/ExpandableRowContent.js +2 -2
  245. package/dist/js/components/Table/ExpandableRowContent.js.map +1 -1
  246. package/dist/js/components/Table/FavoritesCell.d.ts +1 -1
  247. package/dist/js/components/Table/FavoritesCell.d.ts.map +1 -1
  248. package/dist/js/components/Table/FavoritesCell.js +2 -2
  249. package/dist/js/components/Table/FavoritesCell.js.map +1 -1
  250. package/dist/js/components/Table/HeaderCellInfoWrapper.d.ts +1 -1
  251. package/dist/js/components/Table/HeaderCellInfoWrapper.d.ts.map +1 -1
  252. package/dist/js/components/Table/HeaderCellInfoWrapper.js +2 -6
  253. package/dist/js/components/Table/HeaderCellInfoWrapper.js.map +1 -1
  254. package/dist/js/components/Table/InnerScrollContainer.d.ts +1 -1
  255. package/dist/js/components/Table/InnerScrollContainer.d.ts.map +1 -1
  256. package/dist/js/components/Table/InnerScrollContainer.js +2 -2
  257. package/dist/js/components/Table/InnerScrollContainer.js.map +1 -1
  258. package/dist/js/components/Table/OuterScrollContainer.d.ts +1 -1
  259. package/dist/js/components/Table/OuterScrollContainer.d.ts.map +1 -1
  260. package/dist/js/components/Table/OuterScrollContainer.js +2 -2
  261. package/dist/js/components/Table/OuterScrollContainer.js.map +1 -1
  262. package/dist/js/components/Table/RowWrapper.d.ts +3 -3
  263. package/dist/js/components/Table/RowWrapper.d.ts.map +1 -1
  264. package/dist/js/components/Table/RowWrapper.js +4 -3
  265. package/dist/js/components/Table/RowWrapper.js.map +1 -1
  266. package/dist/js/components/Table/SelectColumn.d.ts +1 -1
  267. package/dist/js/components/Table/SelectColumn.d.ts.map +1 -1
  268. package/dist/js/components/Table/SelectColumn.js +5 -7
  269. package/dist/js/components/Table/SelectColumn.js.map +1 -1
  270. package/dist/js/components/Table/SortColumn.d.ts +1 -1
  271. package/dist/js/components/Table/SortColumn.d.ts.map +1 -1
  272. package/dist/js/components/Table/SortColumn.js +5 -13
  273. package/dist/js/components/Table/SortColumn.js.map +1 -1
  274. package/dist/js/components/Table/Table.d.ts +3 -3
  275. package/dist/js/components/Table/Table.d.ts.map +1 -1
  276. package/dist/js/components/Table/Table.js +12 -16
  277. package/dist/js/components/Table/Table.js.map +1 -1
  278. package/dist/js/components/Table/TableText.d.ts +2 -2
  279. package/dist/js/components/Table/TableText.d.ts.map +1 -1
  280. package/dist/js/components/Table/TableText.js +7 -6
  281. package/dist/js/components/Table/TableText.js.map +1 -1
  282. package/dist/js/components/Table/TableTypes.d.ts +2 -2
  283. package/dist/js/components/Table/TableTypes.d.ts.map +1 -1
  284. package/dist/js/components/Table/TableTypes.js.map +1 -1
  285. package/dist/js/components/Table/Tbody.d.ts +2 -2
  286. package/dist/js/components/Table/Tbody.d.ts.map +1 -1
  287. package/dist/js/components/Table/Tbody.js +4 -3
  288. package/dist/js/components/Table/Tbody.js.map +1 -1
  289. package/dist/js/components/Table/Td.d.ts +2 -2
  290. package/dist/js/components/Table/Td.d.ts.map +1 -1
  291. package/dist/js/components/Table/Td.js +10 -11
  292. package/dist/js/components/Table/Td.js.map +1 -1
  293. package/dist/js/components/Table/Th.d.ts +2 -2
  294. package/dist/js/components/Table/Th.d.ts.map +1 -1
  295. package/dist/js/components/Table/Th.js +11 -12
  296. package/dist/js/components/Table/Th.js.map +1 -1
  297. package/dist/js/components/Table/Thead.d.ts +2 -2
  298. package/dist/js/components/Table/Thead.d.ts.map +1 -1
  299. package/dist/js/components/Table/Thead.js +4 -3
  300. package/dist/js/components/Table/Thead.js.map +1 -1
  301. package/dist/js/components/Table/Tr.d.ts +2 -2
  302. package/dist/js/components/Table/Tr.d.ts.map +1 -1
  303. package/dist/js/components/Table/Tr.js +7 -7
  304. package/dist/js/components/Table/Tr.js.map +1 -1
  305. package/dist/js/components/Table/TreeRowWrapper.d.ts +1 -1
  306. package/dist/js/components/Table/TreeRowWrapper.d.ts.map +1 -1
  307. package/dist/js/components/Table/TreeRowWrapper.js +2 -2
  308. package/dist/js/components/Table/TreeRowWrapper.js.map +1 -1
  309. package/dist/js/components/Table/base/merge-props.js +2 -2
  310. package/dist/js/components/Table/base/merge-props.js.map +1 -1
  311. package/dist/js/components/Table/base/provider.d.ts +11 -11
  312. package/dist/js/components/Table/base/provider.d.ts.map +1 -1
  313. package/dist/js/components/Table/base/provider.js +7 -6
  314. package/dist/js/components/Table/base/provider.js.map +1 -1
  315. package/dist/js/components/Table/base/types.d.ts +9 -9
  316. package/dist/js/components/Table/base/types.d.ts.map +1 -1
  317. package/dist/js/components/Table/base/types.js +0 -6
  318. package/dist/js/components/Table/base/types.js.map +1 -1
  319. package/dist/js/components/Table/utils/decorators/cellActions.d.ts.map +1 -1
  320. package/dist/js/components/Table/utils/decorators/cellActions.js +2 -2
  321. package/dist/js/components/Table/utils/decorators/cellActions.js.map +1 -1
  322. package/dist/js/components/Table/utils/decorators/collapsible.d.ts.map +1 -1
  323. package/dist/js/components/Table/utils/decorators/collapsible.js +3 -3
  324. package/dist/js/components/Table/utils/decorators/collapsible.js.map +1 -1
  325. package/dist/js/components/Table/utils/decorators/compoundExpand.d.ts.map +1 -1
  326. package/dist/js/components/Table/utils/decorators/compoundExpand.js +2 -3
  327. package/dist/js/components/Table/utils/decorators/compoundExpand.js.map +1 -1
  328. package/dist/js/components/Table/utils/decorators/draggable.d.ts.map +1 -1
  329. package/dist/js/components/Table/utils/decorators/draggable.js +2 -3
  330. package/dist/js/components/Table/utils/decorators/draggable.js.map +1 -1
  331. package/dist/js/components/Table/utils/decorators/editable.d.ts.map +1 -1
  332. package/dist/js/components/Table/utils/decorators/editable.js +2 -2
  333. package/dist/js/components/Table/utils/decorators/editable.js.map +1 -1
  334. package/dist/js/components/Table/utils/decorators/favoritable.d.ts.map +1 -1
  335. package/dist/js/components/Table/utils/decorators/favoritable.js +2 -2
  336. package/dist/js/components/Table/utils/decorators/favoritable.js.map +1 -1
  337. package/dist/js/components/Table/utils/decorators/headerCol.d.ts.map +1 -1
  338. package/dist/js/components/Table/utils/decorators/headerCol.js +2 -3
  339. package/dist/js/components/Table/utils/decorators/headerCol.js.map +1 -1
  340. package/dist/js/components/Table/utils/decorators/info.d.ts.map +1 -1
  341. package/dist/js/components/Table/utils/decorators/info.js +2 -2
  342. package/dist/js/components/Table/utils/decorators/info.js.map +1 -1
  343. package/dist/js/components/Table/utils/decorators/selectable.d.ts.map +1 -1
  344. package/dist/js/components/Table/utils/decorators/selectable.js +2 -2
  345. package/dist/js/components/Table/utils/decorators/selectable.js.map +1 -1
  346. package/dist/js/components/Table/utils/decorators/sortable.d.ts.map +1 -1
  347. package/dist/js/components/Table/utils/decorators/sortable.js +3 -3
  348. package/dist/js/components/Table/utils/decorators/sortable.js.map +1 -1
  349. package/dist/js/components/Table/utils/decorators/treeRow.d.ts +1 -2
  350. package/dist/js/components/Table/utils/decorators/treeRow.d.ts.map +1 -1
  351. package/dist/js/components/Table/utils/decorators/treeRow.js +3 -15
  352. package/dist/js/components/Table/utils/decorators/treeRow.js.map +1 -1
  353. package/dist/js/components/Table/utils/headerUtils.d.ts +0 -7
  354. package/dist/js/components/Table/utils/headerUtils.d.ts.map +1 -1
  355. package/dist/js/demos/DashboardHeader.d.ts +1 -1
  356. package/dist/js/demos/DashboardHeader.d.ts.map +1 -1
  357. package/dist/js/demos/DashboardHeader.js +6 -44
  358. package/dist/js/demos/DashboardHeader.js.map +1 -1
  359. package/dist/js/demos/DashboardWrapper.d.ts +3 -3
  360. package/dist/js/demos/DashboardWrapper.d.ts.map +1 -1
  361. package/dist/js/demos/DashboardWrapper.js +9 -24
  362. package/dist/js/demos/DashboardWrapper.js.map +1 -1
  363. package/dist/js/deprecated/components/Table/Body.d.ts +2 -2
  364. package/dist/js/deprecated/components/Table/Body.d.ts.map +1 -1
  365. package/dist/js/deprecated/components/Table/Body.js +8 -7
  366. package/dist/js/deprecated/components/Table/Body.js.map +1 -1
  367. package/dist/js/deprecated/components/Table/BodyCell.d.ts +2 -2
  368. package/dist/js/deprecated/components/Table/BodyCell.d.ts.map +1 -1
  369. package/dist/js/deprecated/components/Table/BodyCell.js +5 -4
  370. package/dist/js/deprecated/components/Table/BodyCell.js.map +1 -1
  371. package/dist/js/deprecated/components/Table/BodyWrapper.d.ts +1 -1
  372. package/dist/js/deprecated/components/Table/BodyWrapper.d.ts.map +1 -1
  373. package/dist/js/deprecated/components/Table/BodyWrapper.js +5 -3
  374. package/dist/js/deprecated/components/Table/BodyWrapper.js.map +1 -1
  375. package/dist/js/deprecated/components/Table/Header.d.ts +1 -1
  376. package/dist/js/deprecated/components/Table/Header.d.ts.map +1 -1
  377. package/dist/js/deprecated/components/Table/Header.js +3 -3
  378. package/dist/js/deprecated/components/Table/Header.js.map +1 -1
  379. package/dist/js/deprecated/components/Table/HeaderCell.d.ts +1 -1
  380. package/dist/js/deprecated/components/Table/HeaderCell.d.ts.map +1 -1
  381. package/dist/js/deprecated/components/Table/HeaderCell.js +2 -2
  382. package/dist/js/deprecated/components/Table/HeaderCell.js.map +1 -1
  383. package/dist/js/deprecated/components/Table/Table.d.ts +4 -4
  384. package/dist/js/deprecated/components/Table/Table.d.ts.map +1 -1
  385. package/dist/js/deprecated/components/Table/Table.js +15 -18
  386. package/dist/js/deprecated/components/Table/Table.js.map +1 -1
  387. package/dist/js/deprecated/components/Table/TableContext.d.ts +2 -2
  388. package/dist/js/deprecated/components/Table/TableContext.d.ts.map +1 -1
  389. package/dist/js/deprecated/components/Table/TableContext.js +2 -3
  390. package/dist/js/deprecated/components/Table/TableContext.js.map +1 -1
  391. package/dist/js/deprecated/components/Table/base/body-row.d.ts +9 -3
  392. package/dist/js/deprecated/components/Table/base/body-row.d.ts.map +1 -1
  393. package/dist/js/deprecated/components/Table/base/body-row.js +4 -4
  394. package/dist/js/deprecated/components/Table/base/body-row.js.map +1 -1
  395. package/dist/js/deprecated/components/Table/base/body.d.ts +1 -8
  396. package/dist/js/deprecated/components/Table/base/body.d.ts.map +1 -1
  397. package/dist/js/deprecated/components/Table/base/body.js +6 -5
  398. package/dist/js/deprecated/components/Table/base/body.js.map +1 -1
  399. package/dist/js/deprecated/components/Table/base/header-row.d.ts +1 -7
  400. package/dist/js/deprecated/components/Table/base/header-row.d.ts.map +1 -1
  401. package/dist/js/deprecated/components/Table/base/header-row.js +6 -6
  402. package/dist/js/deprecated/components/Table/base/header-row.js.map +1 -1
  403. package/dist/js/deprecated/components/Table/base/header.d.ts +2 -8
  404. package/dist/js/deprecated/components/Table/base/header.d.ts.map +1 -1
  405. package/dist/js/deprecated/components/Table/base/header.js +6 -5
  406. package/dist/js/deprecated/components/Table/base/header.js.map +1 -1
  407. package/dist/js/test-helpers/data-sets.d.ts.map +1 -1
  408. package/dist/js/test-helpers/data-sets.js +10 -11
  409. package/dist/js/test-helpers/data-sets.js.map +1 -1
  410. package/dist/umd/assets/{output-C0mI56te.css → output-LUPp6KkB.css} +1531 -1325
  411. package/dist/umd/react-table.min.js +3 -3
  412. package/package.json +6 -6
  413. package/src/components/Table/ActionsColumn.tsx +6 -7
  414. package/src/components/Table/Caption.tsx +0 -1
  415. package/src/components/Table/CollapseColumn.tsx +3 -3
  416. package/src/components/Table/DraggableCell.tsx +0 -1
  417. package/src/components/Table/DraggableRowWrapper.tsx +0 -1
  418. package/src/components/Table/EditColumn.tsx +3 -3
  419. package/src/components/Table/EditableSelectInputCell.tsx +5 -5
  420. package/src/components/Table/EditableTextCell.tsx +3 -3
  421. package/src/components/Table/ExpandableRowContent.tsx +0 -1
  422. package/src/components/Table/FavoritesCell.tsx +0 -1
  423. package/src/components/Table/HeaderCellInfoWrapper.tsx +0 -1
  424. package/src/components/Table/InnerScrollContainer.tsx +0 -1
  425. package/src/components/Table/OuterScrollContainer.tsx +0 -1
  426. package/src/components/Table/RowWrapper.tsx +2 -2
  427. package/src/components/Table/SelectColumn.tsx +4 -4
  428. package/src/components/Table/SortColumn.tsx +2 -2
  429. package/src/components/Table/Table.tsx +8 -8
  430. package/src/components/Table/TableText.tsx +5 -5
  431. package/src/components/Table/TableTypes.tsx +1 -2
  432. package/src/components/Table/Tbody.tsx +2 -2
  433. package/src/components/Table/Td.tsx +8 -8
  434. package/src/components/Table/Th.tsx +8 -8
  435. package/src/components/Table/Thead.tsx +2 -2
  436. package/src/components/Table/Tr.tsx +5 -5
  437. package/src/components/Table/TreeRowWrapper.tsx +0 -1
  438. package/src/components/Table/__tests__/RowWrapper.test.tsx +0 -1
  439. package/src/components/Table/__tests__/Th.test.tsx +0 -1
  440. package/src/components/Table/base/merge-props.ts +2 -2
  441. package/src/components/Table/base/provider.tsx +4 -4
  442. package/src/components/Table/base/types.tsx +1 -3
  443. package/src/components/Table/examples/Table.md +2 -1
  444. package/src/components/Table/examples/TableActions.tsx +4 -4
  445. package/src/components/Table/examples/TableActionsOverflow.tsx +5 -5
  446. package/src/components/Table/examples/TableBasic.tsx +4 -4
  447. package/src/components/Table/examples/TableCellWidth.tsx +0 -1
  448. package/src/components/Table/examples/TableClickable.tsx +2 -2
  449. package/src/components/Table/examples/TableCompoundExpandable.tsx +2 -2
  450. package/src/components/Table/examples/TableControllingText.tsx +0 -1
  451. package/src/components/Table/examples/TableDraggable.tsx +7 -7
  452. package/src/components/Table/examples/TableEditable.tsx +8 -8
  453. package/src/components/Table/examples/TableEmptyState.tsx +0 -1
  454. package/src/components/Table/examples/TableExpandable.tsx +5 -5
  455. package/src/components/Table/examples/TableFavoritable.tsx +6 -6
  456. package/src/components/Table/examples/TableMisc.tsx +0 -1
  457. package/src/components/Table/examples/TableMultipleStickyColumns.tsx +3 -3
  458. package/src/components/Table/examples/TableNestedExpandable.tsx +2 -2
  459. package/src/components/Table/examples/TableNestedHeaders.tsx +3 -3
  460. package/src/components/Table/examples/TableNestedStickyHeader.tsx +3 -3
  461. package/src/components/Table/examples/TableNestedTableExpandable.tsx +2 -2
  462. package/src/components/Table/examples/TableRightStickyColumn.tsx +3 -3
  463. package/src/components/Table/examples/TableSelectable.tsx +5 -5
  464. package/src/components/Table/examples/TableSelectableRadio.tsx +2 -2
  465. package/src/components/Table/examples/TableSortable.tsx +3 -3
  466. package/src/components/Table/examples/TableSortableCustom.tsx +7 -7
  467. package/src/components/Table/examples/TableStickyColumn.tsx +3 -3
  468. package/src/components/Table/examples/TableStickyColumnsAndHeader.tsx +3 -3
  469. package/src/components/Table/examples/TableStriped.tsx +0 -1
  470. package/src/components/Table/examples/TableStripedExpandable.tsx +5 -5
  471. package/src/components/Table/examples/TableStripedMultipleTbody.tsx +5 -5
  472. package/src/components/Table/examples/TableStripedTr.tsx +0 -1
  473. package/src/components/Table/examples/TableTextModifiers.tsx +2 -2
  474. package/src/components/Table/examples/TableTree.tsx +4 -4
  475. package/src/components/Table/examples/TableTreeNoInset.tsx +2 -2
  476. package/src/components/Table/utils/decorators/cellActions.tsx +0 -1
  477. package/src/components/Table/utils/decorators/collapsible.tsx +0 -1
  478. package/src/components/Table/utils/decorators/compoundExpand.tsx +0 -1
  479. package/src/components/Table/utils/decorators/draggable.tsx +0 -1
  480. package/src/components/Table/utils/decorators/editable.tsx +0 -1
  481. package/src/components/Table/utils/decorators/favoritable.tsx +0 -1
  482. package/src/components/Table/utils/decorators/headerCol.tsx +0 -1
  483. package/src/components/Table/utils/decorators/info.tsx +0 -1
  484. package/src/components/Table/utils/decorators/selectable.tsx +0 -1
  485. package/src/components/Table/utils/decorators/sortable.tsx +0 -1
  486. package/src/components/Table/utils/decorators/treeRow.tsx +0 -1
  487. package/src/demos/DashboardHeader.tsx +51 -10
  488. package/src/demos/DashboardWrapper.tsx +2 -2
  489. package/src/demos/Table.md +2 -0
  490. package/src/demos/examples/TableAutomaticPagination.tsx +6 -6
  491. package/src/demos/examples/TableBulkSelect.tsx +7 -8
  492. package/src/demos/examples/TableColumnManagement.tsx +17 -17
  493. package/src/demos/examples/TableColumnManagementWithDraggable.tsx +18 -18
  494. package/src/demos/examples/TableCompact.tsx +7 -7
  495. package/src/demos/examples/TableCompoundExpansion.tsx +3 -3
  496. package/src/demos/examples/TableEmptyStateDefault.tsx +0 -1
  497. package/src/demos/examples/TableEmptyStateError.tsx +0 -1
  498. package/src/demos/examples/TableEmptyStateLoading.tsx +0 -1
  499. package/src/demos/examples/TableExpandCollapseAll.tsx +7 -7
  500. package/src/demos/examples/TableFilterable.tsx +10 -10
  501. package/src/demos/examples/TableSortableResponsive.tsx +12 -13
  502. package/src/demos/examples/TableStaticBottomPagination.tsx +7 -8
  503. package/src/demos/examples/TableStickyFirstColumn.tsx +3 -3
  504. package/src/demos/examples/TableStickyHeader.tsx +0 -2
  505. package/src/deprecated/components/Table/Body.tsx +4 -4
  506. package/src/deprecated/components/Table/BodyCell.tsx +7 -7
  507. package/src/deprecated/components/Table/BodyWrapper.tsx +3 -3
  508. package/src/deprecated/components/Table/Header.tsx +0 -1
  509. package/src/deprecated/components/Table/HeaderCell.tsx +0 -1
  510. package/src/deprecated/components/Table/Table.tsx +3 -3
  511. package/src/deprecated/components/Table/TableContext.ts +2 -2
  512. package/src/deprecated/components/Table/__tests__/Table.test.tsx +0 -2
  513. package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +0 -11
  514. package/src/deprecated/components/Table/base/body-row.tsx +4 -4
  515. package/src/deprecated/components/Table/base/body.tsx +4 -4
  516. package/src/deprecated/components/Table/base/header-row.tsx +3 -3
  517. package/src/deprecated/components/Table/base/header.tsx +4 -4
  518. package/src/deprecated/components/Table/examples/LegacyTableActions.tsx +5 -5
  519. package/src/deprecated/components/Table/examples/LegacyTableBasic.tsx +4 -4
  520. package/src/deprecated/components/Table/examples/LegacyTableCellWidth.tsx +0 -1
  521. package/src/deprecated/components/Table/examples/LegacyTableClickable.tsx +2 -2
  522. package/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx +8 -8
  523. package/src/deprecated/components/Table/examples/LegacyTableControllingText.tsx +0 -1
  524. package/src/deprecated/components/Table/examples/LegacyTableEmptyState.tsx +0 -1
  525. package/src/deprecated/components/Table/examples/LegacyTableExpandable.tsx +5 -5
  526. package/src/deprecated/components/Table/examples/LegacyTableFavoritable.tsx +7 -7
  527. package/src/deprecated/components/Table/examples/LegacyTableMisc.tsx +1 -2
  528. package/src/deprecated/components/Table/examples/LegacyTableSelectable.tsx +6 -6
  529. package/src/deprecated/components/Table/examples/LegacyTableSelectableRadio.tsx +2 -2
  530. package/src/deprecated/components/Table/examples/LegacyTableSortable.tsx +3 -3
  531. package/src/deprecated/components/Table/examples/LegacyTableSortableCustom.tsx +7 -7
  532. package/src/deprecated/components/Table/examples/LegacyTableStriped.tsx +0 -1
  533. package/src/deprecated/components/Table/examples/LegacyTableStripedCustomTr.tsx +1 -4
  534. package/src/deprecated/components/Table/examples/LegacyTableStripedExpandable.tsx +5 -5
  535. package/src/deprecated/components/Table/examples/LegacyTableTextModifiers.tsx +0 -1
  536. package/src/deprecated/components/Table/examples/LegacyTableTree.tsx +4 -4
  537. package/src/deprecated/components/Table/examples/Table.md +1 -1
  538. package/src/test-helpers/data-sets.tsx +0 -1
  539. package/src/test-helpers/MockedTableChanges.js +0 -62
@@ -911,7 +911,7 @@
911
911
  --pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
912
912
  --pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
913
913
  --pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
914
- --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
914
+ --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
915
915
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
916
916
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
917
917
  --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -1471,7 +1471,9 @@
1471
1471
  }
1472
1472
 
1473
1473
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
1474
- transition: transform var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration) var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
1474
+ transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
1475
+ transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
1476
+ transition-property: transform;
1475
1477
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
1476
1478
  }
1477
1479
 
@@ -1511,15 +1513,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1511
1513
  vertical-align: baseline;
1512
1514
  }
1513
1515
 
1514
- .pf-v6-c-table__favorite .pf-v6-c-button {
1516
+ .pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) {
1515
1517
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
1516
1518
  }
1517
1519
 
1518
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
1520
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
1519
1521
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
1520
1522
  }
1521
1523
 
1522
- .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
1524
+ .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
1523
1525
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
1524
1526
  }
1525
1527
 
@@ -1884,7 +1886,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1884
1886
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
1885
1887
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
1886
1888
  --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
1887
- --pf-v6-c-table__toggle__icon--Transition: .2s ease-in 0s;
1889
+ --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
1890
+ --pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1891
+ --pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
1888
1892
  --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
1889
1893
  }
1890
1894
 
@@ -3455,313 +3459,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3455
3459
  --pf-v6-c-table--cell--Width: auto;
3456
3460
  }
3457
3461
  }
3458
- .pf-v6-c-table {
3459
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
3460
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
3461
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
3462
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
3463
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
3464
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3465
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
3466
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
3467
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
3468
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
3469
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
3470
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
3471
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
3472
- }
3473
-
3474
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
3475
- position: sticky;
3476
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
3477
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
3478
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
3479
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
3480
- }
3481
-
3482
- .pf-v6-c-table__sticky-cell {
3483
- --pf-v6-c-table--cell--Overflow: visible;
3484
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
3485
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
3486
- background-clip: padding-box;
3487
- }
3488
-
3489
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
3490
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
3491
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
3492
- }
3493
-
3494
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
3495
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
3496
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
3497
- }
3498
-
3499
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
3500
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
3501
- }
3502
-
3503
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
3504
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
3505
- }
3506
-
3507
- .pf-v6-c-scroll-outer-wrapper {
3508
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
3509
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
3510
- display: flex;
3511
- flex-direction: column;
3512
- max-width: 100%;
3513
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
3514
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
3515
- overflow: hidden;
3516
- }
3517
-
3518
- .pf-v6-c-scroll-inner-wrapper {
3519
- display: flex;
3520
- flex-direction: column;
3521
- max-width: 100%;
3522
- max-height: 100%;
3523
- overflow: auto;
3524
- }
3525
-
3526
- .pf-v6-c-inline-edit {
3527
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3528
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
3529
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
3530
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
3531
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
3532
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
3533
- }
3534
-
3535
- .pf-v6-c-inline-edit__group {
3536
- display: flex;
3537
- align-items: baseline;
3538
- }
3539
-
3540
- .pf-v6-c-inline-edit__group > * {
3541
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
3542
- }
3543
-
3544
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
3545
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
3546
- }
3547
-
3548
- .pf-v6-c-inline-edit__group.pf-m-footer {
3549
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
3550
- }
3551
-
3552
- .pf-v6-c-inline-edit__group.pf-m-column {
3553
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3554
- flex-direction: column;
3555
- }
3556
-
3557
- .pf-v6-c-inline-edit__group > :last-child {
3558
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3559
- }
3560
-
3561
- .pf-v6-c-inline-edit__input {
3562
- flex: 1;
3563
- }
3564
-
3565
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
3566
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
3567
- }
3568
-
3569
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
3570
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
3571
- }
3572
-
3573
- .pf-v6-c-inline-edit__input,
3574
- .pf-v6-c-inline-edit__action,
3575
- .pf-v6-c-inline-edit__group.pf-m-action-group {
3576
- display: none;
3577
- }
3578
-
3579
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3580
- display: inline-block;
3581
- }
3582
-
3583
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
3584
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
3585
- display: block;
3586
- }
3587
-
3588
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
3589
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
3590
- display: inline-block;
3591
- }
3592
-
3593
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
3594
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
3595
- display: inline-flex;
3596
- }
3597
-
3598
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
3599
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
3600
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
3601
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3602
- display: none;
3603
- }
3604
-
3605
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
3606
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
3607
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
3608
- }
3609
-
3610
- .pf-v6-c-inline-edit__label.pf-m-bold {
3611
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
3612
- }
3613
-
3614
- .pf-v6-c-inline-edit__editable-text br {
3615
- display: none;
3616
- }
3617
-
3618
- .pf-v6-u-screen-reader {
3619
- position: fixed;
3620
- inset-block-start: 0;
3621
- inset-inline-start: 0;
3622
- overflow: hidden;
3623
- clip: rect(0, 0, 0, 0);
3624
- white-space: nowrap;
3625
- border: 0;
3626
- }
3627
-
3628
- .pf-v6-u-visible {
3629
- position: static;
3630
- overflow: visible;
3631
- clip: auto;
3632
- white-space: normal;
3633
- border: inherit;
3634
- }
3635
-
3636
- .pf-v6-u-hidden {
3637
- display: none !important;
3638
- }
3639
-
3640
- @media screen and (min-width: 36rem) {
3641
- .pf-v6-u-screen-reader-on-sm {
3642
- position: fixed;
3643
- inset-block-start: 0;
3644
- inset-inline-start: 0;
3645
- overflow: hidden;
3646
- clip: rect(0, 0, 0, 0);
3647
- white-space: nowrap;
3648
- border: 0;
3649
- }
3650
- }
3651
- @media screen and (min-width: 36rem) {
3652
- .pf-v6-u-visible-on-sm {
3653
- position: static;
3654
- overflow: visible;
3655
- clip: auto;
3656
- white-space: normal;
3657
- border: inherit;
3658
- }
3659
- }
3660
- @media screen and (min-width: 36rem) {
3661
- .pf-v6-u-hidden-on-sm {
3662
- display: none !important;
3663
- }
3664
- }
3665
- @media screen and (min-width: 48rem) {
3666
- .pf-v6-u-screen-reader-on-md {
3667
- position: fixed;
3668
- inset-block-start: 0;
3669
- inset-inline-start: 0;
3670
- overflow: hidden;
3671
- clip: rect(0, 0, 0, 0);
3672
- white-space: nowrap;
3673
- border: 0;
3674
- }
3675
- }
3676
- @media screen and (min-width: 48rem) {
3677
- .pf-v6-u-visible-on-md {
3678
- position: static;
3679
- overflow: visible;
3680
- clip: auto;
3681
- white-space: normal;
3682
- border: inherit;
3683
- }
3684
- }
3685
- @media screen and (min-width: 48rem) {
3686
- .pf-v6-u-hidden-on-md {
3687
- display: none !important;
3688
- }
3689
- }
3690
- @media screen and (min-width: 62rem) {
3691
- .pf-v6-u-screen-reader-on-lg {
3692
- position: fixed;
3693
- inset-block-start: 0;
3694
- inset-inline-start: 0;
3695
- overflow: hidden;
3696
- clip: rect(0, 0, 0, 0);
3697
- white-space: nowrap;
3698
- border: 0;
3699
- }
3700
- }
3701
- @media screen and (min-width: 62rem) {
3702
- .pf-v6-u-visible-on-lg {
3703
- position: static;
3704
- overflow: visible;
3705
- clip: auto;
3706
- white-space: normal;
3707
- border: inherit;
3708
- }
3709
- }
3710
- @media screen and (min-width: 62rem) {
3711
- .pf-v6-u-hidden-on-lg {
3712
- display: none !important;
3713
- }
3714
- }
3715
- @media screen and (min-width: 75rem) {
3716
- .pf-v6-u-screen-reader-on-xl {
3717
- position: fixed;
3718
- inset-block-start: 0;
3719
- inset-inline-start: 0;
3720
- overflow: hidden;
3721
- clip: rect(0, 0, 0, 0);
3722
- white-space: nowrap;
3723
- border: 0;
3724
- }
3725
- }
3726
- @media screen and (min-width: 75rem) {
3727
- .pf-v6-u-visible-on-xl {
3728
- position: static;
3729
- overflow: visible;
3730
- clip: auto;
3731
- white-space: normal;
3732
- border: inherit;
3733
- }
3734
- }
3735
- @media screen and (min-width: 75rem) {
3736
- .pf-v6-u-hidden-on-xl {
3737
- display: none !important;
3738
- }
3739
- }
3740
- @media screen and (min-width: 90.625rem) {
3741
- .pf-v6-u-screen-reader-on-2xl {
3742
- position: fixed;
3743
- inset-block-start: 0;
3744
- inset-inline-start: 0;
3745
- overflow: hidden;
3746
- clip: rect(0, 0, 0, 0);
3747
- white-space: nowrap;
3748
- border: 0;
3749
- }
3750
- }
3751
- @media screen and (min-width: 90.625rem) {
3752
- .pf-v6-u-visible-on-2xl {
3753
- position: static;
3754
- overflow: visible;
3755
- clip: auto;
3756
- white-space: normal;
3757
- border: inherit;
3758
- }
3759
- }
3760
- @media screen and (min-width: 90.625rem) {
3761
- .pf-v6-u-hidden-on-2xl {
3762
- display: none !important;
3763
- }
3764
- }
3765
3462
  .pf-v6-c-form {
3766
3463
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3767
3464
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -3774,16 +3471,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3774
3471
  --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3775
3472
  --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
3776
3473
  --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
3777
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
3474
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
3778
3475
  --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
3779
3476
  --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
3780
3477
  --pf-v6-c-form__label--hover--Cursor: pointer;
3781
3478
  --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
3782
3479
  --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
3783
3480
  --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
3784
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
3481
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
3785
3482
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
3786
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
3483
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
3787
3484
  --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
3788
3485
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
3789
3486
  --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -3820,7 +3517,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3820
3517
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
3821
3518
  --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3822
3519
  --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3823
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
3520
+ --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
3824
3521
  --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3825
3522
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
3826
3523
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
@@ -4080,227 +3777,532 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4080
3777
  font-weight: var(--pf-v6-c-form__section-title--FontWeight);
4081
3778
  }
4082
3779
 
4083
- .pf-v6-c-form__group-label {
4084
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
3780
+ .pf-v6-c-form__group-label {
3781
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
3782
+ }
3783
+
3784
+ .pf-v6-c-form__group-label.pf-m-info {
3785
+ display: flex;
3786
+ gap: var(--pf-v6-c-form__group-label--m-info--Gap);
3787
+ align-items: flex-end;
3788
+ }
3789
+
3790
+ .pf-v6-c-form__group-label-main {
3791
+ flex-grow: 1;
3792
+ }
3793
+
3794
+ .pf-v6-c-form__group-label-info {
3795
+ font-size: var(--pf-v6-c-form__group-label-info--FontSize);
3796
+ }
3797
+
3798
+ .pf-v6-c-form__label {
3799
+ font-size: var(--pf-v6-c-form__label--FontSize);
3800
+ line-height: var(--pf-v6-c-form__label--LineHeight);
3801
+ }
3802
+
3803
+ .pf-v6-c-form__label:not(.pf-m-disabled):hover {
3804
+ cursor: var(--pf-v6-c-form__label--hover--Cursor);
3805
+ }
3806
+
3807
+ .pf-v6-c-form__label.pf-m-disabled {
3808
+ color: var(--pf-v6-c-form__label--m-disabled--Color);
3809
+ }
3810
+
3811
+ .pf-v6-c-form__label.pf-m-disabled:hover {
3812
+ cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
3813
+ }
3814
+
3815
+ .pf-v6-c-form__label-text {
3816
+ font-weight: var(--pf-v6-c-form__label-text--FontWeight);
3817
+ }
3818
+
3819
+ .pf-v6-c-form__label-required {
3820
+ margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
3821
+ font-size: var(--pf-v6-c-form__label-required--FontSize);
3822
+ color: var(--pf-v6-c-form__label-required--Color);
3823
+ }
3824
+
3825
+ .pf-v6-c-form__group-label-help .pf-v6-c-button {
3826
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
3827
+ }
3828
+
3829
+ .pf-v6-c-form__group-control {
3830
+ min-width: 0;
3831
+ }
3832
+
3833
+ .pf-v6-c-form__group-control.pf-m-inline {
3834
+ display: flex;
3835
+ flex-flow: row wrap;
3836
+ gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
3837
+ }
3838
+
3839
+ .pf-v6-c-form__group-control.pf-m-stack {
3840
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
3841
+ display: grid;
3842
+ gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
3843
+ }
3844
+
3845
+ .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
3846
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
3847
+ margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
3848
+ }
3849
+
3850
+ .pf-v6-c-form__helper-text {
3851
+ margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
3852
+ }
3853
+
3854
+ .pf-v6-c-form__helper-text.pf-m-inactive {
3855
+ display: none;
3856
+ }
3857
+
3858
+ .pf-v6-c-form__helper-text.pf-m-hidden {
3859
+ visibility: hidden;
3860
+ opacity: 0;
3861
+ }
3862
+
3863
+ .pf-v6-c-form__fieldset {
3864
+ border: 0;
3865
+ }
3866
+
3867
+ .pf-v6-c-form__actions {
3868
+ display: flex;
3869
+ flex-wrap: wrap;
3870
+ margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
3871
+ margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
3872
+ margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
3873
+ margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
3874
+ }
3875
+
3876
+ .pf-v6-c-form__actions > * {
3877
+ margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
3878
+ margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
3879
+ margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
3880
+ margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
3881
+ }
3882
+
3883
+ .pf-v6-c-form__field-group {
3884
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
3885
+ display: grid;
3886
+ grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
3887
+ border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
3888
+ border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
3889
+ }
3890
+
3891
+ .pf-v6-c-form__field-group:last-child {
3892
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
3893
+ }
3894
+
3895
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
3896
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
3897
+ }
3898
+
3899
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
3900
+ margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
3901
+ }
3902
+
3903
+ .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
3904
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
3905
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
3906
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
3907
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
3908
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
3909
+ }
3910
+
3911
+ .pf-v6-c-form__field-group .pf-v6-c-form__field-group .pf-v6-c-form__field-group-toggle ~ .pf-v6-c-form__field-group-body {
3912
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
3913
+ }
3914
+
3915
+ .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
3916
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
3917
+ }
3918
+
3919
+ .pf-v6-c-form__field-group-toggle {
3920
+ grid-row: 1/2;
3921
+ grid-column: 1/2;
3922
+ padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
3923
+ padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
3924
+ }
3925
+
3926
+ .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
3927
+ --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
3928
+ }
3929
+
3930
+ .pf-v6-c-form__field-group-toggle-button {
3931
+ margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
3932
+ margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
3933
+ }
3934
+
3935
+ .pf-v6-c-form__field-group-toggle-icon {
3936
+ display: inline-block;
3937
+ min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
3938
+ text-align: center;
3939
+ transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
3940
+ transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
3941
+ transition-property: transform;
3942
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
3943
+ }
3944
+
3945
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
3946
+ scale: -1 1;
3947
+ }
3948
+
3949
+ .pf-v6-c-form__field-group-header {
3950
+ display: flex;
3951
+ grid-row: 1/2;
3952
+ grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
3953
+ align-items: flex-start;
3954
+ padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
3955
+ padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
3956
+ }
3957
+
3958
+ .pf-v6-c-form__field-group-header-main {
3959
+ display: flex;
3960
+ flex-direction: column;
3961
+ flex-grow: 1;
3962
+ }
3963
+
3964
+ .pf-v6-c-form__field-group-header-title {
3965
+ display: flex;
3966
+ }
3967
+
3968
+ .pf-v6-c-form__field-group-header-title-text {
3969
+ flex-grow: 1;
3970
+ }
3971
+
3972
+ .pf-v6-c-form__field-group-header-description {
3973
+ margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
3974
+ color: var(--pf-v6-c-form__field-group-header-description--Color);
3975
+ }
3976
+
3977
+ .pf-v6-c-form__field-group-header-actions {
3978
+ margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
3979
+ white-space: nowrap;
3980
+ }
3981
+
3982
+ .pf-v6-c-form__field-group-body {
3983
+ display: grid;
3984
+ grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
3985
+ gap: var(--pf-v6-c-form__field-group-body--Gap);
3986
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
3987
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
3988
+ }
3989
+
3990
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
3991
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
3992
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
3993
+ }
3994
+
3995
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
3996
+ margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
3997
+ }
3998
+
3999
+ .pf-v6-c-inline-edit {
4000
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
4001
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4002
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
4003
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
4004
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
4005
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
4006
+ }
4007
+
4008
+ .pf-v6-c-inline-edit__group {
4009
+ display: flex;
4010
+ align-items: baseline;
4085
4011
  }
4086
4012
 
4087
- .pf-v6-c-form__group-label.pf-m-info {
4088
- display: flex;
4089
- gap: var(--pf-v6-c-form__group-label--m-info--Gap);
4090
- align-items: flex-end;
4013
+ .pf-v6-c-inline-edit__group > * {
4014
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
4091
4015
  }
4092
4016
 
4093
- .pf-v6-c-form__group-label-main {
4094
- flex-grow: 1;
4017
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
4018
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
4095
4019
  }
4096
4020
 
4097
- .pf-v6-c-form__group-label-info {
4098
- font-size: var(--pf-v6-c-form__group-label-info--FontSize);
4021
+ .pf-v6-c-inline-edit__group.pf-m-footer {
4022
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
4099
4023
  }
4100
4024
 
4101
- .pf-v6-c-form__label {
4102
- font-size: var(--pf-v6-c-form__label--FontSize);
4103
- line-height: var(--pf-v6-c-form__label--LineHeight);
4025
+ .pf-v6-c-inline-edit__group.pf-m-column {
4026
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
4027
+ flex-direction: column;
4104
4028
  }
4105
4029
 
4106
- .pf-v6-c-form__label::selection {
4107
- background-color: none;
4030
+ .pf-v6-c-inline-edit__group > :last-child {
4031
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
4108
4032
  }
4109
4033
 
4110
- .pf-v6-c-form__label:not(.pf-m-disabled):hover {
4111
- cursor: var(--pf-v6-c-form__label--hover--Cursor);
4034
+ .pf-v6-c-inline-edit__input {
4035
+ flex: 1;
4112
4036
  }
4113
4037
 
4114
- .pf-v6-c-form__label.pf-m-disabled {
4115
- color: var(--pf-v6-c-form__label--m-disabled--Color);
4038
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
4039
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
4116
4040
  }
4117
4041
 
4118
- .pf-v6-c-form__label.pf-m-disabled:hover {
4119
- cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
4042
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
4043
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
4120
4044
  }
4121
4045
 
4122
- .pf-v6-c-form__label-text {
4123
- font-weight: var(--pf-v6-c-form__label-text--FontWeight);
4046
+ .pf-v6-c-inline-edit__input,
4047
+ .pf-v6-c-inline-edit__action,
4048
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
4049
+ display: none;
4124
4050
  }
4125
4051
 
4126
- .pf-v6-c-form__label-required {
4127
- margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
4128
- font-size: var(--pf-v6-c-form__label-required--FontSize);
4129
- color: var(--pf-v6-c-form__label-required--Color);
4052
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
4053
+ display: inline-block;
4130
4054
  }
4131
4055
 
4132
- .pf-v6-c-form__group-label-help .pf-v6-c-button {
4133
- --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
4056
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
4057
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
4058
+ display: block;
4134
4059
  }
4135
4060
 
4136
- .pf-v6-c-form__group-control {
4137
- min-width: 0;
4061
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
4062
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
4063
+ display: inline-block;
4138
4064
  }
4139
4065
 
4140
- .pf-v6-c-form__group-control.pf-m-inline {
4141
- display: flex;
4142
- flex-flow: row wrap;
4143
- gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
4066
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
4067
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
4068
+ display: inline-flex;
4144
4069
  }
4145
4070
 
4146
- .pf-v6-c-form__group-control.pf-m-stack {
4147
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
4148
- display: grid;
4149
- gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
4071
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
4072
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
4073
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
4074
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
4075
+ display: none;
4150
4076
  }
4151
4077
 
4152
- .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
4153
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4154
- margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
4078
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
4079
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
4080
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
4155
4081
  }
4156
4082
 
4157
- .pf-v6-c-form__helper-text {
4158
- margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
4083
+ .pf-v6-c-inline-edit__label.pf-m-bold {
4084
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
4159
4085
  }
4160
4086
 
4161
- .pf-v6-c-form__helper-text.pf-m-inactive {
4087
+ .pf-v6-c-inline-edit__editable-text br {
4162
4088
  display: none;
4163
4089
  }
4164
4090
 
4165
- .pf-v6-c-form__helper-text.pf-m-hidden {
4166
- visibility: hidden;
4167
- opacity: 0;
4091
+ .pf-v6-c-table {
4092
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
4093
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
4094
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
4095
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
4096
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
4097
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
4098
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
4099
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
4100
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
4101
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
4102
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
4103
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
4104
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
4168
4105
  }
4169
4106
 
4170
- .pf-v6-c-form__fieldset {
4171
- border: 0;
4107
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
4108
+ position: sticky;
4109
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
4110
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
4111
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
4112
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
4172
4113
  }
4173
4114
 
4174
- .pf-v6-c-form__actions {
4175
- display: flex;
4176
- flex-wrap: wrap;
4177
- margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
4178
- margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
4179
- margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
4180
- margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
4115
+ .pf-v6-c-table__sticky-cell {
4116
+ --pf-v6-c-table--cell--Overflow: visible;
4117
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
4118
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
4119
+ background-clip: padding-box;
4181
4120
  }
4182
4121
 
4183
- .pf-v6-c-form__actions > * {
4184
- margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
4185
- margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
4186
- margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
4187
- margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
4122
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
4123
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
4124
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
4188
4125
  }
4189
4126
 
4190
- .pf-v6-c-form__field-group {
4191
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
4192
- display: grid;
4193
- grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
4194
- border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
4195
- border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
4127
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
4128
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
4129
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
4196
4130
  }
4197
4131
 
4198
- .pf-v6-c-form__field-group:last-child {
4199
- --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
4132
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
4133
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
4200
4134
  }
4201
4135
 
4202
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
4203
- --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
4136
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
4137
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
4204
4138
  }
4205
4139
 
4206
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
4207
- margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
4140
+ .pf-v6-c-scroll-outer-wrapper {
4141
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
4142
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
4143
+ display: flex;
4144
+ flex-direction: column;
4145
+ max-width: 100%;
4146
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
4147
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
4148
+ overflow: hidden;
4208
4149
  }
4209
4150
 
4210
- .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
4211
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
4212
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
4213
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
4214
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
4215
- --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
4151
+ .pf-v6-c-scroll-inner-wrapper {
4152
+ display: flex;
4153
+ flex-direction: column;
4154
+ max-width: 100%;
4155
+ max-height: 100%;
4156
+ overflow: auto;
4216
4157
  }
4217
4158
 
4218
- .pf-v6-c-form__field-group .pf-v6-c-form__field-group .pf-v6-c-form__field-group-toggle ~ .pf-v6-c-form__field-group-body {
4219
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
4159
+ .pf-v6-u-screen-reader {
4160
+ position: fixed;
4161
+ inset-block-start: 0;
4162
+ inset-inline-start: 0;
4163
+ overflow: hidden;
4164
+ clip: rect(0, 0, 0, 0);
4165
+ white-space: nowrap;
4166
+ border: 0;
4220
4167
  }
4221
4168
 
4222
- .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
4223
- --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
4169
+ .pf-v6-u-visible {
4170
+ position: static;
4171
+ overflow: visible;
4172
+ clip: auto;
4173
+ white-space: normal;
4174
+ border: inherit;
4224
4175
  }
4225
4176
 
4226
- .pf-v6-c-form__field-group-toggle {
4227
- grid-row: 1/2;
4228
- grid-column: 1/2;
4229
- padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
4230
- padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
4177
+ .pf-v6-u-hidden {
4178
+ display: none !important;
4231
4179
  }
4232
4180
 
4233
- .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
4234
- --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
4181
+ @media screen and (min-width: 36rem) {
4182
+ .pf-v6-u-screen-reader-on-sm {
4183
+ position: fixed;
4184
+ inset-block-start: 0;
4185
+ inset-inline-start: 0;
4186
+ overflow: hidden;
4187
+ clip: rect(0, 0, 0, 0);
4188
+ white-space: nowrap;
4189
+ border: 0;
4190
+ }
4235
4191
  }
4236
-
4237
- .pf-v6-c-form__field-group-toggle-button {
4238
- margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
4239
- margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
4192
+ @media screen and (min-width: 36rem) {
4193
+ .pf-v6-u-visible-on-sm {
4194
+ position: static;
4195
+ overflow: visible;
4196
+ clip: auto;
4197
+ white-space: normal;
4198
+ border: inherit;
4199
+ }
4240
4200
  }
4241
-
4242
- .pf-v6-c-form__field-group-toggle-icon {
4243
- display: inline-block;
4244
- min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
4245
- text-align: center;
4246
- transition: transform var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration) var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
4247
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
4201
+ @media screen and (min-width: 36rem) {
4202
+ .pf-v6-u-hidden-on-sm {
4203
+ display: none !important;
4204
+ }
4205
+ }
4206
+ @media screen and (min-width: 48rem) {
4207
+ .pf-v6-u-screen-reader-on-md {
4208
+ position: fixed;
4209
+ inset-block-start: 0;
4210
+ inset-inline-start: 0;
4211
+ overflow: hidden;
4212
+ clip: rect(0, 0, 0, 0);
4213
+ white-space: nowrap;
4214
+ border: 0;
4215
+ }
4216
+ }
4217
+ @media screen and (min-width: 48rem) {
4218
+ .pf-v6-u-visible-on-md {
4219
+ position: static;
4220
+ overflow: visible;
4221
+ clip: auto;
4222
+ white-space: normal;
4223
+ border: inherit;
4224
+ }
4248
4225
  }
4249
-
4250
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
4251
- scale: -1 1;
4226
+ @media screen and (min-width: 48rem) {
4227
+ .pf-v6-u-hidden-on-md {
4228
+ display: none !important;
4229
+ }
4252
4230
  }
4253
-
4254
- .pf-v6-c-form__field-group-header {
4255
- display: flex;
4256
- grid-row: 1/2;
4257
- grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
4258
- align-items: flex-start;
4259
- padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
4260
- padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
4231
+ @media screen and (min-width: 62rem) {
4232
+ .pf-v6-u-screen-reader-on-lg {
4233
+ position: fixed;
4234
+ inset-block-start: 0;
4235
+ inset-inline-start: 0;
4236
+ overflow: hidden;
4237
+ clip: rect(0, 0, 0, 0);
4238
+ white-space: nowrap;
4239
+ border: 0;
4240
+ }
4261
4241
  }
4262
-
4263
- .pf-v6-c-form__field-group-header-main {
4264
- display: flex;
4265
- flex-direction: column;
4266
- flex-grow: 1;
4242
+ @media screen and (min-width: 62rem) {
4243
+ .pf-v6-u-visible-on-lg {
4244
+ position: static;
4245
+ overflow: visible;
4246
+ clip: auto;
4247
+ white-space: normal;
4248
+ border: inherit;
4249
+ }
4267
4250
  }
4268
-
4269
- .pf-v6-c-form__field-group-header-title {
4270
- display: flex;
4251
+ @media screen and (min-width: 62rem) {
4252
+ .pf-v6-u-hidden-on-lg {
4253
+ display: none !important;
4254
+ }
4271
4255
  }
4272
-
4273
- .pf-v6-c-form__field-group-header-title-text {
4274
- flex-grow: 1;
4256
+ @media screen and (min-width: 75rem) {
4257
+ .pf-v6-u-screen-reader-on-xl {
4258
+ position: fixed;
4259
+ inset-block-start: 0;
4260
+ inset-inline-start: 0;
4261
+ overflow: hidden;
4262
+ clip: rect(0, 0, 0, 0);
4263
+ white-space: nowrap;
4264
+ border: 0;
4265
+ }
4275
4266
  }
4276
-
4277
- .pf-v6-c-form__field-group-header-description {
4278
- margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
4279
- color: var(--pf-v6-c-form__field-group-header-description--Color);
4267
+ @media screen and (min-width: 75rem) {
4268
+ .pf-v6-u-visible-on-xl {
4269
+ position: static;
4270
+ overflow: visible;
4271
+ clip: auto;
4272
+ white-space: normal;
4273
+ border: inherit;
4274
+ }
4280
4275
  }
4281
-
4282
- .pf-v6-c-form__field-group-header-actions {
4283
- margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
4284
- white-space: nowrap;
4276
+ @media screen and (min-width: 75rem) {
4277
+ .pf-v6-u-hidden-on-xl {
4278
+ display: none !important;
4279
+ }
4285
4280
  }
4286
-
4287
- .pf-v6-c-form__field-group-body {
4288
- display: grid;
4289
- grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
4290
- gap: var(--pf-v6-c-form__field-group-body--Gap);
4291
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4292
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4281
+ @media screen and (min-width: 90.625rem) {
4282
+ .pf-v6-u-screen-reader-on-2xl {
4283
+ position: fixed;
4284
+ inset-block-start: 0;
4285
+ inset-inline-start: 0;
4286
+ overflow: hidden;
4287
+ clip: rect(0, 0, 0, 0);
4288
+ white-space: nowrap;
4289
+ border: 0;
4290
+ }
4293
4291
  }
4294
-
4295
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
4296
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
4297
- --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
4292
+ @media screen and (min-width: 90.625rem) {
4293
+ .pf-v6-u-visible-on-2xl {
4294
+ position: static;
4295
+ overflow: visible;
4296
+ clip: auto;
4297
+ white-space: normal;
4298
+ border: inherit;
4299
+ }
4298
4300
  }
4299
-
4300
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
4301
- margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4301
+ @media screen and (min-width: 90.625rem) {
4302
+ .pf-v6-u-hidden-on-2xl {
4303
+ display: none !important;
4304
+ }
4302
4305
  }
4303
-
4304
4306
  .pf-v6-c-tooltip {
4305
4307
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4306
4308
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -4457,6 +4459,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4457
4459
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
4458
4460
  --pf-v6-c-button--TextDecorationLine: none;
4459
4461
  --pf-v6-c-button--TextDecorationStyle: none;
4462
+ --pf-v6-c-button--TextDecorationColor: currentcolor;
4460
4463
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
4461
4464
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4462
4465
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
@@ -4465,6 +4468,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4465
4468
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
4466
4469
  --pf-v6-c-button--hover--TextDecorationLine: none;
4467
4470
  --pf-v6-c-button--hover--TextDecorationStyle: none;
4471
+ --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
4468
4472
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
4469
4473
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
4470
4474
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -4549,6 +4553,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4549
4553
  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
4550
4554
  --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
4551
4555
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
4556
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
4557
+ --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
4558
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
4559
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
4560
+ --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
4561
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
4552
4562
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
4553
4563
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
4554
4564
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -4656,6 +4666,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4656
4666
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
4657
4667
  --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
4658
4668
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
4669
+ --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
4659
4670
  --pf-v6-c-button--disabled--BorderColor: transparent;
4660
4671
  --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
4661
4672
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -4665,6 +4676,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4665
4676
  --pf-v6-c-button__icon--MarginInlineEnd: 0;
4666
4677
  --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
4667
4678
  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
4679
+ --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
4680
+ --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
4681
+ --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
4682
+ --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4683
+ --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
4684
+ --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
4685
+ --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
4686
+ --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
4668
4687
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
4669
4688
  --pf-v6-c-button__progress--Opacity: 0;
4670
4689
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -4700,7 +4719,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4700
4719
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
4701
4720
  color: var(--pf-v6-c-button--Color);
4702
4721
  text-align: center;
4703
- text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
4722
+ text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
4723
+ text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
4724
+ text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
4704
4725
  white-space: nowrap;
4705
4726
  cursor: pointer;
4706
4727
  user-select: none;
@@ -4821,6 +4842,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4821
4842
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
4822
4843
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
4823
4844
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
4845
+ --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
4846
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
4847
+ --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
4848
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
4849
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
4850
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
4824
4851
  text-align: start;
4825
4852
  white-space: normal;
4826
4853
  outline-offset: 0.125rem;
@@ -4989,6 +5016,23 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
4989
5016
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
4990
5017
  }
4991
5018
 
5019
+ .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
5020
+ transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
5021
+ transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
5022
+ transition-property: color;
5023
+ }
5024
+
5025
+ .pf-v6-c-button.pf-m-favorited {
5026
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
5027
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
5028
+ }
5029
+
5030
+ .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
5031
+ animation-name: pf-v6-c-button-icon-favorited;
5032
+ animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
5033
+ animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
5034
+ }
5035
+
4992
5036
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
4993
5037
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
4994
5038
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
@@ -4996,7 +5040,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
4996
5040
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
4997
5041
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
4998
5042
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
4999
- text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
5043
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
5044
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
5045
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
5000
5046
  }
5001
5047
 
5002
5048
  .pf-v6-c-button.pf-m-clicked {
@@ -5013,6 +5059,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5013
5059
 
5014
5060
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5015
5061
  color: var(--pf-v6-c-button--disabled--Color);
5062
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
5016
5063
  background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
5017
5064
  }
5018
5065
 
@@ -5053,6 +5100,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5053
5100
  opacity: 0;
5054
5101
  }
5055
5102
 
5103
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
5104
+ animation-name: pf-v6-c-button-icon-notify;
5105
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
5106
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
5107
+ }
5108
+
5056
5109
  .pf-v6-c-button__icon {
5057
5110
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
5058
5111
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
@@ -5085,6 +5138,51 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5085
5138
  align-items: center;
5086
5139
  }
5087
5140
 
5141
+ @keyframes pf-v6-c-button-icon-notify {
5142
+ 33% {
5143
+ transform: rotate(30deg);
5144
+ }
5145
+ 66% {
5146
+ transform: rotate(-60deg);
5147
+ }
5148
+ }
5149
+ @keyframes pf-v6-c-button-icon-favorited {
5150
+ 50% {
5151
+ transform: scale(1.5);
5152
+ }
5153
+ }
5154
+ .pf-v6-c-action-list {
5155
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5156
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
5157
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5158
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
5159
+ }
5160
+
5161
+ .pf-v6-c-action-list,
5162
+ .pf-v6-c-action-list__group {
5163
+ display: flex;
5164
+ align-items: start;
5165
+ }
5166
+
5167
+ .pf-v6-c-action-list {
5168
+ row-gap: var(--pf-v6-c-action-list--RowGap);
5169
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
5170
+ }
5171
+
5172
+ .pf-v6-c-action-list.pf-m-icons {
5173
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5174
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5175
+ }
5176
+
5177
+ .pf-v6-c-action-list__group {
5178
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
5179
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
5180
+ }
5181
+
5182
+ .pf-v6-c-action-list__group.pf-m-icons {
5183
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5184
+ }
5185
+
5088
5186
  .pf-v6-c-menu-toggle {
5089
5187
  --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5090
5188
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
@@ -5141,6 +5239,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5141
5239
  --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
5142
5240
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5143
5241
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5242
+ --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
5144
5243
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
5145
5244
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
5146
5245
  --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -5148,6 +5247,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5148
5247
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
5149
5248
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
5150
5249
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
5250
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
5151
5251
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5152
5252
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
5153
5253
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
@@ -5188,6 +5288,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5188
5288
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
5189
5289
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5190
5290
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
5291
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
5191
5292
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5192
5293
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5193
5294
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -5202,12 +5303,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5202
5303
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5203
5304
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5204
5305
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
5306
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
5307
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
5205
5308
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
5206
5309
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5207
5310
  --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
5208
5311
  --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5209
5312
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5210
5313
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5314
+ --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
5315
+ --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
5211
5316
  --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
5212
5317
  --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
5213
5318
  }
@@ -5276,12 +5381,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5276
5381
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
5277
5382
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
5278
5383
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
5384
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
5279
5385
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
5280
5386
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
5281
5387
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
5282
5388
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
5283
5389
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
5284
5390
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
5391
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
5285
5392
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
5286
5393
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
5287
5394
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
@@ -5308,6 +5415,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5308
5415
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
5309
5416
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5310
5417
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
5418
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
5311
5419
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5312
5420
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
5313
5421
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
@@ -5369,6 +5477,29 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5369
5477
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
5370
5478
  }
5371
5479
 
5480
+ @media screen and (prefers-reduced-motion: no-preference) {
5481
+ .pf-v6-c-menu-toggle.pf-m-danger {
5482
+ transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
5483
+ animation-name: pf-v6-c-menu-toggle-m-danger-motion;
5484
+ animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
5485
+ animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
5486
+ animation-fill-mode: both;
5487
+ }
5488
+ }
5489
+ .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
5490
+ animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
5491
+ animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
5492
+ animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
5493
+ }
5494
+
5495
+ @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
5496
+ from {
5497
+ opacity: 0;
5498
+ }
5499
+ to {
5500
+ opacity: 1;
5501
+ }
5502
+ }
5372
5503
  .pf-v6-c-menu-toggle.pf-m-placeholder {
5373
5504
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
5374
5505
  }
@@ -5386,6 +5517,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5386
5517
  pointer-events: none;
5387
5518
  }
5388
5519
 
5520
+ @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
5521
+ syntax: "<length>";
5522
+ inherits: false;
5523
+ initial-value: 0;
5524
+ }
5525
+ @media (prefers-reduced-motion: no-preference) {
5526
+ @keyframes pf-v6-c-menu-toggle-m-danger-motion {
5527
+ 33% {
5528
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
5529
+ }
5530
+ 66% {
5531
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
5532
+ }
5533
+ }
5534
+ }
5389
5535
  .pf-v6-c-menu-toggle.pf-m-split-button {
5390
5536
  --pf-v6-c-menu-toggle--Gap: 0;
5391
5537
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
@@ -5545,98 +5691,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5545
5691
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
5546
5692
  align-items: center;
5547
5693
  justify-content: center;
5548
- margin-inline-start: auto;
5549
- }
5550
-
5551
- .pf-v6-c-menu-toggle__toggle-icon {
5552
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5553
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5554
- }
5555
-
5556
- .pf-v6-c-menu-toggle__status-icon {
5557
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5558
- }
5559
-
5560
- .pf-v6-c-check {
5561
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5562
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5563
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5564
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5565
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5566
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5567
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5568
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5569
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5570
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5571
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5572
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5573
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5574
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5575
- }
5576
-
5577
- .pf-v6-c-check {
5578
- display: grid;
5579
- grid-template-columns: auto 1fr;
5580
- grid-gap: var(--pf-v6-c-check--GridGap);
5581
- accent-color: var(--pf-v6-c-check--AccentColor);
5582
- }
5583
-
5584
- .pf-v6-c-check.pf-m-standalone {
5585
- display: inline-grid;
5586
- grid-template-columns: auto;
5587
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5588
- }
5589
-
5590
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5591
- align-self: center;
5592
- transform: none;
5593
- }
5594
-
5595
- .pf-v6-c-check__input {
5596
- align-self: start;
5597
- font-size: var(--pf-v6-c-check__label--FontSize);
5598
- line-height: var(--pf-v6-c-check__label--LineHeight);
5599
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5600
- }
5601
-
5602
- .pf-v6-c-check__label {
5603
- font-size: var(--pf-v6-c-check__label--FontSize);
5604
- font-weight: var(--pf-v6-c-check__label--FontWeight);
5605
- line-height: var(--pf-v6-c-check__label--LineHeight);
5606
- color: var(--pf-v6-c-check__label--Color);
5607
- }
5608
-
5609
- .pf-v6-c-check__description {
5610
- grid-column: 2;
5611
- font-size: var(--pf-v6-c-check__description--FontSize);
5612
- color: var(--pf-v6-c-check__description--Color);
5613
- }
5614
-
5615
- .pf-v6-c-check__body {
5616
- grid-column: 2;
5617
- }
5618
-
5619
- .pf-v6-c-check__label,
5620
- .pf-v6-c-check__input {
5621
- justify-self: start;
5622
- }
5623
-
5624
- label.pf-v6-c-check, .pf-v6-c-check__label,
5625
- .pf-v6-c-check__input {
5626
- cursor: pointer;
5627
- }
5628
-
5629
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5630
- .pf-v6-c-check__input:disabled,
5631
- .pf-v6-c-check__input.pf-m-disabled {
5632
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5633
- cursor: not-allowed;
5694
+ margin-inline-start: auto;
5634
5695
  }
5635
5696
 
5636
- .pf-v6-c-check__label-required {
5637
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5638
- font-size: var(--pf-v6-c-check__label-required--FontSize);
5639
- color: var(--pf-v6-c-check__label-required--Color);
5697
+ .pf-v6-c-menu-toggle__toggle-icon {
5698
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5699
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5700
+ }
5701
+
5702
+ .pf-v6-c-menu-toggle__status-icon {
5703
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5640
5704
  }
5641
5705
 
5642
5706
  .pf-v6-c-popover {
@@ -5768,127 +5832,495 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5768
5832
  --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5769
5833
  }
5770
5834
 
5771
- .pf-v6-c-popover:is(.pf-m-top-right,
5772
- .pf-m-bottom-right) {
5773
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
5774
- --pf-v6-c-popover__arrow--InsetInlineStart: auto;
5835
+ .pf-v6-c-popover:is(.pf-m-top-right,
5836
+ .pf-m-bottom-right) {
5837
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
5838
+ --pf-v6-c-popover__arrow--InsetInlineStart: auto;
5839
+ }
5840
+
5841
+ .pf-v6-c-popover.pf-m-danger {
5842
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
5843
+ }
5844
+
5845
+ .pf-v6-c-popover.pf-m-warning {
5846
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
5847
+ }
5848
+
5849
+ .pf-v6-c-popover.pf-m-success {
5850
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
5851
+ }
5852
+
5853
+ .pf-v6-c-popover.pf-m-custom {
5854
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
5855
+ }
5856
+
5857
+ .pf-v6-c-popover.pf-m-info {
5858
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
5859
+ }
5860
+
5861
+ .pf-v6-c-popover__content {
5862
+ position: relative;
5863
+ padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
5864
+ padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
5865
+ padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
5866
+ padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5867
+ background-color: var(--pf-v6-c-popover__content--BackgroundColor);
5868
+ border-radius: var(--pf-v6-c-popover__content--BorderRadius);
5869
+ }
5870
+
5871
+ .pf-v6-c-popover__close {
5872
+ position: absolute;
5873
+ inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
5874
+ inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
5875
+ }
5876
+
5877
+ .pf-v6-c-popover__close + * {
5878
+ padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
5879
+ }
5880
+
5881
+ .pf-v6-c-popover__arrow {
5882
+ position: absolute;
5883
+ top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
5884
+ right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
5885
+ bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
5886
+ left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
5887
+ width: var(--pf-v6-c-popover__arrow--Width);
5888
+ height: var(--pf-v6-c-popover__arrow--Height);
5889
+ pointer-events: none;
5890
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
5891
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
5892
+ transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
5893
+ }
5894
+
5895
+ .pf-v6-c-popover__header {
5896
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
5897
+ }
5898
+
5899
+ .pf-v6-c-popover__title {
5900
+ display: flex;
5901
+ flex: 0 0 auto;
5902
+ }
5903
+
5904
+ .pf-v6-c-popover__title-icon {
5905
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
5906
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
5907
+ color: var(--pf-v6-c-popover__title-icon--Color);
5908
+ }
5909
+
5910
+ .pf-v6-c-popover__title-text {
5911
+ min-width: 0;
5912
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
5913
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
5914
+ color: var(--pf-v6-c-popover__title-text--Color);
5915
+ overflow-wrap: break-word;
5916
+ }
5917
+
5918
+ .pf-v6-c-popover__body {
5919
+ word-wrap: break-word;
5920
+ }
5921
+
5922
+ .pf-v6-c-popover__footer {
5923
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
5924
+ }
5925
+
5926
+ .pf-v6-c-check {
5927
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5928
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5929
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5930
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5931
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5932
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5933
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5934
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5935
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5936
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5937
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5938
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5939
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5940
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5941
+ }
5942
+
5943
+ .pf-v6-c-check {
5944
+ display: grid;
5945
+ grid-template-columns: auto 1fr;
5946
+ grid-gap: var(--pf-v6-c-check--GridGap);
5947
+ accent-color: var(--pf-v6-c-check--AccentColor);
5948
+ }
5949
+
5950
+ .pf-v6-c-check.pf-m-standalone {
5951
+ display: inline-grid;
5952
+ grid-template-columns: auto;
5953
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5954
+ }
5955
+
5956
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5957
+ align-self: center;
5958
+ transform: none;
5959
+ }
5960
+
5961
+ .pf-v6-c-check__input {
5962
+ align-self: start;
5963
+ font-size: var(--pf-v6-c-check__label--FontSize);
5964
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5965
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5966
+ }
5967
+
5968
+ .pf-v6-c-check__label {
5969
+ font-size: var(--pf-v6-c-check__label--FontSize);
5970
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
5971
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5972
+ color: var(--pf-v6-c-check__label--Color);
5973
+ }
5974
+
5975
+ .pf-v6-c-check__description {
5976
+ grid-column: 2;
5977
+ font-size: var(--pf-v6-c-check__description--FontSize);
5978
+ color: var(--pf-v6-c-check__description--Color);
5979
+ }
5980
+
5981
+ .pf-v6-c-check__body {
5982
+ grid-column: 2;
5983
+ }
5984
+
5985
+ .pf-v6-c-check__label,
5986
+ .pf-v6-c-check__input {
5987
+ justify-self: start;
5988
+ }
5989
+
5990
+ label.pf-v6-c-check, .pf-v6-c-check__label,
5991
+ .pf-v6-c-check__input {
5992
+ cursor: pointer;
5993
+ }
5994
+
5995
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5996
+ .pf-v6-c-check__input:disabled,
5997
+ .pf-v6-c-check__input.pf-m-disabled {
5998
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5999
+ cursor: not-allowed;
6000
+ }
6001
+
6002
+ .pf-v6-c-check__label-required {
6003
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
6004
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
6005
+ color: var(--pf-v6-c-check__label-required--Color);
6006
+ }
6007
+
6008
+ .pf-v6-c-divider {
6009
+ --pf-v6-c-divider--Display: flex;
6010
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6011
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6012
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6013
+ }
6014
+
6015
+ .pf-v6-c-divider {
6016
+ flex-direction: row;
6017
+ width: 100%;
6018
+ height: var(--pf-v6-c-divider--Size);
6019
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6020
+ --pf-v6-hidden-visible--hidden--Display: none;
6021
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6022
+ display: var(--pf-v6-hidden-visible--Display);
6023
+ flex-shrink: 0;
6024
+ align-items: stretch;
6025
+ align-self: stretch;
6026
+ justify-content: center;
6027
+ border: 0;
6028
+ }
6029
+
6030
+ .pf-v6-c-divider.pf-m-hidden {
6031
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6032
+ }
6033
+
6034
+ @media screen and (min-width: 36rem) {
6035
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
6036
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6037
+ }
6038
+ .pf-v6-c-divider.pf-m-visible-on-sm {
6039
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6040
+ }
6041
+ }
6042
+ @media screen and (min-width: 48rem) {
6043
+ .pf-v6-c-divider.pf-m-hidden-on-md {
6044
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6045
+ }
6046
+ .pf-v6-c-divider.pf-m-visible-on-md {
6047
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6048
+ }
6049
+ }
6050
+ @media screen and (min-width: 62rem) {
6051
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
6052
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6053
+ }
6054
+ .pf-v6-c-divider.pf-m-visible-on-lg {
6055
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6056
+ }
6057
+ }
6058
+ @media screen and (min-width: 75rem) {
6059
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
6060
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6061
+ }
6062
+ .pf-v6-c-divider.pf-m-visible-on-xl {
6063
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6064
+ }
6065
+ }
6066
+ @media screen and (min-width: 90.625rem) {
6067
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
6068
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6069
+ }
6070
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
6071
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6072
+ }
6073
+ }
6074
+ .pf-v6-c-divider::before {
6075
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6076
+ content: "";
6077
+ background-color: var(--pf-v6-c-divider--Color);
6078
+ }
6079
+
6080
+ .pf-v6-c-divider.pf-m-horizontal {
6081
+ flex-direction: row;
6082
+ width: 100%;
6083
+ height: var(--pf-v6-c-divider--Size);
5775
6084
  }
5776
6085
 
5777
- .pf-v6-c-popover.pf-m-danger {
5778
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
6086
+ .pf-v6-c-divider.pf-m-vertical {
6087
+ flex-direction: column;
6088
+ width: var(--pf-v6-c-divider--Size);
6089
+ height: inherit;
5779
6090
  }
5780
6091
 
5781
- .pf-v6-c-popover.pf-m-warning {
5782
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
6092
+ .pf-v6-c-divider.pf-m-inset-none {
6093
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
5783
6094
  }
5784
6095
 
5785
- .pf-v6-c-popover.pf-m-success {
5786
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
6096
+ .pf-v6-c-divider.pf-m-inset-xs {
6097
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5787
6098
  }
5788
6099
 
5789
- .pf-v6-c-popover.pf-m-custom {
5790
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
6100
+ .pf-v6-c-divider.pf-m-inset-sm {
6101
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5791
6102
  }
5792
6103
 
5793
- .pf-v6-c-popover.pf-m-info {
5794
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
6104
+ .pf-v6-c-divider.pf-m-inset-md {
6105
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5795
6106
  }
5796
6107
 
5797
- .pf-v6-c-popover__content {
5798
- position: relative;
5799
- padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
5800
- padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
5801
- padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
5802
- padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5803
- background-color: var(--pf-v6-c-popover__content--BackgroundColor);
5804
- border-radius: var(--pf-v6-c-popover__content--BorderRadius);
6108
+ .pf-v6-c-divider.pf-m-inset-lg {
6109
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5805
6110
  }
5806
6111
 
5807
- .pf-v6-c-popover__close {
5808
- position: absolute;
5809
- inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
5810
- inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
6112
+ .pf-v6-c-divider.pf-m-inset-xl {
6113
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5811
6114
  }
5812
6115
 
5813
- .pf-v6-c-popover__close + * {
5814
- padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
6116
+ .pf-v6-c-divider.pf-m-inset-2xl {
6117
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5815
6118
  }
5816
6119
 
5817
- .pf-v6-c-popover__arrow {
5818
- position: absolute;
5819
- top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
5820
- right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
5821
- bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
5822
- left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
5823
- width: var(--pf-v6-c-popover__arrow--Width);
5824
- height: var(--pf-v6-c-popover__arrow--Height);
5825
- pointer-events: none;
5826
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
5827
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
5828
- transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
6120
+ .pf-v6-c-divider.pf-m-inset-3xl {
6121
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5829
6122
  }
5830
6123
 
5831
- .pf-v6-c-popover__header {
5832
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
6124
+ @media (min-width: 36rem) {
6125
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
6126
+ flex-direction: row;
6127
+ width: 100%;
6128
+ height: var(--pf-v6-c-divider--Size);
6129
+ }
5833
6130
  }
5834
-
5835
- .pf-v6-c-popover__title {
5836
- display: flex;
5837
- flex: 0 0 auto;
6131
+ @media (min-width: 36rem) {
6132
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
6133
+ flex-direction: column;
6134
+ width: var(--pf-v6-c-divider--Size);
6135
+ height: inherit;
6136
+ }
5838
6137
  }
5839
-
5840
- .pf-v6-c-popover__title-icon {
5841
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
5842
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
5843
- color: var(--pf-v6-c-popover__title-icon--Color);
6138
+ @media (min-width: 36rem) {
6139
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
6140
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6141
+ }
6142
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6143
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6144
+ }
6145
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6146
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6147
+ }
6148
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
6149
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6150
+ }
6151
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6152
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6153
+ }
6154
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6155
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6156
+ }
6157
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6158
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6159
+ }
6160
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6161
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6162
+ }
5844
6163
  }
5845
-
5846
- .pf-v6-c-popover__title-text {
5847
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
5848
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
5849
- color: var(--pf-v6-c-popover__title-text--Color);
6164
+ @media (min-width: 48rem) {
6165
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
6166
+ flex-direction: row;
6167
+ width: 100%;
6168
+ height: var(--pf-v6-c-divider--Size);
6169
+ }
5850
6170
  }
5851
-
5852
- .pf-v6-c-popover__body {
5853
- word-wrap: break-word;
6171
+ @media (min-width: 48rem) {
6172
+ .pf-v6-c-divider.pf-m-vertical-on-md {
6173
+ flex-direction: column;
6174
+ width: var(--pf-v6-c-divider--Size);
6175
+ height: inherit;
6176
+ }
5854
6177
  }
5855
-
5856
- .pf-v6-c-popover__footer {
5857
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
6178
+ @media (min-width: 48rem) {
6179
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
6180
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6181
+ }
6182
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
6183
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6184
+ }
6185
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
6186
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6187
+ }
6188
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
6189
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6190
+ }
6191
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
6192
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6193
+ }
6194
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
6195
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6196
+ }
6197
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6198
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6199
+ }
6200
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6201
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6202
+ }
5858
6203
  }
5859
-
5860
- .pf-v6-c-action-list {
5861
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5862
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
5863
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5864
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6204
+ @media (min-width: 62rem) {
6205
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
6206
+ flex-direction: row;
6207
+ width: 100%;
6208
+ height: var(--pf-v6-c-divider--Size);
6209
+ }
5865
6210
  }
5866
-
5867
- .pf-v6-c-action-list,
5868
- .pf-v6-c-action-list__group {
5869
- display: flex;
5870
- align-items: start;
6211
+ @media (min-width: 62rem) {
6212
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
6213
+ flex-direction: column;
6214
+ width: var(--pf-v6-c-divider--Size);
6215
+ height: inherit;
6216
+ }
5871
6217
  }
5872
-
5873
- .pf-v6-c-action-list {
5874
- row-gap: var(--pf-v6-c-action-list--RowGap);
5875
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
6218
+ @media (min-width: 62rem) {
6219
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
6220
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6221
+ }
6222
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6223
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6224
+ }
6225
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6226
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6227
+ }
6228
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
6229
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6230
+ }
6231
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6232
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6233
+ }
6234
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6235
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6236
+ }
6237
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6238
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6239
+ }
6240
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6241
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6242
+ }
5876
6243
  }
5877
-
5878
- .pf-v6-c-action-list.pf-m-icons {
5879
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5880
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6244
+ @media (min-width: 75rem) {
6245
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
6246
+ flex-direction: row;
6247
+ width: 100%;
6248
+ height: var(--pf-v6-c-divider--Size);
6249
+ }
6250
+ }
6251
+ @media (min-width: 75rem) {
6252
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
6253
+ flex-direction: column;
6254
+ width: var(--pf-v6-c-divider--Size);
6255
+ height: inherit;
6256
+ }
6257
+ }
6258
+ @media (min-width: 75rem) {
6259
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
6260
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6261
+ }
6262
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6263
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6264
+ }
6265
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6266
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6267
+ }
6268
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
6269
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6270
+ }
6271
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6272
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6273
+ }
6274
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6275
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6276
+ }
6277
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6278
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6279
+ }
6280
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6281
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6282
+ }
5881
6283
  }
5882
-
5883
- .pf-v6-c-action-list__group {
5884
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
5885
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6284
+ @media (min-width: 90.625rem) {
6285
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6286
+ flex-direction: row;
6287
+ width: 100%;
6288
+ height: var(--pf-v6-c-divider--Size);
6289
+ }
5886
6290
  }
5887
-
5888
- .pf-v6-c-action-list__group.pf-m-icons {
5889
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6291
+ @media (min-width: 90.625rem) {
6292
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
6293
+ flex-direction: column;
6294
+ width: var(--pf-v6-c-divider--Size);
6295
+ height: inherit;
6296
+ }
6297
+ }
6298
+ @media (min-width: 90.625rem) {
6299
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6300
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6301
+ }
6302
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6303
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6304
+ }
6305
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6306
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6307
+ }
6308
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6309
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6310
+ }
6311
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6312
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6313
+ }
6314
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6315
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6316
+ }
6317
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6318
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6319
+ }
6320
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6321
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6322
+ }
5890
6323
  }
5891
-
5892
6324
  .pf-v6-c-form-control {
5893
6325
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
5894
6326
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -5908,10 +6340,29 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5908
6340
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
5909
6341
  --pf-v6-c-form-control--Width: 100%;
5910
6342
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
5911
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
5912
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
5913
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
5914
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
6343
+ --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
6344
+ --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
6345
+ --pf-v6-c-form-control--PaddingInlineEnd--base: var(--pf-v6-c-form-control--inset--base);
6346
+ --pf-v6-c-form-control--PaddingInlineStart--base: var(--pf-v6-c-form-control--inset--base);
6347
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6348
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6349
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6350
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6351
+ --pf-v6-c-form-control__utilities--input--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
6352
+ --pf-v6-c-form-control__utilities--select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
6353
+ --pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd: var(--pf-v6-c-form-control__textarea--PaddingInlineEnd);
6354
+ --pf-v6-c-form-control__input--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6355
+ --pf-v6-c-form-control__input--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6356
+ --pf-v6-c-form-control__input--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6357
+ --pf-v6-c-form-control__input--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6358
+ --pf-v6-c-form-control__select--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6359
+ --pf-v6-c-form-control__select--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6360
+ --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6361
+ --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6362
+ --pf-v6-c-form-control__textarea--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6363
+ --pf-v6-c-form-control__textarea--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6364
+ --pf-v6-c-form-control__textarea--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6365
+ --pf-v6-c-form-control__textarea--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
5915
6366
  --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
5916
6367
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
5917
6368
  --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
@@ -5931,25 +6382,33 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5931
6382
  --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
5932
6383
  --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
5933
6384
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
6385
+ --pf-v6-c-form-control--icon--width: var(--pf-v6-c-form-control--FontSize);
5934
6386
  --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
5935
6387
  --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
5936
- --pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
6388
+ --pf-v6-c-form-control--m-success--PaddingInlineEnd: initial;
6389
+ --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: initial;
6390
+ --pf-v6-c-form-control__input--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6391
+ --pf-v6-c-form-control__select--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
6392
+ --pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
5937
6393
  --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
5938
6394
  --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
5939
- --pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
6395
+ --pf-v6-c-form-control--m-warning--PaddingInlineEnd: initial;
6396
+ --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: initial;
6397
+ --pf-v6-c-form-control__input--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6398
+ --pf-v6-c-form-control__select--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
6399
+ --pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
5940
6400
  --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
5941
6401
  --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5942
- --pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
6402
+ --pf-v6-c-form-control--m-error--PaddingInlineEnd: initial;
6403
+ --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: initial;
5943
6404
  --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
5944
- --pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
6405
+ --pf-v6-c-form-control__input--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6406
+ --pf-v6-c-form-control__select--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
6407
+ --pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
6408
+ --pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
5945
6409
  --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
5946
6410
  --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
5947
- --pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-error--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
5948
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
5949
- --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
5950
- --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
5951
- --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
5952
- --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
6411
+ --pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--icon--width) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
5953
6412
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
5954
6413
  --pf-v6-c-form-control--textarea--Height: auto;
5955
6414
  --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
@@ -5963,11 +6422,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5963
6422
  --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
5964
6423
  --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
5965
6424
  --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
5966
- --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
5967
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
5968
- --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
5969
- --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
6425
+ --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart);
6426
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6427
+ --pf-v6-c-form-control__utilities--textarea--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
6428
+ --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: 0;
6429
+ --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: 0;
5970
6430
  --pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
6431
+ --pf-v6-c-form-control__toggle-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5971
6432
  --pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
5972
6433
  }
5973
6434
 
@@ -6028,621 +6489,394 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6028
6489
  text-overflow: ellipsis;
6029
6490
  }
6030
6491
 
6492
+ .pf-v6-c-form-control:has(input) {
6493
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
6494
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
6495
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__input--PaddingInlineStart);
6496
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
6497
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd);
6498
+ }
6499
+
6031
6500
  .pf-v6-c-form-control.pf-m-textarea {
6032
6501
  padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
6033
6502
  padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
6034
6503
  padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
6035
- padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
6036
- }
6037
-
6038
- .pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
6039
- --pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
6040
- }
6041
-
6042
- .pf-v6-c-form-control.pf-m-textarea > textarea {
6043
- padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
6044
- padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
6045
- padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
6046
- padding-inline-end: calc(var(--pf-v6-c-form-control--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0));
6047
- outline-offset: 0;
6048
- scrollbar-gutter: stable;
6049
- }
6050
-
6051
- .pf-v6-c-form-control.pf-m-readonly {
6052
- --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
6053
- --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
6054
- }
6055
-
6056
- .pf-v6-c-form-control.pf-m-readonly:hover {
6057
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6058
- }
6059
-
6060
- .pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
6061
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6062
- }
6063
-
6064
- .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
6065
- --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
6066
- --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
6067
- --pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
6068
- --pf-v6-c-form-control--before--BorderStyle: none;
6069
- --pf-v6-c-form-control--after--BorderStyle: none;
6070
- --pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
6071
- }
6072
-
6073
- .pf-v6-c-form-control.pf-m-expanded {
6074
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
6075
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
6076
- }
6077
-
6078
- .pf-v6-c-form-control.pf-m-disabled {
6079
- --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor);
6080
- --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
6081
- --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
6082
- --pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
6083
- --pf-v6-c-form-control--before--BorderStyle: none;
6084
- --pf-v6-c-form-control--after--BorderStyle: none;
6085
- cursor: not-allowed;
6086
- }
6087
-
6088
- .pf-v6-c-form-control.pf-m-error {
6089
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
6090
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
6091
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
6092
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
6093
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
6094
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
6095
- }
6096
-
6097
- .pf-v6-c-form-control.pf-m-error.pf-m-icon {
6098
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6099
- }
6100
-
6101
- .pf-v6-c-form-control.pf-m-success {
6102
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
6103
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
6104
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
6105
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
6106
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
6107
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
6108
- }
6109
-
6110
- .pf-v6-c-form-control.pf-m-success.pf-m-icon {
6111
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6112
- }
6113
-
6114
- .pf-v6-c-form-control.pf-m-warning {
6115
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
6116
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
6117
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
6118
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
6119
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
6120
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
6121
- }
6122
-
6123
- .pf-v6-c-form-control.pf-m-warning.pf-m-icon {
6124
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6125
- }
6126
-
6127
- .pf-v6-c-form-control:hover {
6128
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6129
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6130
- }
6131
-
6132
- .pf-v6-c-form-control.pf-m-icon {
6133
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6134
- }
6135
-
6136
- .pf-v6-c-form-control > select {
6137
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
6138
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
6139
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
6140
- }
6141
-
6142
- @-moz-document url-prefix() {
6143
- .pf-v6-c-form-control > select {
6144
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
6145
- --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
6146
- }
6147
- }
6148
- .pf-v6-c-form-control.pf-m-placeholder > select {
6149
- --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6150
- }
6151
-
6152
- .pf-v6-c-form-control.pf-m-placeholder > select * {
6153
- color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6154
- }
6155
-
6156
- .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
6157
- color: revert;
6158
- }
6159
-
6160
- .pf-v6-c-form-control > textarea {
6161
- width: 100%;
6162
- height: 100%;
6163
- vertical-align: bottom;
6164
- resize: none;
6165
- }
6166
-
6167
- .pf-v6-c-form-control.pf-m-resize-vertical {
6168
- --pf-v6-c-form-control--Resize: vertical;
6169
- overflow: auto;
6170
- }
6171
-
6172
- .pf-v6-c-form-control.pf-m-resize-horizontal {
6173
- --pf-v6-c-form-control--Resize: horizontal;
6174
- overflow: auto;
6175
- }
6176
-
6177
- .pf-v6-c-form-control.pf-m-resize-both {
6178
- --pf-v6-c-form-control--Resize: both;
6179
- overflow: auto;
6180
- }
6181
-
6182
- .pf-v6-c-form-control__icon {
6183
- font-size: var(--pf-v6-c-form-control__icon--FontSize);
6184
- color: var(--pf-v6-c-form-control__icon--Color);
6185
- }
6186
-
6187
- .pf-v6-c-form-control__icon.pf-m-status {
6188
- --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6189
- }
6190
-
6191
- .pf-v6-c-form-control__toggle-icon {
6192
- grid-row: 1/2;
6193
- grid-column: 3;
6194
- padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6195
- padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6196
- color: var(--pf-v6-c-form-control__toggle-icon--Color);
6197
- pointer-events: none;
6198
- }
6199
-
6200
- .pf-v6-c-form-control__utilities {
6201
- display: flex;
6202
- flex-wrap: nowrap;
6203
- grid-row: 1/2;
6204
- grid-column: 2;
6205
- gap: var(--pf-v6-c-form-control__utilities--Gap);
6206
- padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6207
- padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6208
- pointer-events: none;
6209
- }
6210
-
6211
- select ~ .pf-v6-c-form-control__utilities {
6212
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
6213
- }
6214
-
6215
- .pf-v6-c-divider {
6216
- --pf-v6-c-divider--Display: flex;
6217
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6218
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6219
- --pf-v6-c-divider--before--FlexBasis: 100%;
6220
- }
6221
-
6222
- .pf-v6-c-divider {
6223
- flex-direction: row;
6224
- width: 100%;
6225
- height: var(--pf-v6-c-divider--Size);
6226
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6227
- --pf-v6-hidden-visible--hidden--Display: none;
6228
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6229
- display: var(--pf-v6-hidden-visible--Display);
6230
- flex-shrink: 0;
6231
- align-items: stretch;
6232
- align-self: stretch;
6233
- justify-content: center;
6234
- border: 0;
6235
- }
6236
-
6237
- .pf-v6-c-divider.pf-m-hidden {
6238
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6239
- }
6240
-
6241
- @media screen and (min-width: 36rem) {
6242
- .pf-v6-c-divider.pf-m-hidden-on-sm {
6243
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6244
- }
6245
- .pf-v6-c-divider.pf-m-visible-on-sm {
6246
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6247
- }
6248
- }
6249
- @media screen and (min-width: 48rem) {
6250
- .pf-v6-c-divider.pf-m-hidden-on-md {
6251
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6252
- }
6253
- .pf-v6-c-divider.pf-m-visible-on-md {
6254
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6255
- }
6256
- }
6257
- @media screen and (min-width: 62rem) {
6258
- .pf-v6-c-divider.pf-m-hidden-on-lg {
6259
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6260
- }
6261
- .pf-v6-c-divider.pf-m-visible-on-lg {
6262
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6263
- }
6504
+ padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
6264
6505
  }
6265
- @media screen and (min-width: 75rem) {
6266
- .pf-v6-c-divider.pf-m-hidden-on-xl {
6267
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6268
- }
6269
- .pf-v6-c-divider.pf-m-visible-on-xl {
6270
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6271
- }
6506
+
6507
+ .pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
6508
+ --pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
6272
6509
  }
6273
- @media screen and (min-width: 90.625rem) {
6274
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
6275
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6276
- }
6277
- .pf-v6-c-divider.pf-m-visible-on-2xl {
6278
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6279
- }
6510
+
6511
+ .pf-v6-c-form-control.pf-m-textarea:has(textarea) {
6512
+ --pf-v6-c-form-control--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
6513
+ --pf-v6-c-form-control--PaddingBlockEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
6514
+ --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
6515
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0px));
6516
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
6280
6517
  }
6281
- .pf-v6-c-divider::before {
6282
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6283
- content: "";
6284
- background-color: var(--pf-v6-c-divider--Color);
6518
+
6519
+ .pf-v6-c-form-control.pf-m-textarea > textarea {
6520
+ outline-offset: 0;
6521
+ scrollbar-gutter: stable;
6285
6522
  }
6286
6523
 
6287
- .pf-v6-c-divider.pf-m-horizontal {
6288
- flex-direction: row;
6289
- width: 100%;
6290
- height: var(--pf-v6-c-divider--Size);
6524
+ .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
6525
+ padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
6291
6526
  }
6292
6527
 
6293
- .pf-v6-c-divider.pf-m-vertical {
6294
- flex-direction: column;
6295
- width: var(--pf-v6-c-divider--Size);
6296
- height: inherit;
6528
+ .pf-v6-c-form-control.pf-m-readonly {
6529
+ --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
6530
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
6297
6531
  }
6298
6532
 
6299
- .pf-v6-c-divider.pf-m-inset-none {
6300
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
6533
+ .pf-v6-c-form-control.pf-m-readonly:hover {
6534
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6301
6535
  }
6302
6536
 
6303
- .pf-v6-c-divider.pf-m-inset-xs {
6304
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6537
+ .pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
6538
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6305
6539
  }
6306
6540
 
6307
- .pf-v6-c-divider.pf-m-inset-sm {
6308
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6541
+ .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
6542
+ --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
6543
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
6544
+ --pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
6545
+ --pf-v6-c-form-control--before--BorderStyle: none;
6546
+ --pf-v6-c-form-control--after--BorderStyle: none;
6547
+ --pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
6309
6548
  }
6310
6549
 
6311
- .pf-v6-c-divider.pf-m-inset-md {
6312
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6550
+ .pf-v6-c-form-control.pf-m-expanded {
6551
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
6552
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
6313
6553
  }
6314
6554
 
6315
- .pf-v6-c-divider.pf-m-inset-lg {
6316
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6555
+ .pf-v6-c-form-control.pf-m-disabled {
6556
+ --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor);
6557
+ --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
6558
+ --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
6559
+ --pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
6560
+ --pf-v6-c-form-control--before--BorderStyle: none;
6561
+ --pf-v6-c-form-control--after--BorderStyle: none;
6562
+ cursor: not-allowed;
6317
6563
  }
6318
6564
 
6319
- .pf-v6-c-divider.pf-m-inset-xl {
6320
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6565
+ .pf-v6-c-form-control.pf-m-error {
6566
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
6567
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
6568
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
6569
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
6321
6570
  }
6322
6571
 
6323
- .pf-v6-c-divider.pf-m-inset-2xl {
6324
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6572
+ .pf-v6-c-form-control.pf-m-error > textarea {
6573
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
6325
6574
  }
6326
6575
 
6327
- .pf-v6-c-divider.pf-m-inset-3xl {
6328
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6576
+ .pf-v6-c-form-control.pf-m-error > input {
6577
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
6329
6578
  }
6330
6579
 
6331
- @media (min-width: 36rem) {
6332
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
6333
- flex-direction: row;
6334
- width: 100%;
6335
- height: var(--pf-v6-c-divider--Size);
6336
- }
6580
+ .pf-v6-c-form-control.pf-m-error > select {
6581
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-error--PaddingInlineEnd));
6337
6582
  }
6338
- @media (min-width: 36rem) {
6339
- .pf-v6-c-divider.pf-m-vertical-on-sm {
6340
- flex-direction: column;
6341
- width: var(--pf-v6-c-divider--Size);
6342
- height: inherit;
6343
- }
6583
+
6584
+ .pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
6585
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6344
6586
  }
6345
- @media (min-width: 36rem) {
6346
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
6347
- --pf-v6-c-divider--before--FlexBasis: 100%;
6348
- }
6349
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6350
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6351
- }
6352
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6353
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6354
- }
6355
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
6356
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6357
- }
6358
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6359
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6360
- }
6361
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6362
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6363
- }
6364
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6365
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6366
- }
6367
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6368
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6369
- }
6587
+
6588
+ .pf-v6-c-form-control.pf-m-success {
6589
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
6590
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
6591
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
6592
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
6370
6593
  }
6371
- @media (min-width: 48rem) {
6372
- .pf-v6-c-divider.pf-m-horizontal-on-md {
6373
- flex-direction: row;
6374
- width: 100%;
6375
- height: var(--pf-v6-c-divider--Size);
6376
- }
6594
+
6595
+ .pf-v6-c-form-control.pf-m-success > textarea {
6596
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
6377
6597
  }
6378
- @media (min-width: 48rem) {
6379
- .pf-v6-c-divider.pf-m-vertical-on-md {
6380
- flex-direction: column;
6381
- width: var(--pf-v6-c-divider--Size);
6382
- height: inherit;
6383
- }
6598
+
6599
+ .pf-v6-c-form-control.pf-m-success > input {
6600
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
6384
6601
  }
6385
- @media (min-width: 48rem) {
6386
- .pf-v6-c-divider.pf-m-inset-none-on-md {
6387
- --pf-v6-c-divider--before--FlexBasis: 100%;
6388
- }
6389
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
6390
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6391
- }
6392
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
6393
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6394
- }
6395
- .pf-v6-c-divider.pf-m-inset-md-on-md {
6396
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6397
- }
6398
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
6399
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6400
- }
6401
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
6402
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6403
- }
6404
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6405
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6406
- }
6407
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6408
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6409
- }
6602
+
6603
+ .pf-v6-c-form-control.pf-m-success > select {
6604
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-success--PaddingInlineEnd));
6410
6605
  }
6411
- @media (min-width: 62rem) {
6412
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
6413
- flex-direction: row;
6414
- width: 100%;
6415
- height: var(--pf-v6-c-divider--Size);
6416
- }
6606
+
6607
+ .pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
6608
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6417
6609
  }
6418
- @media (min-width: 62rem) {
6419
- .pf-v6-c-divider.pf-m-vertical-on-lg {
6420
- flex-direction: column;
6421
- width: var(--pf-v6-c-divider--Size);
6422
- height: inherit;
6423
- }
6610
+
6611
+ .pf-v6-c-form-control.pf-m-warning {
6612
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
6613
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
6614
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
6615
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
6424
6616
  }
6425
- @media (min-width: 62rem) {
6426
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
6427
- --pf-v6-c-divider--before--FlexBasis: 100%;
6428
- }
6429
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6430
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6431
- }
6432
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6433
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6434
- }
6435
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
6436
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6437
- }
6438
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6439
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6440
- }
6441
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6442
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6443
- }
6444
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6445
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6446
- }
6447
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6448
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6449
- }
6617
+
6618
+ .pf-v6-c-form-control.pf-m-warning > textarea {
6619
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
6450
6620
  }
6451
- @media (min-width: 75rem) {
6452
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
6453
- flex-direction: row;
6454
- width: 100%;
6455
- height: var(--pf-v6-c-divider--Size);
6456
- }
6621
+
6622
+ .pf-v6-c-form-control.pf-m-warning > input {
6623
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
6457
6624
  }
6458
- @media (min-width: 75rem) {
6459
- .pf-v6-c-divider.pf-m-vertical-on-xl {
6460
- flex-direction: column;
6461
- width: var(--pf-v6-c-divider--Size);
6462
- height: inherit;
6463
- }
6625
+
6626
+ .pf-v6-c-form-control.pf-m-warning > select {
6627
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd));
6464
6628
  }
6465
- @media (min-width: 75rem) {
6466
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
6467
- --pf-v6-c-divider--before--FlexBasis: 100%;
6468
- }
6469
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6470
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6471
- }
6472
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6473
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6474
- }
6475
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
6476
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6477
- }
6478
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6479
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6480
- }
6481
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6482
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6483
- }
6484
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6485
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6486
- }
6487
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6488
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6489
- }
6629
+
6630
+ .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
6631
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6632
+ }
6633
+
6634
+ .pf-v6-c-form-control:hover {
6635
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6636
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6637
+ }
6638
+
6639
+ .pf-v6-c-form-control.pf-m-icon {
6640
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6490
6641
  }
6491
- @media (min-width: 90.625rem) {
6492
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6493
- flex-direction: row;
6494
- width: 100%;
6495
- height: var(--pf-v6-c-divider--Size);
6496
- }
6642
+
6643
+ .pf-v6-c-form-control:has(select) {
6644
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
6645
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
6646
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
6647
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
6648
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6649
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
6497
6650
  }
6498
- @media (min-width: 90.625rem) {
6499
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
6500
- flex-direction: column;
6501
- width: var(--pf-v6-c-divider--Size);
6502
- height: inherit;
6503
- }
6651
+
6652
+ .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
6653
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6504
6654
  }
6505
- @media (min-width: 90.625rem) {
6506
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6507
- --pf-v6-c-divider--before--FlexBasis: 100%;
6508
- }
6509
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6510
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6511
- }
6512
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6513
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6514
- }
6515
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6516
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6517
- }
6518
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6519
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6520
- }
6521
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6522
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6523
- }
6524
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6525
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6526
- }
6527
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6528
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6655
+
6656
+ @-moz-document url-prefix() {
6657
+ .pf-v6-c-form-control:has(select) {
6658
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
6659
+ --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
6529
6660
  }
6530
6661
  }
6531
- .pf-v6-c-breadcrumb {
6532
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
6533
- --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
6534
- --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6535
- --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
6536
- --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6537
- --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
6538
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6539
- --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6540
- --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
6541
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
6542
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
6543
- --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
6544
- --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
6545
- --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
6546
- --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
6547
- --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
6548
- --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
6549
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6550
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
6551
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6552
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
6662
+ .pf-v6-c-form-control.pf-m-placeholder > select {
6663
+ --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6553
6664
  }
6554
6665
 
6555
- .pf-v6-c-breadcrumb {
6556
- display: inline-flex;
6666
+ .pf-v6-c-form-control.pf-m-placeholder > select * {
6667
+ color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6557
6668
  }
6558
6669
 
6559
- .pf-v6-c-breadcrumb__list {
6560
- display: flex;
6561
- flex-wrap: wrap;
6562
- align-items: center;
6670
+ .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
6671
+ color: revert;
6563
6672
  }
6564
6673
 
6565
- .pf-v6-c-breadcrumb__item {
6674
+ .pf-v6-c-form-control > textarea {
6675
+ width: 100%;
6676
+ height: 100%;
6677
+ vertical-align: bottom;
6678
+ resize: none;
6679
+ }
6680
+
6681
+ .pf-v6-c-form-control.pf-m-resize-vertical {
6682
+ --pf-v6-c-form-control--Resize: vertical;
6683
+ overflow: auto;
6684
+ }
6685
+
6686
+ .pf-v6-c-form-control.pf-m-resize-horizontal {
6687
+ --pf-v6-c-form-control--Resize: horizontal;
6688
+ overflow: auto;
6689
+ }
6690
+
6691
+ .pf-v6-c-form-control.pf-m-resize-both {
6692
+ --pf-v6-c-form-control--Resize: both;
6693
+ overflow: auto;
6694
+ }
6695
+
6696
+ .pf-v6-c-form-control__icon {
6697
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
6698
+ color: var(--pf-v6-c-form-control__icon--Color);
6699
+ }
6700
+
6701
+ .pf-v6-c-form-control__icon.pf-m-status {
6702
+ --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6703
+ }
6704
+
6705
+ .pf-v6-c-form-control__toggle-icon {
6706
+ grid-row: 1/2;
6707
+ grid-column: 3;
6708
+ padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6709
+ padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6710
+ font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6711
+ color: var(--pf-v6-c-form-control__toggle-icon--Color);
6712
+ pointer-events: none;
6713
+ }
6714
+
6715
+ .pf-v6-c-form-control__utilities {
6566
6716
  display: flex;
6567
- align-items: baseline;
6568
- font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
6569
- font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
6570
- line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
6717
+ flex-wrap: nowrap;
6718
+ grid-row: 1/2;
6719
+ grid-column: 2;
6720
+ gap: var(--pf-v6-c-form-control__utilities--Gap);
6721
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6722
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6723
+ pointer-events: none;
6724
+ }
6725
+
6726
+ .pf-v6-c-badge {
6727
+ --pf-v6-c-badge--BorderColor: transparent;
6728
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
6729
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
6730
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
6731
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
6732
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6733
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6734
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
6735
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
6736
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
6737
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
6738
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
6739
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
6740
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
6741
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
6742
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
6743
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
6744
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
6745
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
6746
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6747
+ }
6748
+
6749
+ .pf-v6-c-badge {
6750
+ position: relative;
6751
+ display: inline-block;
6752
+ min-width: var(--pf-v6-c-badge--MinWidth);
6753
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
6754
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
6755
+ font-size: var(--pf-v6-c-badge--FontSize);
6756
+ font-weight: var(--pf-v6-c-badge--FontWeight);
6757
+ color: var(--pf-v6-c-badge--Color);
6758
+ text-align: center;
6571
6759
  white-space: nowrap;
6572
- list-style: none;
6760
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
6761
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
6573
6762
  }
6574
6763
 
6575
- .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
6576
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
6764
+ .pf-v6-c-badge::after {
6765
+ position: absolute;
6766
+ inset: 0;
6767
+ pointer-events: none;
6768
+ content: "";
6769
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
6770
+ border-radius: inherit;
6577
6771
  }
6578
6772
 
6579
- .pf-v6-c-breadcrumb__item:not(:last-child) {
6580
- margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
6773
+ .pf-v6-c-badge.pf-m-read {
6774
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
6775
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
6776
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
6581
6777
  }
6582
6778
 
6583
- .pf-v6-c-breadcrumb__item-divider {
6584
- margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
6585
- font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
6586
- line-height: 1;
6587
- color: var(--pf-v6-c-breadcrumb__item-divider--Color);
6779
+ .pf-v6-c-badge.pf-m-unread {
6780
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
6781
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
6782
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
6588
6783
  }
6589
6784
 
6590
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
6591
- scale: -1 1;
6785
+ .pf-v6-c-badge.pf-m-disabled {
6786
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
6787
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
6592
6788
  }
6593
6789
 
6594
- .pf-v6-c-breadcrumb__link {
6595
- padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
6596
- padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
6597
- font-size: inherit;
6598
- font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
6599
- line-height: inherit;
6600
- color: var(--pf-v6-c-breadcrumb__link--Color);
6601
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
6602
- word-break: break-word;
6603
- background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
6790
+ .pf-v6-c-badge.pf-m-disabled::after {
6791
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
6604
6792
  }
6605
6793
 
6606
- .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
6607
- --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
6608
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
6609
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
6794
+ .pf-v6-c-badge__toggle-icon {
6795
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
6796
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
6610
6797
  }
6611
6798
 
6612
- .pf-v6-c-breadcrumb__link.pf-m-current {
6613
- cursor: default;
6799
+ .pf-v6-c-spinner {
6800
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
6801
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
6802
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
6803
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
6804
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
6805
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
6806
+ --pf-v6-c-spinner--StrokeWidth: 10;
6807
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
6808
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
6809
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
6810
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
6811
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
6812
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
6813
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
6614
6814
  }
6615
6815
 
6616
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
6617
- color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
6618
- text-decoration: none;
6816
+ .pf-v6-c-spinner {
6817
+ width: var(--pf-v6-c-spinner--Width);
6818
+ height: var(--pf-v6-c-spinner--Height);
6819
+ overflow: hidden;
6820
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
6619
6821
  }
6620
6822
 
6621
- button.pf-v6-c-breadcrumb__link {
6622
- border: none;
6823
+ .pf-v6-c-spinner.pf-m-inline {
6824
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
6623
6825
  }
6624
6826
 
6625
- .pf-v6-c-breadcrumb__dropdown {
6626
- margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
6627
- margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
6628
- margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
6629
- margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
6827
+ .pf-v6-c-spinner.pf-m-sm {
6828
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
6829
+ }
6830
+
6831
+ .pf-v6-c-spinner.pf-m-md {
6832
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
6630
6833
  }
6631
6834
 
6632
- .pf-v6-c-breadcrumb__heading {
6633
- display: inline;
6634
- font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
6835
+ .pf-v6-c-spinner.pf-m-lg {
6836
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
6635
6837
  }
6636
6838
 
6637
- .pf-v6-c-breadcrumb__link,
6638
- .pf-v6-c-breadcrumb__heading {
6639
- white-space: normal;
6839
+ .pf-v6-c-spinner.pf-m-xl {
6840
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
6640
6841
  }
6641
6842
 
6642
- .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
6643
- display: none;
6843
+ .pf-v6-c-spinner__path {
6844
+ width: 100%;
6845
+ height: 100%;
6846
+ stroke: var(--pf-v6-c-spinner--Color);
6847
+ stroke-dasharray: 283;
6848
+ stroke-dashoffset: 280;
6849
+ stroke-linecap: round;
6850
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
6851
+ transform-origin: 50% 50%;
6852
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
6644
6853
  }
6645
6854
 
6855
+ @keyframes pf-v6-c-spinner-animation-rotate {
6856
+ 0% {
6857
+ transform: rotate(0deg);
6858
+ }
6859
+ 100% {
6860
+ transform: rotate(360deg);
6861
+ }
6862
+ }
6863
+ @keyframes pf-v6-c-spinner-animation-dash {
6864
+ 0% {
6865
+ stroke-dashoffset: 280;
6866
+ transform: rotate(0);
6867
+ }
6868
+ 15% {
6869
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
6870
+ }
6871
+ 40% {
6872
+ stroke-dasharray: 220;
6873
+ stroke-dashoffset: 150;
6874
+ }
6875
+ 100% {
6876
+ stroke-dashoffset: 280;
6877
+ transform: rotate(720deg);
6878
+ }
6879
+ }
6646
6880
  .pf-v6-c-menu {
6647
6881
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
6648
6882
  --pf-v6-c-menu--Width: auto;
@@ -6823,12 +7057,23 @@ button.pf-v6-c-breadcrumb__link {
6823
7057
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
6824
7058
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
6825
7059
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
6826
- --pf-v6-c-menu__item-external-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
7060
+ --pf-v6-c-menu__item-external--Color: transparent;
7061
+ --pf-v6-c-menu__item-select-icon--Color: transparent;
6827
7062
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
6828
7063
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
7064
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
7065
+ }
7066
+
7067
+ .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
7068
+ .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
6829
7069
  pointer-events: none;
6830
7070
  }
6831
7071
 
7072
+ .pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
7073
+ .pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
7074
+ cursor: default;
7075
+ }
7076
+
6832
7077
  [class*=pf-v6-c-menu]:is([hidden]) {
6833
7078
  display: none;
6834
7079
  }
@@ -7000,7 +7245,6 @@ button.pf-v6-c-breadcrumb__link {
7000
7245
  z-index: var(--pf-v6-c-menu--ZIndex);
7001
7246
  margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
7002
7247
  margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
7003
- overflow: hidden;
7004
7248
  }
7005
7249
 
7006
7250
  .pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
@@ -7116,7 +7360,7 @@ button.pf-v6-c-breadcrumb__link {
7116
7360
  line-height: var(--pf-v6-c-menu__item--LineHeight);
7117
7361
  color: var(--pf-v6-c-menu__item--Color);
7118
7362
  text-align: start;
7119
- text-decoration: none;
7363
+ text-decoration-line: none;
7120
7364
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
7121
7365
  border: 0;
7122
7366
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
@@ -7241,17 +7485,17 @@ button.pf-v6-c-breadcrumb__link {
7241
7485
  opacity: 0;
7242
7486
  }
7243
7487
 
7244
- .pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button,
7488
+ .pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited),
7245
7489
  .pf-v6-c-menu__item-action.pf-m-favorited,
7246
7490
  .pf-v6-c-menu__item-action.pf-m-favorited:hover,
7247
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
7491
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
7248
7492
  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
7249
7493
  }
7250
7494
 
7251
- .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:is(:hover, :focus),
7495
+ .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus),
7252
7496
  .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
7253
7497
  .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
7254
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
7498
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
7255
7499
  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
7256
7500
  }
7257
7501
 
@@ -7279,156 +7523,118 @@ button.pf-v6-c-breadcrumb__link {
7279
7523
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
7280
7524
  }
7281
7525
 
7282
- .pf-v6-c-spinner {
7283
- --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7284
- --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
7285
- --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
7286
- --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
7287
- --pf-v6-c-spinner--AnimationDuration: 1.4s;
7288
- --pf-v6-c-spinner--AnimationTimingFunction: linear;
7289
- --pf-v6-c-spinner--StrokeWidth: 10;
7290
- --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
7291
- --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
7292
- --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
7293
- --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
7294
- --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
7295
- --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
7296
- --pf-v6-c-spinner--m-inline--diameter: 1em;
7526
+ .pf-v6-c-breadcrumb {
7527
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7528
+ --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7529
+ --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7530
+ --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7531
+ --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7532
+ --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7533
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7534
+ --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7535
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7536
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7537
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7538
+ --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7539
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7540
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7541
+ --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7542
+ --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7543
+ --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7544
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7545
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7546
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7547
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
7297
7548
  }
7298
7549
 
7299
- .pf-v6-c-spinner {
7300
- width: var(--pf-v6-c-spinner--Width);
7301
- height: var(--pf-v6-c-spinner--Height);
7302
- overflow: hidden;
7303
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
7550
+ .pf-v6-c-breadcrumb {
7551
+ display: inline-flex;
7304
7552
  }
7305
7553
 
7306
- .pf-v6-c-spinner.pf-m-inline {
7307
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
7554
+ .pf-v6-c-breadcrumb__list {
7555
+ display: flex;
7556
+ flex-wrap: wrap;
7557
+ align-items: center;
7308
7558
  }
7309
7559
 
7310
- .pf-v6-c-spinner.pf-m-sm {
7311
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
7560
+ .pf-v6-c-breadcrumb__item {
7561
+ display: flex;
7562
+ align-items: baseline;
7563
+ font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
7564
+ font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
7565
+ line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
7566
+ white-space: nowrap;
7567
+ list-style: none;
7312
7568
  }
7313
7569
 
7314
- .pf-v6-c-spinner.pf-m-md {
7315
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
7570
+ .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
7571
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
7316
7572
  }
7317
7573
 
7318
- .pf-v6-c-spinner.pf-m-lg {
7319
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
7574
+ .pf-v6-c-breadcrumb__item:not(:last-child) {
7575
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
7320
7576
  }
7321
7577
 
7322
- .pf-v6-c-spinner.pf-m-xl {
7323
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
7578
+ .pf-v6-c-breadcrumb__item-divider {
7579
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
7580
+ font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
7581
+ line-height: 1;
7582
+ color: var(--pf-v6-c-breadcrumb__item-divider--Color);
7324
7583
  }
7325
7584
 
7326
- .pf-v6-c-spinner__path {
7327
- width: 100%;
7328
- height: 100%;
7329
- stroke: var(--pf-v6-c-spinner--Color);
7330
- stroke-dasharray: 283;
7331
- stroke-dashoffset: 280;
7332
- stroke-linecap: round;
7333
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
7334
- transform-origin: 50% 50%;
7335
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
7585
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
7586
+ scale: -1 1;
7336
7587
  }
7337
7588
 
7338
- @keyframes pf-v6-c-spinner-animation-rotate {
7339
- 0% {
7340
- transform: rotate(0deg);
7341
- }
7342
- 100% {
7343
- transform: rotate(360deg);
7344
- }
7345
- }
7346
- @keyframes pf-v6-c-spinner-animation-dash {
7347
- 0% {
7348
- stroke-dashoffset: 280;
7349
- transform: rotate(0);
7350
- }
7351
- 15% {
7352
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
7353
- }
7354
- 40% {
7355
- stroke-dasharray: 220;
7356
- stroke-dashoffset: 150;
7357
- }
7358
- 100% {
7359
- stroke-dashoffset: 280;
7360
- transform: rotate(720deg);
7361
- }
7589
+ .pf-v6-c-breadcrumb__link {
7590
+ padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
7591
+ padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
7592
+ font-size: inherit;
7593
+ font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
7594
+ line-height: inherit;
7595
+ color: var(--pf-v6-c-breadcrumb__link--Color);
7596
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
7597
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
7598
+ word-break: break-word;
7599
+ background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
7362
7600
  }
7363
- .pf-v6-c-badge {
7364
- --pf-v6-c-badge--BorderColor: transparent;
7365
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7366
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7367
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7368
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7369
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7370
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7371
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7372
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7373
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7374
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7375
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7376
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7377
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7378
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7379
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7380
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7381
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7382
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7383
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7601
+
7602
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
7603
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
7604
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
7605
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
7384
7606
  }
7385
7607
 
7386
- .pf-v6-c-badge {
7387
- position: relative;
7388
- display: inline-block;
7389
- min-width: var(--pf-v6-c-badge--MinWidth);
7390
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7391
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7392
- font-size: var(--pf-v6-c-badge--FontSize);
7393
- font-weight: var(--pf-v6-c-badge--FontWeight);
7394
- color: var(--pf-v6-c-badge--Color);
7395
- text-align: center;
7396
- white-space: nowrap;
7397
- background-color: var(--pf-v6-c-badge--BackgroundColor);
7398
- border-radius: var(--pf-v6-c-badge--BorderRadius);
7608
+ .pf-v6-c-breadcrumb__link.pf-m-current {
7609
+ cursor: default;
7399
7610
  }
7400
7611
 
7401
- .pf-v6-c-badge::after {
7402
- position: absolute;
7403
- inset: 0;
7404
- pointer-events: none;
7405
- content: "";
7406
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7407
- border-radius: inherit;
7612
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
7613
+ color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
7614
+ text-decoration-line: none;
7408
7615
  }
7409
7616
 
7410
- .pf-v6-c-badge.pf-m-read {
7411
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7412
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7413
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7617
+ button.pf-v6-c-breadcrumb__link {
7618
+ border: none;
7414
7619
  }
7415
7620
 
7416
- .pf-v6-c-badge.pf-m-unread {
7417
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7418
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7419
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7621
+ .pf-v6-c-breadcrumb__dropdown {
7622
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
7623
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
7624
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7625
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7420
7626
  }
7421
7627
 
7422
- .pf-v6-c-badge.pf-m-disabled {
7423
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7424
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7628
+ .pf-v6-c-breadcrumb__heading {
7629
+ display: inline;
7630
+ font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
7425
7631
  }
7426
7632
 
7427
- .pf-v6-c-badge.pf-m-disabled::after {
7428
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7633
+ .pf-v6-c-breadcrumb__link,
7634
+ .pf-v6-c-breadcrumb__heading {
7635
+ white-space: normal;
7429
7636
  }
7430
7637
 
7431
- .pf-v6-c-badge__toggle-icon {
7432
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7433
- color: var(--pf-v6-c-badge__toggle-icon--Color);
7638
+ .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
7639
+ display: none;
7434
7640
  }