@patternfly/react-core 6.0.0-prerelease.2 → 6.0.0-prerelease.21

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 (511) hide show
  1. package/CHANGELOG.md +113 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/Content/package.json +1 -1
  23. package/dist/dynamic/components/DataList/package.json +1 -1
  24. package/dist/dynamic/components/DatePicker/package.json +1 -1
  25. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  26. package/dist/dynamic/components/Divider/package.json +1 -1
  27. package/dist/dynamic/components/Drawer/package.json +1 -1
  28. package/dist/dynamic/components/Dropdown/package.json +1 -1
  29. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  30. package/dist/dynamic/components/EmptyState/package.json +1 -1
  31. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  32. package/dist/dynamic/components/FileUpload/package.json +1 -1
  33. package/dist/dynamic/components/Form/package.json +1 -1
  34. package/dist/dynamic/components/FormSelect/package.json +1 -1
  35. package/dist/dynamic/components/HelperText/package.json +1 -1
  36. package/dist/dynamic/components/Hint/package.json +1 -1
  37. package/dist/dynamic/components/Icon/package.json +1 -1
  38. package/dist/dynamic/components/InputGroup/package.json +1 -1
  39. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  40. package/dist/dynamic/components/Label/package.json +1 -1
  41. package/dist/dynamic/components/List/package.json +1 -1
  42. package/dist/dynamic/components/LoginPage/package.json +1 -1
  43. package/dist/dynamic/components/Masthead/package.json +1 -1
  44. package/dist/dynamic/components/Menu/package.json +1 -1
  45. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  46. package/dist/dynamic/components/Modal/package.json +1 -1
  47. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  48. package/dist/dynamic/components/Nav/package.json +1 -1
  49. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  50. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  51. package/dist/dynamic/components/NumberInput/package.json +1 -1
  52. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  53. package/dist/dynamic/components/Page/package.json +1 -1
  54. package/dist/dynamic/components/Pagination/package.json +1 -1
  55. package/dist/dynamic/components/Panel/package.json +1 -1
  56. package/dist/dynamic/components/Popover/package.json +1 -1
  57. package/dist/dynamic/components/Progress/package.json +1 -1
  58. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  59. package/dist/dynamic/components/Radio/package.json +1 -1
  60. package/dist/dynamic/components/SearchInput/package.json +1 -1
  61. package/dist/dynamic/components/Select/package.json +1 -1
  62. package/dist/dynamic/components/Sidebar/package.json +1 -1
  63. package/dist/dynamic/components/SimpleList/package.json +1 -1
  64. package/dist/dynamic/components/Skeleton/package.json +1 -1
  65. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  66. package/dist/dynamic/components/Slider/package.json +1 -1
  67. package/dist/dynamic/components/Spinner/package.json +1 -1
  68. package/dist/dynamic/components/Switch/package.json +1 -1
  69. package/dist/dynamic/components/Tabs/package.json +1 -1
  70. package/dist/dynamic/components/TextArea/package.json +1 -1
  71. package/dist/dynamic/components/TextInput/package.json +1 -1
  72. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  73. package/dist/dynamic/components/TimePicker/package.json +1 -1
  74. package/dist/dynamic/components/Timestamp/package.json +1 -1
  75. package/dist/dynamic/components/Title/package.json +1 -1
  76. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  77. package/dist/dynamic/components/Toolbar/package.json +1 -1
  78. package/dist/dynamic/components/Tooltip/package.json +1 -1
  79. package/dist/dynamic/components/TreeView/package.json +1 -1
  80. package/dist/dynamic/components/Truncate/package.json +1 -1
  81. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/package.json +1 -1
  83. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/Tile/package.json +1 -0
  88. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/package.json +1 -1
  90. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  91. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  92. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  93. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  94. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  95. package/dist/dynamic/helpers/constants/package.json +1 -1
  96. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  97. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  98. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  99. package/dist/dynamic/helpers/package.json +1 -1
  100. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  101. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  102. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  103. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  104. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  105. package/dist/dynamic/helpers/util/package.json +1 -1
  106. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  107. package/dist/dynamic/layouts/Flex/package.json +1 -1
  108. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  109. package/dist/dynamic/layouts/Grid/package.json +1 -1
  110. package/dist/dynamic/layouts/Level/package.json +1 -1
  111. package/dist/dynamic/layouts/Split/package.json +1 -1
  112. package/dist/dynamic/layouts/Stack/package.json +1 -1
  113. package/dist/dynamic/styles/package.json +1 -1
  114. package/dist/dynamic-modules.json +0 -3
  115. package/dist/esm/components/Card/CardHeader.d.ts +2 -0
  116. package/dist/esm/components/Card/CardHeader.d.ts.map +1 -1
  117. package/dist/esm/components/Card/CardHeader.js +2 -2
  118. package/dist/esm/components/Card/CardHeader.js.map +1 -1
  119. package/dist/esm/components/Content/Content.d.ts +2 -0
  120. package/dist/esm/components/Content/Content.d.ts.map +1 -1
  121. package/dist/esm/components/Content/Content.js +2 -2
  122. package/dist/esm/components/Content/Content.js.map +1 -1
  123. package/dist/esm/components/DataList/DataListAction.d.ts +0 -2
  124. package/dist/esm/components/DataList/DataListAction.d.ts.map +1 -1
  125. package/dist/esm/components/DataList/DataListAction.js +2 -2
  126. package/dist/esm/components/DataList/DataListAction.js.map +1 -1
  127. package/dist/esm/components/DataList/DataListCheck.d.ts +4 -1
  128. package/dist/esm/components/DataList/DataListCheck.d.ts.map +1 -1
  129. package/dist/esm/components/DataList/DataListCheck.js +4 -4
  130. package/dist/esm/components/DataList/DataListCheck.js.map +1 -1
  131. package/dist/esm/components/DescriptionList/DescriptionList.js +1 -1
  132. package/dist/esm/components/DescriptionList/DescriptionList.js.map +1 -1
  133. package/dist/esm/components/Dropdown/Dropdown.js +1 -1
  134. package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
  135. package/dist/esm/components/EmptyState/EmptyState.d.ts +1 -1
  136. package/dist/esm/components/EmptyState/EmptyState.d.ts.map +1 -1
  137. package/dist/esm/components/EmptyState/EmptyStateHeader.d.ts +1 -1
  138. package/dist/esm/components/EmptyState/EmptyStateHeader.d.ts.map +1 -1
  139. package/dist/esm/components/EmptyState/EmptyStateHeader.js +2 -2
  140. package/dist/esm/components/EmptyState/EmptyStateHeader.js.map +1 -1
  141. package/dist/esm/components/Menu/MenuContainer.js +1 -1
  142. package/dist/esm/components/Menu/MenuContainer.js.map +1 -1
  143. package/dist/esm/components/MenuToggle/MenuToggle.d.ts +2 -8
  144. package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  145. package/dist/esm/components/MenuToggle/MenuToggle.js +4 -4
  146. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  147. package/dist/esm/components/Modal/Modal.d.ts +2 -0
  148. package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
  149. package/dist/esm/components/Modal/Modal.js +2 -6
  150. package/dist/esm/components/Modal/Modal.js.map +1 -1
  151. package/dist/esm/components/Modal/ModalContent.d.ts +2 -0
  152. package/dist/esm/components/Modal/ModalContent.d.ts.map +1 -1
  153. package/dist/esm/components/Modal/ModalContent.js +7 -13
  154. package/dist/esm/components/Modal/ModalContent.js.map +1 -1
  155. package/dist/esm/components/Page/Page.d.ts.map +1 -1
  156. package/dist/esm/components/Page/Page.js +3 -4
  157. package/dist/esm/components/Page/Page.js.map +1 -1
  158. package/dist/esm/components/Select/Select.js +1 -1
  159. package/dist/esm/components/Select/Select.js.map +1 -1
  160. package/dist/esm/components/Slider/Slider.d.ts.map +1 -1
  161. package/dist/esm/components/Slider/Slider.js +1 -1
  162. package/dist/esm/components/Slider/Slider.js.map +1 -1
  163. package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts +2 -0
  164. package/dist/esm/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
  165. package/dist/esm/components/TextInputGroup/TextInputGroup.js +3 -3
  166. package/dist/esm/components/TextInputGroup/TextInputGroup.js.map +1 -1
  167. package/dist/esm/components/TextInputGroup/TextInputGroupIcon.d.ts +11 -0
  168. package/dist/esm/components/TextInputGroup/TextInputGroupIcon.d.ts.map +1 -0
  169. package/dist/esm/components/TextInputGroup/TextInputGroupIcon.js +10 -0
  170. package/dist/esm/components/TextInputGroup/TextInputGroupIcon.js.map +1 -0
  171. package/dist/esm/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
  172. package/dist/esm/components/TextInputGroup/TextInputGroupMain.js +7 -3
  173. package/dist/esm/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
  174. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +1 -1
  175. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  176. package/dist/esm/components/Toolbar/ToolbarUtils.js +4 -4
  177. package/dist/esm/components/Toolbar/ToolbarUtils.js.map +1 -1
  178. package/dist/esm/components/index.d.ts +0 -1
  179. package/dist/esm/components/index.d.ts.map +1 -1
  180. package/dist/esm/components/index.js +0 -1
  181. package/dist/esm/components/index.js.map +1 -1
  182. package/dist/esm/deprecated/components/DragDrop/Draggable.js +1 -1
  183. package/dist/esm/deprecated/components/DragDrop/Draggable.js.map +1 -1
  184. package/dist/esm/deprecated/components/Tile/Tile.d.ts.map +1 -0
  185. package/dist/esm/deprecated/components/Tile/Tile.js.map +1 -0
  186. package/dist/esm/deprecated/components/Tile/index.d.ts.map +1 -0
  187. package/dist/esm/deprecated/components/Tile/index.js.map +1 -0
  188. package/dist/esm/deprecated/components/index.d.ts +1 -0
  189. package/dist/esm/deprecated/components/index.d.ts.map +1 -1
  190. package/dist/esm/deprecated/components/index.js +1 -0
  191. package/dist/esm/deprecated/components/index.js.map +1 -1
  192. package/dist/esm/helpers/constants.js +10 -10
  193. package/dist/esm/helpers/constants.js.map +1 -1
  194. package/dist/js/components/Card/CardHeader.d.ts +2 -0
  195. package/dist/js/components/Card/CardHeader.d.ts.map +1 -1
  196. package/dist/js/components/Card/CardHeader.js +2 -2
  197. package/dist/js/components/Card/CardHeader.js.map +1 -1
  198. package/dist/js/components/Content/Content.d.ts +2 -0
  199. package/dist/js/components/Content/Content.d.ts.map +1 -1
  200. package/dist/js/components/Content/Content.js +2 -2
  201. package/dist/js/components/Content/Content.js.map +1 -1
  202. package/dist/js/components/DataList/DataListAction.d.ts +0 -2
  203. package/dist/js/components/DataList/DataListAction.d.ts.map +1 -1
  204. package/dist/js/components/DataList/DataListAction.js +2 -2
  205. package/dist/js/components/DataList/DataListAction.js.map +1 -1
  206. package/dist/js/components/DataList/DataListCheck.d.ts +4 -1
  207. package/dist/js/components/DataList/DataListCheck.d.ts.map +1 -1
  208. package/dist/js/components/DataList/DataListCheck.js +4 -4
  209. package/dist/js/components/DataList/DataListCheck.js.map +1 -1
  210. package/dist/js/components/DescriptionList/DescriptionList.js +1 -1
  211. package/dist/js/components/DescriptionList/DescriptionList.js.map +1 -1
  212. package/dist/js/components/Dropdown/Dropdown.js +1 -1
  213. package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
  214. package/dist/js/components/EmptyState/EmptyState.d.ts +1 -1
  215. package/dist/js/components/EmptyState/EmptyState.d.ts.map +1 -1
  216. package/dist/js/components/EmptyState/EmptyStateHeader.d.ts +1 -1
  217. package/dist/js/components/EmptyState/EmptyStateHeader.d.ts.map +1 -1
  218. package/dist/js/components/EmptyState/EmptyStateHeader.js +2 -2
  219. package/dist/js/components/EmptyState/EmptyStateHeader.js.map +1 -1
  220. package/dist/js/components/Menu/MenuContainer.js +1 -1
  221. package/dist/js/components/Menu/MenuContainer.js.map +1 -1
  222. package/dist/js/components/MenuToggle/MenuToggle.d.ts +2 -8
  223. package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
  224. package/dist/js/components/MenuToggle/MenuToggle.js +4 -4
  225. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  226. package/dist/js/components/Modal/Modal.d.ts +2 -0
  227. package/dist/js/components/Modal/Modal.d.ts.map +1 -1
  228. package/dist/js/components/Modal/Modal.js +2 -6
  229. package/dist/js/components/Modal/Modal.js.map +1 -1
  230. package/dist/js/components/Modal/ModalContent.d.ts +2 -0
  231. package/dist/js/components/Modal/ModalContent.d.ts.map +1 -1
  232. package/dist/js/components/Modal/ModalContent.js +7 -13
  233. package/dist/js/components/Modal/ModalContent.js.map +1 -1
  234. package/dist/js/components/Page/Page.d.ts.map +1 -1
  235. package/dist/js/components/Page/Page.js +3 -4
  236. package/dist/js/components/Page/Page.js.map +1 -1
  237. package/dist/js/components/Select/Select.js +1 -1
  238. package/dist/js/components/Select/Select.js.map +1 -1
  239. package/dist/js/components/Slider/Slider.d.ts.map +1 -1
  240. package/dist/js/components/Slider/Slider.js +1 -1
  241. package/dist/js/components/Slider/Slider.js.map +1 -1
  242. package/dist/js/components/TextInputGroup/TextInputGroup.d.ts +2 -0
  243. package/dist/js/components/TextInputGroup/TextInputGroup.d.ts.map +1 -1
  244. package/dist/js/components/TextInputGroup/TextInputGroup.js +3 -3
  245. package/dist/js/components/TextInputGroup/TextInputGroup.js.map +1 -1
  246. package/dist/js/components/TextInputGroup/TextInputGroupIcon.d.ts +11 -0
  247. package/dist/js/components/TextInputGroup/TextInputGroupIcon.d.ts.map +1 -0
  248. package/dist/js/components/TextInputGroup/TextInputGroupIcon.js +14 -0
  249. package/dist/js/components/TextInputGroup/TextInputGroupIcon.js.map +1 -0
  250. package/dist/js/components/TextInputGroup/TextInputGroupMain.d.ts.map +1 -1
  251. package/dist/js/components/TextInputGroup/TextInputGroupMain.js +7 -3
  252. package/dist/js/components/TextInputGroup/TextInputGroupMain.js.map +1 -1
  253. package/dist/js/components/Toolbar/ToolbarToggleGroup.js +2 -2
  254. package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  255. package/dist/js/components/Toolbar/ToolbarUtils.js +8 -8
  256. package/dist/js/components/Toolbar/ToolbarUtils.js.map +1 -1
  257. package/dist/js/components/index.d.ts +0 -1
  258. package/dist/js/components/index.d.ts.map +1 -1
  259. package/dist/js/components/index.js +0 -1
  260. package/dist/js/components/index.js.map +1 -1
  261. package/dist/js/deprecated/components/DragDrop/Draggable.js +1 -1
  262. package/dist/js/deprecated/components/DragDrop/Draggable.js.map +1 -1
  263. package/dist/js/deprecated/components/Tile/Tile.d.ts.map +1 -0
  264. package/dist/js/deprecated/components/Tile/Tile.js.map +1 -0
  265. package/dist/js/deprecated/components/Tile/index.d.ts.map +1 -0
  266. package/dist/js/deprecated/components/Tile/index.js.map +1 -0
  267. package/dist/js/deprecated/components/index.d.ts +1 -0
  268. package/dist/js/deprecated/components/index.d.ts.map +1 -1
  269. package/dist/js/deprecated/components/index.js +1 -0
  270. package/dist/js/deprecated/components/index.js.map +1 -1
  271. package/dist/js/helpers/constants.js +20 -20
  272. package/dist/js/helpers/constants.js.map +1 -1
  273. package/dist/styles/base-no-reset.css +100 -69
  274. package/dist/styles/base.css +115 -69
  275. package/dist/umd/assets/{output-DqwzX1i3.css → output-CWhO_0Db.css} +19278 -19343
  276. package/dist/umd/react-core.min.js +4 -4
  277. package/helpers/package.json +1 -1
  278. package/layouts/package.json +1 -1
  279. package/next/package.json +1 -1
  280. package/package.json +8 -8
  281. package/src/components/AboutModal/examples/AboutModal.md +1 -1
  282. package/src/components/Accordion/examples/Accordion.md +2 -2
  283. package/src/components/ActionList/examples/ActionList.md +1 -1
  284. package/src/components/Alert/examples/Alert.md +1 -1
  285. package/src/components/Avatar/examples/Avatar.md +1 -1
  286. package/src/components/BackToTop/examples/BackToTop.md +1 -1
  287. package/src/components/Backdrop/examples/Backdrop.md +1 -1
  288. package/src/components/BackgroundImage/examples/BackgroundImage.md +1 -1
  289. package/src/components/Badge/examples/Badge.md +1 -1
  290. package/src/components/Banner/examples/Banner.md +1 -1
  291. package/src/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  292. package/src/components/Button/examples/Button.md +1 -1
  293. package/src/components/CalendarMonth/examples/CalendarMonth.md +1 -1
  294. package/src/components/Card/CardHeader.tsx +9 -2
  295. package/src/components/Card/examples/Card.md +24 -1
  296. package/src/components/Card/examples/CardTile.tsx +73 -0
  297. package/src/components/Card/examples/CardTileMulti.tsx +84 -0
  298. package/src/components/Checkbox/examples/Checkbox.md +1 -1
  299. package/src/components/ClipboardCopy/examples/ClipboardCopy.md +1 -1
  300. package/src/components/CodeBlock/examples/CodeBlock.md +1 -1
  301. package/src/components/Content/Content.tsx +4 -0
  302. package/src/components/Content/__tests__/Content.test.tsx +24 -0
  303. package/src/components/Content/examples/Content.md +8 -0
  304. package/src/components/Content/examples/ContentEditorial.tsx +24 -0
  305. package/src/components/DataList/DataListAction.tsx +1 -5
  306. package/src/components/DataList/DataListCheck.tsx +20 -13
  307. package/src/components/DataList/__tests__/DataListAction.test.tsx +21 -21
  308. package/src/components/DataList/__tests__/DataListCheck.test.tsx +3 -1
  309. package/src/components/DataList/__tests__/Generated/DataListCheck.test.tsx +3 -2
  310. package/src/components/DataList/__tests__/Generated/__snapshots__/DataListCheck.test.tsx.snap +15 -5
  311. package/src/components/DataList/examples/DataList.md +1 -1
  312. package/src/components/DataList/examples/DataListActions.tsx +0 -1
  313. package/src/components/DataList/examples/DataListCheckboxes.tsx +3 -6
  314. package/src/components/DataList/examples/DataListClickableRows.tsx +0 -2
  315. package/src/components/DataList/examples/DataListDraggable.tsx +6 -1
  316. package/src/components/DataList/examples/DataListExpandable.tsx +3 -18
  317. package/src/components/DataList/examples/DataListMixedExpandable.tsx +3 -18
  318. package/src/components/DataList/examples/DataListWidthModifiers.tsx +3 -5
  319. package/src/components/DatePicker/examples/DatePicker.md +1 -1
  320. package/src/components/DescriptionList/DescriptionList.tsx +1 -1
  321. package/src/components/DescriptionList/__tests__/DescriptionList.test.tsx +14 -12
  322. package/src/components/DescriptionList/examples/DescriptionList.md +1 -1
  323. package/src/components/Divider/examples/Divider.md +1 -1
  324. package/src/components/Drawer/examples/Drawer.md +1 -1
  325. package/src/components/Dropdown/Dropdown.tsx +1 -1
  326. package/src/components/Dropdown/examples/Dropdown.md +1 -1
  327. package/src/components/DualListSelector/examples/DualListSelector.md +1 -1
  328. package/src/components/EmptyState/EmptyState.tsx +1 -1
  329. package/src/components/EmptyState/EmptyStateHeader.tsx +6 -4
  330. package/src/components/EmptyState/__tests__/EmptyState.test.tsx +5 -0
  331. package/src/components/EmptyState/examples/EmptyState.md +1 -1
  332. package/src/components/ExpandableSection/examples/ExpandableSection.md +1 -1
  333. package/src/components/FileUpload/examples/FileUpload.md +1 -1
  334. package/src/components/Form/examples/Form.md +1 -1
  335. package/src/components/FormSelect/examples/FormSelect.md +1 -1
  336. package/src/components/HelperText/examples/HelperText.md +1 -1
  337. package/src/components/Hint/examples/Hint.md +1 -1
  338. package/src/components/Icon/examples/Icon.md +1 -1
  339. package/src/components/InputGroup/examples/InputGroup.md +1 -1
  340. package/src/components/JumpLinks/examples/JumpLinks.md +1 -0
  341. package/src/components/Label/examples/Label.md +1 -1
  342. package/src/components/List/examples/List.md +1 -1
  343. package/src/components/LoginPage/examples/LoginPage.md +1 -1
  344. package/src/components/Masthead/examples/Masthead.md +1 -1
  345. package/src/components/Menu/MenuContainer.tsx +1 -1
  346. package/src/components/Menu/examples/Menu.md +1 -1
  347. package/src/components/MenuToggle/MenuToggle.tsx +6 -20
  348. package/src/components/MenuToggle/__tests__/MenuToggle.test.tsx +10 -11
  349. package/src/components/MenuToggle/examples/MenuToggle.md +11 -11
  350. package/src/components/MenuToggle/examples/MenuToggleSplitButtonAction.tsx +23 -32
  351. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckbox.tsx +9 -9
  352. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithText.tsx +27 -33
  353. package/src/components/MenuToggle/examples/MenuToggleSplitButtonCheckboxWithToggleText.tsx +21 -27
  354. package/src/components/Modal/Modal.tsx +4 -11
  355. package/src/components/Modal/ModalContent.tsx +9 -11
  356. package/src/components/Modal/__tests__/Modal.test.tsx +0 -14
  357. package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +4 -0
  358. package/src/components/Modal/examples/Modal.md +1 -1
  359. package/src/components/MultipleFileUpload/examples/MultipleFileUpload.md +1 -1
  360. package/src/components/Nav/examples/Nav.md +1 -1
  361. package/src/components/NotificationBadge/examples/NotificationBadge.md +1 -1
  362. package/src/components/NotificationDrawer/examples/NotificationDrawer.md +1 -1
  363. package/src/components/NumberInput/examples/NumberInput.md +1 -1
  364. package/src/components/OverflowMenu/examples/OverflowMenu.md +1 -1
  365. package/src/components/Page/Page.tsx +3 -5
  366. package/src/components/Page/examples/Page.md +2 -2
  367. package/src/components/Pagination/examples/Pagination.md +1 -1
  368. package/src/components/Panel/examples/Panel.md +1 -1
  369. package/src/components/Popover/examples/Popover.md +1 -1
  370. package/src/components/Progress/examples/Progress.md +1 -1
  371. package/src/components/ProgressStepper/examples/ProgressStepper.md +1 -1
  372. package/src/components/Radio/examples/Radio.md +1 -1
  373. package/src/components/SearchInput/examples/SearchInput.md +1 -1
  374. package/src/components/Select/Select.tsx +1 -1
  375. package/src/components/Select/examples/Select.md +1 -1
  376. package/src/components/Sidebar/examples/Sidebar.md +2 -2
  377. package/src/components/SimpleList/examples/SimpleList.md +1 -1
  378. package/src/components/Skeleton/examples/Skeleton.md +8 -8
  379. package/src/components/Skeleton/examples/SkeletonText.tsx +14 -14
  380. package/src/components/SkipToContent/examples/SkipToContent.md +1 -1
  381. package/src/components/Slider/Slider.tsx +6 -1
  382. package/src/components/Slider/examples/Slider.md +1 -1
  383. package/src/components/Spinner/examples/Spinner.md +1 -1
  384. package/src/components/Switch/examples/Switch.md +1 -1
  385. package/src/components/Tabs/examples/Tabs.md +1 -1
  386. package/src/components/TextArea/examples/TextArea.md +1 -1
  387. package/src/components/TextInput/examples/TextInput.md +1 -1
  388. package/src/components/TextInputGroup/TextInputGroup.tsx +5 -1
  389. package/src/components/TextInputGroup/TextInputGroupIcon.tsx +25 -0
  390. package/src/components/TextInputGroup/TextInputGroupMain.tsx +6 -2
  391. package/src/components/TextInputGroup/__tests__/TextInputGroup.test.tsx +26 -4
  392. package/src/components/TextInputGroup/__tests__/TextInputGroupMain.test.tsx +10 -0
  393. package/src/components/TextInputGroup/examples/TextInputGroup.md +27 -5
  394. package/src/components/TextInputGroup/examples/TextInputGroupWithStatus.tsx +66 -0
  395. package/src/components/TimePicker/examples/TimePicker.md +1 -1
  396. package/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap +2 -2
  397. package/src/components/Timestamp/examples/Timestamp.md +1 -1
  398. package/src/components/Title/examples/Title.md +1 -1
  399. package/src/components/ToggleGroup/examples/ToggleGroup.md +2 -2
  400. package/src/components/Toolbar/ToolbarToggleGroup.tsx +1 -1
  401. package/src/components/Toolbar/ToolbarUtils.tsx +4 -4
  402. package/src/components/Toolbar/examples/Toolbar.md +1 -1
  403. package/src/components/Toolbar/examples/ToolbarStacked.tsx +7 -9
  404. package/src/components/Tooltip/examples/Tooltip.md +1 -1
  405. package/src/components/TreeView/examples/TreeView.md +1 -1
  406. package/src/components/TreeView/examples/TreeViewWithActionItems.tsx +1 -1
  407. package/src/components/Truncate/examples/Truncate.md +1 -0
  408. package/src/components/Wizard/examples/Wizard.md +1 -1
  409. package/src/components/index.ts +0 -1
  410. package/src/demos/CardDemos.md +2 -2
  411. package/src/demos/CardView/examples/CardView.tsx +11 -13
  412. package/src/demos/DataList/examples/DataListBasic.tsx +7 -9
  413. package/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +3 -18
  414. package/src/demos/Filters/examples/FilterAttributeSearch.tsx +9 -11
  415. package/src/demos/Filters/examples/FilterCheckboxSelect.tsx +9 -11
  416. package/src/demos/Filters/examples/FilterFaceted.tsx +9 -11
  417. package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +9 -11
  418. package/src/demos/Filters/examples/FilterSameSelectGroup.tsx +9 -11
  419. package/src/demos/Filters/examples/FilterSearchInput.tsx +9 -11
  420. package/src/demos/Filters/examples/FilterSingleSelect.tsx +9 -11
  421. package/src/demos/JumpLinks.md +1 -0
  422. package/src/demos/ProgressDemo.md +5 -2
  423. package/src/demos/ProgressStepperDemo.md +4 -1
  424. package/src/demos/examples/Card/CardNested.tsx +1 -1
  425. package/src/demos/examples/Card/CardStatus.tsx +3 -3
  426. package/src/demos/examples/Card/CardTrendDemo1.tsx +1 -1
  427. package/src/demos/examples/Card/CardTrendDemo2.tsx +1 -1
  428. package/src/demos/examples/Card/CardUtilizationDemo1.tsx +1 -1
  429. package/src/demos/examples/Card/CardUtilizationDemo2.tsx +1 -1
  430. package/src/demos/examples/Card/CardUtilizationDemo3.tsx +1 -1
  431. package/src/demos/examples/Card/CardUtilizationDemo4.tsx +1 -1
  432. package/src/demos/examples/Card/CardWithAccordion.tsx +1 -1
  433. package/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js +3 -20
  434. package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +11 -13
  435. package/src/deprecated/components/Chip/examples/Chip.md +1 -1
  436. package/src/deprecated/components/DragDrop/Draggable.tsx +1 -1
  437. package/src/deprecated/components/Modal/examples/Modal.md +1 -1
  438. package/src/{demos/TileDemo.md → deprecated/components/Tile/examples/Tile.md} +67 -2
  439. package/src/{components → deprecated/components}/Tile/examples/TileBasic.tsx +1 -1
  440. package/src/{components → deprecated/components}/Tile/examples/TileStacked.tsx +1 -1
  441. package/src/{components → deprecated/components}/Tile/examples/TileStackedWithLargeIcons.tsx +1 -1
  442. package/src/{components → deprecated/components}/Tile/examples/TileWithExtraContent.tsx +2 -1
  443. package/src/{components → deprecated/components}/Tile/examples/TileWithIcon.tsx +1 -1
  444. package/src/{components → deprecated/components}/Tile/examples/TileWithSubtext.tsx +1 -1
  445. package/src/deprecated/components/Wizard/examples/Wizard.md +1 -1
  446. package/src/deprecated/components/index.ts +1 -0
  447. package/src/helpers/constants.ts +11 -11
  448. package/dist/dynamic/components/Tile/package.json +0 -1
  449. package/dist/esm/components/Tile/Tile.d.ts.map +0 -1
  450. package/dist/esm/components/Tile/Tile.js.map +0 -1
  451. package/dist/esm/components/Tile/index.d.ts.map +0 -1
  452. package/dist/esm/components/Tile/index.js.map +0 -1
  453. package/dist/js/components/Tile/Tile.d.ts.map +0 -1
  454. package/dist/js/components/Tile/Tile.js.map +0 -1
  455. package/dist/js/components/Tile/index.d.ts.map +0 -1
  456. package/dist/js/components/Tile/index.js.map +0 -1
  457. package/dist/styles/assets/images/PF-Masthead-Logo.svg +0 -1
  458. package/dist/styles/assets/images/background-filter.svg +0 -17
  459. package/dist/styles/assets/images/g_sizing.png +0 -0
  460. package/dist/styles/assets/images/img_avatar-dark.svg +0 -22
  461. package/dist/styles/assets/images/img_avatar.svg +0 -21
  462. package/dist/styles/assets/images/l_pf-reverse-164x11.png +0 -0
  463. package/dist/styles/assets/images/l_pf-reverse.svg +0 -1
  464. package/dist/styles/assets/images/logo-dropbox-old.svg +0 -1
  465. package/dist/styles/assets/images/logo-dropbox.svg +0 -6
  466. package/dist/styles/assets/images/logo-facebook.svg +0 -4
  467. package/dist/styles/assets/images/logo-github.svg +0 -4
  468. package/dist/styles/assets/images/logo-gitlab.svg +0 -4
  469. package/dist/styles/assets/images/logo-google.svg +0 -4
  470. package/dist/styles/assets/images/logo-google2.svg +0 -10
  471. package/dist/styles/assets/images/logo__pf--reverse--base.png +0 -0
  472. package/dist/styles/assets/images/logo__pf--reverse--base.svg +0 -40
  473. package/dist/styles/assets/images/logo__pf--reverse-on-md.svg +0 -40
  474. package/dist/styles/assets/images/pf-c-brand__logo-base.jpg +0 -0
  475. package/dist/styles/assets/images/pf-c-brand__logo-on-lg-white.svg +0 -32
  476. package/dist/styles/assets/images/pf-c-brand__logo-on-lg.svg +0 -32
  477. package/dist/styles/assets/images/pf-c-brand__logo-on-md-white.svg +0 -42
  478. package/dist/styles/assets/images/pf-c-brand__logo-on-md.svg +0 -42
  479. package/dist/styles/assets/images/pf-c-brand__logo-on-sm-white.svg +0 -17
  480. package/dist/styles/assets/images/pf-c-brand__logo-on-sm.svg +0 -17
  481. package/dist/styles/assets/images/pf-c-brand__logo-on-xl-white.svg +0 -39
  482. package/dist/styles/assets/images/pf-c-brand__logo-on-xl.svg +0 -39
  483. package/dist/styles/assets/images/pf-c-brand__logo.svg +0 -10
  484. package/dist/styles/assets/images/pf-logo.svg +0 -28
  485. package/dist/styles/assets/images/pf_logo.svg +0 -37
  486. package/dist/styles/assets/images/pf_logo_color.svg +0 -22
  487. package/dist/styles/assets/images/pf_logo_white.svg +0 -37
  488. package/dist/styles/assets/images/pf_mini_logo_white.svg +0 -1
  489. package/dist/styles/assets/images/pfbg_1200.jpg +0 -0
  490. package/dist/styles/assets/images/pfbg_2000.jpg +0 -0
  491. package/dist/styles/assets/images/pfbg_576.jpg +0 -0
  492. package/dist/styles/assets/images/pfbg_576@2x.jpg +0 -0
  493. package/dist/styles/assets/images/pfbg_768.jpg +0 -0
  494. package/dist/styles/assets/images/pfbg_768@2x.jpg +0 -0
  495. package/dist/styles/assets/images/pfbg_992.jpg +0 -0
  496. package/dist/styles/assets/images/pfbg_992@2x.jpg +0 -0
  497. package/dist/styles/assets/images/status-icon-sprite.svg +0 -38
  498. package/src/components/Tile/examples/Tile.md +0 -48
  499. /package/dist/esm/{components → deprecated/components}/Tile/Tile.d.ts +0 -0
  500. /package/dist/esm/{components → deprecated/components}/Tile/Tile.js +0 -0
  501. /package/dist/esm/{components → deprecated/components}/Tile/index.d.ts +0 -0
  502. /package/dist/esm/{components → deprecated/components}/Tile/index.js +0 -0
  503. /package/dist/js/{components → deprecated/components}/Tile/Tile.d.ts +0 -0
  504. /package/dist/js/{components → deprecated/components}/Tile/Tile.js +0 -0
  505. /package/dist/js/{components → deprecated/components}/Tile/index.d.ts +0 -0
  506. /package/dist/js/{components → deprecated/components}/Tile/index.js +0 -0
  507. /package/src/{components → deprecated/components}/Tile/Tile.tsx +0 -0
  508. /package/src/{components → deprecated/components}/Tile/__tests__/Tile.test.tsx +0 -0
  509. /package/src/{components → deprecated/components}/Tile/__tests__/__snapshots__/Tile.test.tsx.snap +0 -0
  510. /package/src/{components → deprecated/components}/Tile/examples/Tile.css +0 -0
  511. /package/src/{components → deprecated/components}/Tile/index.ts +0 -0
package/dist/styles/base.css CHANGED
@@ -29,6 +29,21 @@ h6) {
29
29
  *::before,
30
30
  *::after {
31
31
  box-sizing: border-box;
32
+ scrollbar-color: var(--pf-t--global--border--color--default) transparent;
33
+ }
34
+
35
+ *::-webkit-scrollbar-thumb {
36
+ background-color: var(--pf-t--global--border--color--default);
37
+ border-radius: var(--pf-t--global--spacer--xs);
38
+ }
39
+
40
+ *::-webkit-scrollbar-track {
41
+ background-color: transparent;
42
+ }
43
+
44
+ *::-webkit-scrollbar {
45
+ max-width: var(--pf-t--global--spacer--sm);
46
+ max-height: var(--pf-t--global--spacer--sm);
32
47
  }
33
48
 
34
49
  :where(html,
@@ -929,7 +944,7 @@ button) {
929
944
  vertical-align: -0.125em;
930
945
  }
931
946
 
932
- :where(:root) {
947
+ :root {
933
948
  --pf-v6-global--inverse--multiplier: 1;
934
949
  --pf-t--color--black: #000000;
935
950
  --pf-t--color--blue--10: #e0f0ff;
@@ -1011,26 +1026,33 @@ button) {
1011
1026
  --pf-t--global--border--width--100: 1px;
1012
1027
  --pf-t--global--border--width--200: 2px;
1013
1028
  --pf-t--global--border--width--300: 3px;
1014
- --pf-t--global--box-shadow--X--100: -8px;
1029
+ --pf-t--global--box-shadow--X--100: -10px;
1015
1030
  --pf-t--global--box-shadow--X--200: -4px;
1016
1031
  --pf-t--global--box-shadow--X--300: -1px;
1017
1032
  --pf-t--global--box-shadow--X--400: 0px;
1033
+ --pf-t--global--box-shadow--X--50: -20px;
1018
1034
  --pf-t--global--box-shadow--X--500: 1px;
1019
1035
  --pf-t--global--box-shadow--X--600: 4px;
1020
- --pf-t--global--box-shadow--X--700: 8px;
1021
- --pf-t--global--box-shadow--Y--100: -8px;
1036
+ --pf-t--global--box-shadow--X--700: 10px;
1037
+ --pf-t--global--box-shadow--X--800: 20px;
1038
+ --pf-t--global--box-shadow--Y--100: -10px;
1022
1039
  --pf-t--global--box-shadow--Y--200: -4px;
1023
1040
  --pf-t--global--box-shadow--Y--300: -1px;
1024
1041
  --pf-t--global--box-shadow--Y--400: 0px;
1042
+ --pf-t--global--box-shadow--Y--50: -20px;
1025
1043
  --pf-t--global--box-shadow--Y--500: 1px;
1026
1044
  --pf-t--global--box-shadow--Y--600: 4px;
1027
- --pf-t--global--box-shadow--Y--700: 8px;
1045
+ --pf-t--global--box-shadow--Y--700: 10px;
1046
+ --pf-t--global--box-shadow--Y--800: 20px;
1028
1047
  --pf-t--global--box-shadow--blur--100: 4px;
1029
- --pf-t--global--box-shadow--blur--200: 8px;
1030
- --pf-t--global--box-shadow--blur--300: 24px;
1031
- --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
1032
- --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
1048
+ --pf-t--global--box-shadow--blur--200: 9px;
1049
+ --pf-t--global--box-shadow--blur--300: 20px;
1050
+ --pf-t--global--box-shadow--color--100: rgba(41, 41, 41, 0.1500);
1051
+ --pf-t--global--box-shadow--color--200: rgba(41, 41, 41, 0.2000);
1033
1052
  --pf-t--global--box-shadow--spread--100: 0px;
1053
+ --pf-t--global--box-shadow--spread--200: -4px;
1054
+ --pf-t--global--box-shadow--spread--300: -8px;
1055
+ --pf-t--global--box-shadow--spread--400: -20px;
1034
1056
  --pf-t--global--breakpoint--100: 0rem;
1035
1057
  --pf-t--global--breakpoint--200: 36rem;
1036
1058
  --pf-t--global--breakpoint--250: 40rem;
@@ -1061,17 +1083,17 @@ button) {
1061
1083
  --pf-t--global--font--size--300: 1rem;
1062
1084
  --pf-t--global--font--size--400: 1.125rem;
1063
1085
  --pf-t--global--font--size--500: 1.25rem;
1064
- --pf-t--global--font--size--600: 1.375rem;
1086
+ --pf-t--global--font--size--600: 1.5rem;
1065
1087
  --pf-t--global--font--size--700: 1.75rem;
1066
1088
  --pf-t--global--font--size--800: 2.25rem;
1067
1089
  --pf-t--global--font--weight--100: 400;
1068
1090
  --pf-t--global--font--weight--200: 500;
1069
- --pf-t--global--font--weight--300: 700;
1091
+ --pf-t--global--font--weight--300: 500;
1070
1092
  --pf-t--global--font--weight--400: 700;
1071
1093
  --pf-t--global--icon--size--100: 0.75rem;
1072
1094
  --pf-t--global--icon--size--200: 0.875rem;
1073
1095
  --pf-t--global--icon--size--250: 1rem;
1074
- --pf-t--global--icon--size--300: 1.375rem;
1096
+ --pf-t--global--icon--size--300: 1.5rem;
1075
1097
  --pf-t--global--icon--size--400: 3.5rem;
1076
1098
  --pf-t--global--icon--size--500: 6rem;
1077
1099
  --pf-t--global--spacer--100: 0.25rem;
@@ -1099,14 +1121,17 @@ button) {
1099
1121
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
1100
1122
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
1101
1123
  --pf-t--global--background--color--400: var(--pf-t--color--gray--80);
1124
+ --pf-t--global--background--color--450: var(--pf-t--color--gray--70);
1102
1125
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--background--color--600);
1103
1126
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--background--color--600);
1104
1127
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
1105
1128
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
1106
1129
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
1130
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
1107
1131
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
1108
1132
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
1109
1133
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
1134
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
1110
1135
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
1111
1136
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
1112
1137
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -1132,43 +1157,49 @@ button) {
1132
1157
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
1133
1158
  --pf-t--global--box-shadow--X--lg--bottom: var(--pf-t--global--box-shadow--X--400);
1134
1159
  --pf-t--global--box-shadow--X--lg--default: var(--pf-t--global--box-shadow--X--400);
1135
- --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--100);
1136
- --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--700);
1160
+ --pf-t--global--box-shadow--X--lg--left: var(--pf-t--global--box-shadow--X--50);
1161
+ --pf-t--global--box-shadow--X--lg--right: var(--pf-t--global--box-shadow--X--800);
1137
1162
  --pf-t--global--box-shadow--X--lg--top: var(--pf-t--global--box-shadow--X--400);
1138
1163
  --pf-t--global--box-shadow--X--md--bottom: var(--pf-t--global--box-shadow--X--400);
1139
1164
  --pf-t--global--box-shadow--X--md--default: var(--pf-t--global--box-shadow--X--400);
1140
- --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--200);
1141
- --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--600);
1165
+ --pf-t--global--box-shadow--X--md--left: var(--pf-t--global--box-shadow--X--100);
1166
+ --pf-t--global--box-shadow--X--md--right: var(--pf-t--global--box-shadow--X--700);
1142
1167
  --pf-t--global--box-shadow--X--md--top: var(--pf-t--global--box-shadow--X--400);
1143
1168
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
1144
1169
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
1145
- --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--300);
1146
- --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--500);
1170
+ --pf-t--global--box-shadow--X--sm--left: var(--pf-t--global--box-shadow--X--200);
1171
+ --pf-t--global--box-shadow--X--sm--right: var(--pf-t--global--box-shadow--X--600);
1147
1172
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
1148
- --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--700);
1173
+ --pf-t--global--box-shadow--Y--lg--bottom: var(--pf-t--global--box-shadow--Y--800);
1149
1174
  --pf-t--global--box-shadow--Y--lg--default: var(--pf-t--global--box-shadow--Y--700);
1150
1175
  --pf-t--global--box-shadow--Y--lg--left: var(--pf-t--global--box-shadow--Y--400);
1151
1176
  --pf-t--global--box-shadow--Y--lg--right: var(--pf-t--global--box-shadow--Y--400);
1152
- --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--100);
1153
- --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--600);
1177
+ --pf-t--global--box-shadow--Y--lg--top: var(--pf-t--global--box-shadow--Y--50);
1178
+ --pf-t--global--box-shadow--Y--md--bottom: var(--pf-t--global--box-shadow--Y--700);
1154
1179
  --pf-t--global--box-shadow--Y--md--default: var(--pf-t--global--box-shadow--Y--600);
1155
1180
  --pf-t--global--box-shadow--Y--md--left: var(--pf-t--global--box-shadow--Y--400);
1156
1181
  --pf-t--global--box-shadow--Y--md--right: var(--pf-t--global--box-shadow--Y--400);
1157
- --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--200);
1158
- --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--500);
1182
+ --pf-t--global--box-shadow--Y--md--top: var(--pf-t--global--box-shadow--Y--100);
1183
+ --pf-t--global--box-shadow--Y--sm--bottom: var(--pf-t--global--box-shadow--Y--600);
1159
1184
  --pf-t--global--box-shadow--Y--sm--default: var(--pf-t--global--box-shadow--Y--500);
1160
1185
  --pf-t--global--box-shadow--Y--sm--left: var(--pf-t--global--box-shadow--Y--400);
1161
1186
  --pf-t--global--box-shadow--Y--sm--right: var(--pf-t--global--box-shadow--Y--400);
1162
- --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--300);
1187
+ --pf-t--global--box-shadow--Y--sm--top: var(--pf-t--global--box-shadow--Y--200);
1163
1188
  --pf-t--global--box-shadow--blur--lg: var(--pf-t--global--box-shadow--blur--300);
1164
1189
  --pf-t--global--box-shadow--blur--md: var(--pf-t--global--box-shadow--blur--200);
1165
1190
  --pf-t--global--box-shadow--blur--sm: var(--pf-t--global--box-shadow--blur--100);
1166
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
1167
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
1168
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
1169
- --pf-t--global--box-shadow--spread--lg: var(--pf-t--global--box-shadow--spread--100);
1170
- --pf-t--global--box-shadow--spread--md: var(--pf-t--global--box-shadow--spread--100);
1171
- --pf-t--global--box-shadow--spread--sm: var(--pf-t--global--box-shadow--spread--100);
1191
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--box-shadow--color--100);
1192
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--box-shadow--color--200);
1193
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--box-shadow--color--100);
1194
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--box-shadow--color--100);
1195
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--box-shadow--color--100);
1196
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--box-shadow--color--200);
1197
+ --pf-t--global--box-shadow--spread--lg--default: var(--pf-t--global--box-shadow--spread--100);
1198
+ --pf-t--global--box-shadow--spread--lg--directional: var(--pf-t--global--box-shadow--spread--400);
1199
+ --pf-t--global--box-shadow--spread--md--default: var(--pf-t--global--box-shadow--spread--100);
1200
+ --pf-t--global--box-shadow--spread--md--directional: var(--pf-t--global--box-shadow--spread--300);
1201
+ --pf-t--global--box-shadow--spread--sm--default: var(--pf-t--global--box-shadow--spread--100);
1202
+ --pf-t--global--box-shadow--spread--sm--directional: var(--pf-t--global--box-shadow--spread--200);
1172
1203
  --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
1173
1204
  --pf-t--global--breakpoint--height--2xl: var(--pf-t--global--breakpoint--550);
1174
1205
  --pf-t--global--breakpoint--height--lg: var(--pf-t--global--breakpoint--300);
@@ -1308,13 +1339,16 @@ button) {
1308
1339
  --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
1309
1340
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
1310
1341
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
1342
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
1311
1343
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
1312
1344
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
1313
1345
  --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
1314
1346
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--background--color--200);
1315
1347
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--background--color--highlight--200);
1316
1348
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--background--color--highlight--100);
1349
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--background--color--450);
1317
1350
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--background--color--400);
1351
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--background--color--450);
1318
1352
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--background--color--200);
1319
1353
  --pf-t--global--background--color--primary--default: var(--pf-t--global--background--color--100);
1320
1354
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--background--color--200);
@@ -1322,6 +1356,7 @@ button) {
1322
1356
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
1323
1357
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
1324
1358
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
1359
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
1325
1360
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
1326
1361
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
1327
1362
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -1465,8 +1500,11 @@ button) {
1465
1500
  --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
1466
1501
  --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
1467
1502
  --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
1468
- --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
1469
- --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
1503
+ --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
1504
+ --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
1505
+ --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
1506
+ --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
1507
+ --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
1470
1508
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
1471
1509
  --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
1472
1510
  --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
@@ -1671,104 +1709,108 @@ button) {
1671
1709
  --pf-t--global--box-shadow--sm: var(--pf-t--global--box-shadow--X--sm--default)
1672
1710
  var(--pf-t--global--box-shadow--Y--sm--default)
1673
1711
  var(--pf-t--global--box-shadow--blur--sm)
1674
- var(--pf-t--global--box-shadow--spread--sm)
1675
- var(--pf-t--global--box-shadow--color--sm);
1712
+ var(--pf-t--global--box-shadow--spread--sm--default)
1713
+ var(--pf-t--global--box-shadow--color--sm--default);
1676
1714
  --pf-t--global--box-shadow--sm--top: var(--pf-t--global--box-shadow--X--sm--top)
1677
1715
  var(--pf-t--global--box-shadow--Y--sm--top)
1678
1716
  var(--pf-t--global--box-shadow--blur--sm)
1679
- var(--pf-t--global--box-shadow--spread--sm)
1680
- var(--pf-t--global--box-shadow--color--sm);
1717
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1718
+ var(--pf-t--global--box-shadow--color--sm--directional);
1681
1719
  --pf-t--global--box-shadow--sm--bottom: var(--pf-t--global--box-shadow--X--sm--bottom)
1682
1720
  var(--pf-t--global--box-shadow--Y--sm--bottom)
1683
1721
  var(--pf-t--global--box-shadow--blur--sm)
1684
- var(--pf-t--global--box-shadow--spread--sm)
1685
- var(--pf-t--global--box-shadow--color--sm);
1722
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1723
+ var(--pf-t--global--box-shadow--color--sm--directional);
1686
1724
  --pf-t--global--box-shadow--sm--left: var(--pf-t--global--box-shadow--X--sm--left)
1687
1725
  var(--pf-t--global--box-shadow--Y--sm--left)
1688
1726
  var(--pf-t--global--box-shadow--blur--sm)
1689
- var(--pf-t--global--box-shadow--spread--sm)
1690
- var(--pf-t--global--box-shadow--color--sm);
1727
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1728
+ var(--pf-t--global--box-shadow--color--sm--directional);
1691
1729
  --pf-t--global--box-shadow--sm--right: var(--pf-t--global--box-shadow--X--sm--right)
1692
1730
  var(--pf-t--global--box-shadow--Y--sm--right)
1693
1731
  var(--pf-t--global--box-shadow--blur--sm)
1694
- var(--pf-t--global--box-shadow--spread--sm)
1695
- var(--pf-t--global--box-shadow--color--sm);
1732
+ var(--pf-t--global--box-shadow--spread--sm--directional)
1733
+ var(--pf-t--global--box-shadow--color--sm--directional);
1696
1734
  --pf-t--global--box-shadow--md: var(--pf-t--global--box-shadow--X--md--default)
1697
1735
  var(--pf-t--global--box-shadow--Y--md--default)
1698
1736
  var(--pf-t--global--box-shadow--blur--md)
1699
- var(--pf-t--global--box-shadow--spread--md)
1700
- var(--pf-t--global--box-shadow--color--md);
1737
+ var(--pf-t--global--box-shadow--spread--md--default)
1738
+ var(--pf-t--global--box-shadow--color--md--default);
1701
1739
  --pf-t--global--box-shadow--md--top: var(--pf-t--global--box-shadow--X--md--top)
1702
1740
  var(--pf-t--global--box-shadow--Y--md--top)
1703
1741
  var(--pf-t--global--box-shadow--blur--md)
1704
- var(--pf-t--global--box-shadow--spread--md)
1705
- var(--pf-t--global--box-shadow--color--md);
1742
+ var(--pf-t--global--box-shadow--spread--md--directional)
1743
+ var(--pf-t--global--box-shadow--color--md--directional);
1706
1744
  --pf-t--global--box-shadow--md--bottom: var(--pf-t--global--box-shadow--X--md--bottom)
1707
1745
  var(--pf-t--global--box-shadow--Y--md--bottom)
1708
1746
  var(--pf-t--global--box-shadow--blur--md)
1709
- var(--pf-t--global--box-shadow--spread--md)
1710
- var(--pf-t--global--box-shadow--color--md);
1747
+ var(--pf-t--global--box-shadow--spread--md--directional)
1748
+ var(--pf-t--global--box-shadow--color--md--directional);
1711
1749
  --pf-t--global--box-shadow--md--left: var(--pf-t--global--box-shadow--X--md--left)
1712
1750
  var(--pf-t--global--box-shadow--Y--md--left)
1713
1751
  var(--pf-t--global--box-shadow--blur--md)
1714
- var(--pf-t--global--box-shadow--spread--md)
1715
- var(--pf-t--global--box-shadow--color--md);
1752
+ var(--pf-t--global--box-shadow--spread--md--directional)
1753
+ var(--pf-t--global--box-shadow--color--md--directional);
1716
1754
  --pf-t--global--box-shadow--md--right: var(--pf-t--global--box-shadow--X--md--right)
1717
1755
  var(--pf-t--global--box-shadow--Y--md--right)
1718
1756
  var(--pf-t--global--box-shadow--blur--md)
1719
- var(--pf-t--global--box-shadow--spread--md)
1720
- var(--pf-t--global--box-shadow--color--md);
1757
+ var(--pf-t--global--box-shadow--spread--md--directional)
1758
+ var(--pf-t--global--box-shadow--color--md--directional);
1721
1759
  --pf-t--global--box-shadow--lg: var(--pf-t--global--box-shadow--X--lg--default)
1722
1760
  var(--pf-t--global--box-shadow--Y--lg--default)
1723
1761
  var(--pf-t--global--box-shadow--blur--lg)
1724
- var(--pf-t--global--box-shadow--spread--lg)
1725
- var(--pf-t--global--box-shadow--color--lg);
1762
+ var(--pf-t--global--box-shadow--spread--lg--default)
1763
+ var(--pf-t--global--box-shadow--color--lg--default);
1726
1764
  --pf-t--global--box-shadow--lg--top: var(--pf-t--global--box-shadow--X--lg--top)
1727
1765
  var(--pf-t--global--box-shadow--Y--lg--top)
1728
1766
  var(--pf-t--global--box-shadow--blur--lg)
1729
- var(--pf-t--global--box-shadow--spread--lg)
1730
- var(--pf-t--global--box-shadow--color--lg);
1767
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1768
+ var(--pf-t--global--box-shadow--color--lg--directional);
1731
1769
  --pf-t--global--box-shadow--lg--bottom: var(--pf-t--global--box-shadow--X--lg--bottom)
1732
1770
  var(--pf-t--global--box-shadow--Y--lg--bottom)
1733
1771
  var(--pf-t--global--box-shadow--blur--lg)
1734
- var(--pf-t--global--box-shadow--spread--lg)
1735
- var(--pf-t--global--box-shadow--color--lg);
1772
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1773
+ var(--pf-t--global--box-shadow--color--lg--directional);
1736
1774
  --pf-t--global--box-shadow--lg--left: var(--pf-t--global--box-shadow--X--lg--left)
1737
1775
  var(--pf-t--global--box-shadow--Y--lg--left)
1738
1776
  var(--pf-t--global--box-shadow--blur--lg)
1739
- var(--pf-t--global--box-shadow--spread--lg)
1740
- var(--pf-t--global--box-shadow--color--lg);
1777
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1778
+ var(--pf-t--global--box-shadow--color--lg--directional);
1741
1779
  --pf-t--global--box-shadow--lg--right: var(--pf-t--global--box-shadow--X--lg--right)
1742
1780
  var(--pf-t--global--box-shadow--Y--lg--right)
1743
1781
  var(--pf-t--global--box-shadow--blur--lg)
1744
- var(--pf-t--global--box-shadow--spread--lg)
1745
- var(--pf-t--global--box-shadow--color--lg);
1746
- --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
1747
- --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
1748
- --pf-t--global--transition--duration: 250ms;
1782
+ var(--pf-t--global--box-shadow--spread--lg--directional)
1783
+ var(--pf-t--global--box-shadow--color--lg--directional);
1749
1784
  --pf-t--global--list-style: disc outside;
1750
1785
  --pf-t--temp--dev--tbd: #BC11E0;
1751
1786
  }
1752
1787
 
1753
- :where(.pf-v6-theme-dark) {
1788
+ :root:where(.pf-v6-theme-dark) {
1754
1789
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
1755
1790
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
1756
1791
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
1757
1792
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
1793
+ --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
1758
1794
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
1759
1795
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
1760
1796
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
1761
- --pf-t--global--box-shadow--color--lg: var(--pf-t--global--dark--box-shadow--color--100);
1762
- --pf-t--global--box-shadow--color--md: var(--pf-t--global--dark--box-shadow--color--100);
1763
- --pf-t--global--box-shadow--color--sm: var(--pf-t--global--dark--box-shadow--color--100);
1797
+ --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
1798
+ --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
1799
+ --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
1800
+ --pf-t--global--box-shadow--color--md--default: var(--pf-t--global--dark--box-shadow--color--100);
1801
+ --pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
1802
+ --pf-t--global--box-shadow--color--sm--default: var(--pf-t--global--dark--box-shadow--color--100);
1803
+ --pf-t--global--box-shadow--color--sm--directional: var(--pf-t--global--dark--box-shadow--color--200);
1764
1804
  --pf-t--global--dark--background--color--100: var(--pf-t--color--gray--95);
1765
1805
  --pf-t--global--dark--background--color--200: var(--pf-t--color--gray--80);
1766
1806
  --pf-t--global--dark--background--color--300: var(--pf-t--color--gray--70);
1767
1807
  --pf-t--global--dark--background--color--400: var(--pf-t--color--gray--10);
1808
+ --pf-t--global--dark--background--color--450: var(--pf-t--color--gray--20);
1768
1809
  --pf-t--global--dark--background--color--highlight--100: var(--pf-t--color--yellow--20);
1769
1810
  --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
1770
1811
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
1771
1812
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
1813
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
1772
1814
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
1773
1815
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
1774
1816
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
@@ -1835,13 +1877,16 @@ button) {
1835
1877
  --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
1836
1878
  --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
1837
1879
  --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
1880
+ --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
1838
1881
  --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
1839
1882
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
1840
1883
  --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
1841
1884
  --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--200);
1842
1885
  --pf-t--global--background--color--highlight--clicked: var(--pf-t--global--dark--background--color--highlight--200);
1843
1886
  --pf-t--global--background--color--highlight--default: var(--pf-t--global--dark--background--color--highlight--100);
1887
+ --pf-t--global--background--color--inverse--clicked: var(--pf-t--global--dark--background--color--450);
1844
1888
  --pf-t--global--background--color--inverse--default: var(--pf-t--global--dark--background--color--400);
1889
+ --pf-t--global--background--color--inverse--hover: var(--pf-t--global--dark--background--color--450);
1845
1890
  --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--300);
1846
1891
  --pf-t--global--background--color--primary--default: var(--pf-t--global--dark--background--color--200);
1847
1892
  --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--300);
@@ -1849,6 +1894,7 @@ button) {
1849
1894
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
1850
1895
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
1851
1896
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
1897
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
1852
1898
  --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
1853
1899
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
1854
1900
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);