@patternfly/react-core 6.0.0-alpha.31 → 6.0.0-alpha.33

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 (184) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/Chip/package.json +1 -1
  21. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  22. package/dist/dynamic/components/CodeBlock/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/DragDrop/package.json +1 -1
  28. package/dist/dynamic/components/Drawer/package.json +1 -1
  29. package/dist/dynamic/components/Dropdown/package.json +1 -1
  30. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  31. package/dist/dynamic/components/EmptyState/package.json +1 -1
  32. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  33. package/dist/dynamic/components/FileUpload/package.json +1 -1
  34. package/dist/dynamic/components/Form/package.json +1 -1
  35. package/dist/dynamic/components/FormSelect/package.json +1 -1
  36. package/dist/dynamic/components/HelperText/package.json +1 -1
  37. package/dist/dynamic/components/Hint/package.json +1 -1
  38. package/dist/dynamic/components/Icon/package.json +1 -1
  39. package/dist/dynamic/components/InputGroup/package.json +1 -1
  40. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  41. package/dist/dynamic/components/Label/package.json +1 -1
  42. package/dist/dynamic/components/List/package.json +1 -1
  43. package/dist/dynamic/components/LoginPage/package.json +1 -1
  44. package/dist/dynamic/components/Masthead/package.json +1 -1
  45. package/dist/dynamic/components/Menu/package.json +1 -1
  46. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  47. package/dist/dynamic/components/Modal/package.json +1 -1
  48. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  49. package/dist/dynamic/components/Nav/package.json +1 -1
  50. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  51. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  52. package/dist/dynamic/components/NumberInput/package.json +1 -1
  53. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  54. package/dist/dynamic/components/Page/package.json +1 -1
  55. package/dist/dynamic/components/Pagination/package.json +1 -1
  56. package/dist/dynamic/components/Panel/package.json +1 -1
  57. package/dist/dynamic/components/Popover/package.json +1 -1
  58. package/dist/dynamic/components/Progress/package.json +1 -1
  59. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  60. package/dist/dynamic/components/Radio/package.json +1 -1
  61. package/dist/dynamic/components/SearchInput/package.json +1 -1
  62. package/dist/dynamic/components/Select/package.json +1 -1
  63. package/dist/dynamic/components/Sidebar/package.json +1 -1
  64. package/dist/dynamic/components/SimpleList/package.json +1 -1
  65. package/dist/dynamic/components/Skeleton/package.json +1 -1
  66. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  67. package/dist/dynamic/components/Slider/package.json +1 -1
  68. package/dist/dynamic/components/Spinner/package.json +1 -1
  69. package/dist/dynamic/components/Switch/package.json +1 -1
  70. package/dist/dynamic/components/Tabs/package.json +1 -1
  71. package/dist/dynamic/components/Text/package.json +1 -1
  72. package/dist/dynamic/components/TextArea/package.json +1 -1
  73. package/dist/dynamic/components/TextInput/package.json +1 -1
  74. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  75. package/dist/dynamic/components/Tile/package.json +1 -1
  76. package/dist/dynamic/components/TimePicker/package.json +1 -1
  77. package/dist/dynamic/components/Timestamp/package.json +1 -1
  78. package/dist/dynamic/components/Title/package.json +1 -1
  79. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  80. package/dist/dynamic/components/Toolbar/package.json +1 -1
  81. package/dist/dynamic/components/Tooltip/package.json +1 -1
  82. package/dist/dynamic/components/TreeView/package.json +1 -1
  83. package/dist/dynamic/components/Truncate/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  85. package/dist/dynamic/components/Wizard/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/ApplicationLauncher/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/ContextSelector/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Dropdown/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/OptionsMenu/package.json +1 -1
  90. package/dist/dynamic/deprecated/components/PageHeader/package.json +1 -1
  91. package/dist/dynamic/deprecated/components/Select/package.json +1 -1
  92. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  93. package/dist/dynamic/deprecated/components/package.json +1 -1
  94. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  95. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  96. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  97. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  98. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  99. package/dist/dynamic/helpers/constants/package.json +1 -1
  100. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  101. package/dist/dynamic/helpers/favorites/package.json +1 -1
  102. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  103. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  104. package/dist/dynamic/helpers/package.json +1 -1
  105. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  106. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  107. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  108. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  109. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  110. package/dist/dynamic/helpers/util/package.json +1 -1
  111. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  112. package/dist/dynamic/layouts/Flex/package.json +1 -1
  113. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  114. package/dist/dynamic/layouts/Grid/package.json +1 -1
  115. package/dist/dynamic/layouts/Level/package.json +1 -1
  116. package/dist/dynamic/layouts/Split/package.json +1 -1
  117. package/dist/dynamic/layouts/Stack/package.json +1 -1
  118. package/dist/dynamic/next/components/Modal/package.json +1 -1
  119. package/dist/dynamic/next/components/package.json +1 -1
  120. package/dist/dynamic/styles/package.json +1 -1
  121. package/dist/esm/components/ActionList/ActionList.js +1 -1
  122. package/dist/esm/components/ActionList/ActionList.js.map +1 -1
  123. package/dist/esm/components/ActionList/ActionListGroup.d.ts +2 -0
  124. package/dist/esm/components/ActionList/ActionListGroup.d.ts.map +1 -1
  125. package/dist/esm/components/ActionList/ActionListGroup.js +2 -2
  126. package/dist/esm/components/ActionList/ActionListGroup.js.map +1 -1
  127. package/dist/esm/components/ActionList/ActionListItem.js +1 -1
  128. package/dist/esm/components/ActionList/ActionListItem.js.map +1 -1
  129. package/dist/esm/components/CalendarMonth/CalendarMonth.js +2 -2
  130. package/dist/esm/components/CalendarMonth/CalendarMonth.js.map +1 -1
  131. package/dist/esm/components/Menu/Menu.js +4 -4
  132. package/dist/esm/components/Menu/Menu.js.map +1 -1
  133. package/dist/esm/components/Menu/MenuItem.js +1 -1
  134. package/dist/esm/components/Menu/MenuItem.js.map +1 -1
  135. package/dist/esm/components/Menu/MenuItemAction.js +1 -1
  136. package/dist/esm/components/Menu/MenuItemAction.js.map +1 -1
  137. package/dist/esm/components/MenuToggle/MenuToggle.js +1 -1
  138. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  139. package/dist/esm/components/TreeView/TreeViewListItem.js +1 -1
  140. package/dist/esm/components/TreeView/TreeViewListItem.js.map +1 -1
  141. package/dist/js/components/ActionList/ActionList.js +1 -1
  142. package/dist/js/components/ActionList/ActionList.js.map +1 -1
  143. package/dist/js/components/ActionList/ActionListGroup.d.ts +2 -0
  144. package/dist/js/components/ActionList/ActionListGroup.d.ts.map +1 -1
  145. package/dist/js/components/ActionList/ActionListGroup.js +2 -2
  146. package/dist/js/components/ActionList/ActionListGroup.js.map +1 -1
  147. package/dist/js/components/ActionList/ActionListItem.js +1 -1
  148. package/dist/js/components/ActionList/ActionListItem.js.map +1 -1
  149. package/dist/js/components/CalendarMonth/CalendarMonth.js +2 -2
  150. package/dist/js/components/CalendarMonth/CalendarMonth.js.map +1 -1
  151. package/dist/js/components/Menu/Menu.js +4 -4
  152. package/dist/js/components/Menu/Menu.js.map +1 -1
  153. package/dist/js/components/Menu/MenuItem.js +1 -1
  154. package/dist/js/components/Menu/MenuItem.js.map +1 -1
  155. package/dist/js/components/Menu/MenuItemAction.js +1 -1
  156. package/dist/js/components/Menu/MenuItemAction.js.map +1 -1
  157. package/dist/js/components/MenuToggle/MenuToggle.js +1 -1
  158. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  159. package/dist/js/components/TreeView/TreeViewListItem.js +1 -1
  160. package/dist/js/components/TreeView/TreeViewListItem.js.map +1 -1
  161. package/dist/styles/base-no-reset.css +26 -15
  162. package/dist/styles/base.css +26 -15
  163. package/dist/umd/react-core.min.js +1 -1
  164. package/helpers/package.json +1 -1
  165. package/layouts/package.json +1 -1
  166. package/next/package.json +1 -1
  167. package/package.json +6 -6
  168. package/src/components/ActionList/ActionList.tsx +1 -1
  169. package/src/components/ActionList/ActionListGroup.tsx +5 -2
  170. package/src/components/ActionList/ActionListItem.tsx +1 -1
  171. package/src/components/ActionList/__tests__/ActionListGroup.test.tsx +8 -2
  172. package/src/components/ActionList/examples/ActionListSingleGroup.tsx +45 -40
  173. package/src/components/ActionList/examples/ActionListWithCancelButton.tsx +12 -10
  174. package/src/components/ActionList/examples/ActionListWithIcons.tsx +44 -13
  175. package/src/components/CalendarMonth/CalendarMonth.tsx +2 -2
  176. package/src/components/Divider/examples/Divider.md +11 -3
  177. package/src/components/Divider/examples/{DividerVerticalFlexInsetMedium.tsx → DividerVerticalFlexInsetSmall.tsx} +2 -2
  178. package/src/components/Menu/Menu.tsx +2 -2
  179. package/src/components/Menu/MenuItem.tsx +1 -1
  180. package/src/components/Menu/MenuItemAction.tsx +1 -1
  181. package/src/components/Menu/__tests__/Menu.test.tsx +0 -11
  182. package/src/components/MenuToggle/MenuToggle.tsx +1 -1
  183. package/src/components/TreeView/TreeViewListItem.tsx +1 -1
  184. package/src/components/TreeView/__tests__/TreeViewListItem.test.tsx +6 -6
package/dist/styles/base.css CHANGED
@@ -532,10 +532,10 @@ html .ws-preview {
532
532
  --pf-t--global--border--radius--small: var(--pf-t--global--border--radius--200);
533
533
  --pf-t--global--border--radius--tiny: var(--pf-t--global--border--radius--100);
534
534
  --pf-t--global--border--radius--sharp: var(--pf-t--global--border--radius--0);
535
- --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
535
+ --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
536
536
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
537
537
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
538
- --pf-t--global--border--width--button--active: var(--pf-t--global--border--width--200);
538
+ --pf-t--global--border--width--button--clicked: var(--pf-t--global--border--width--200);
539
539
  --pf-t--global--border--width--button--hover: var(--pf-t--global--border--width--200);
540
540
  --pf-t--global--border--width--button--default: var(--pf-t--global--border--width--100);
541
541
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
@@ -546,7 +546,7 @@ html .ws-preview {
546
546
  --pf-t--global--border--width--extra-strong: var(--pf-t--global--border--width--300);
547
547
  --pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);
548
548
  --pf-t--global--border--width--regular: var(--pf-t--global--border--width--100);
549
- --pf-t--global--border--width--divider--active: var(--pf-t--global--border--width--100);
549
+ --pf-t--global--border--width--divider--clicked: var(--pf-t--global--border--width--100);
550
550
  --pf-t--global--border--width--divider--hover: var(--pf-t--global--border--width--100);
551
551
  --pf-t--global--border--width--divider--default: var(--pf-t--global--border--width--100);
552
552
  --pf-t--global--icon--color--300: var(--pf-t--color--white);
@@ -691,7 +691,6 @@ html .ws-preview {
691
691
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
692
692
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
693
693
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
694
- --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
695
694
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
696
695
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
697
696
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
@@ -703,6 +702,14 @@ html .ws-preview {
703
702
  --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
704
703
  --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
705
704
  --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
705
+ --pf-t--global--icon--size--font--4xl: var(--pf-t--global--font--size--4xl);
706
+ --pf-t--global--icon--size--font--3xl: var(--pf-t--global--font--size--3xl);
707
+ --pf-t--global--icon--size--font--2xl: var(--pf-t--global--font--size--2xl);
708
+ --pf-t--global--icon--size--font--xl: var(--pf-t--global--font--size--xl);
709
+ --pf-t--global--icon--size--font--lg: var(--pf-t--global--font--size--lg);
710
+ --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
711
+ --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
712
+ --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
706
713
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
707
714
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
708
715
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
@@ -771,10 +778,12 @@ html .ws-preview {
771
778
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
772
779
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
773
780
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
774
- --pf-t--global--color--status--unread--default--active: var(--pf-t--global--color--brand--clicked);
781
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
775
782
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
776
783
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
777
784
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
785
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
786
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
778
787
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
779
788
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
780
789
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -859,15 +868,15 @@ html .ws-preview {
859
868
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
860
869
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
861
870
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
862
- --pf-t--global--icon--size--body--lg: var(--pf-t--global--font--size--body--lg);
863
- --pf-t--global--icon--size--body--default: var(--pf-t--global--font--size--body--default);
864
- --pf-t--global--icon--size--body--sm: var(--pf-t--global--font--size--body--sm);
865
- --pf-t--global--icon--size--heading--h6: var(--pf-t--global--font--size--heading--h6);
866
- --pf-t--global--icon--size--heading--h5: var(--pf-t--global--font--size--heading--h5);
867
- --pf-t--global--icon--size--heading--h4: var(--pf-t--global--font--size--heading--h4);
868
- --pf-t--global--icon--size--heading--h3: var(--pf-t--global--font--size--heading--h3);
869
- --pf-t--global--icon--size--heading--h2: var(--pf-t--global--font--size--heading--h2);
870
- --pf-t--global--icon--size--heading--h1: var(--pf-t--global--font--size--heading--h1);
871
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
872
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
873
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
874
+ --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
875
+ --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
876
+ --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
877
+ --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
878
+ --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
879
+ --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
871
880
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
872
881
  }
873
882
 
@@ -1121,6 +1130,8 @@ html .ws-preview {
1121
1130
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
1122
1131
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
1123
1132
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
1133
+ --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1134
+ --pf-t--global--border--color--disabled: var(--pf-t--global--background--color--disabled--default);
1124
1135
  --pf-t--global--border--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
1125
1136
  --pf-t--global--border--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
1126
1137
  --pf-t--global--border--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -1213,7 +1224,7 @@ html .ws-preview {
1213
1224
  --pf-t--global--color--status--unread--attention--hover: var(--pf-t--global--color--status--danger--hover);
1214
1225
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
1215
1226
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
1216
- --pf-t--global--color--status--unread--default--active: var(--pf-t--global--color--brand--clicked);
1227
+ --pf-t--global--color--status--unread--default--clicked: var(--pf-t--global--color--brand--clicked);
1217
1228
  --pf-t--global--color--status--unread--default--hover: var(--pf-t--global--color--brand--hover);
1218
1229
  --pf-t--global--color--status--unread--default--default: var(--pf-t--global--color--brand--default);
1219
1230
  --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--action--plain--hover);