@patternfly/react-core 6.0.0-alpha.81 → 6.0.0-alpha.82

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 (220) hide show
  1. package/CHANGELOG.md +6 -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/Tile/package.json +1 -1
  74. package/dist/dynamic/components/TimePicker/package.json +1 -1
  75. package/dist/dynamic/components/Timestamp/package.json +1 -1
  76. package/dist/dynamic/components/Title/package.json +1 -1
  77. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  78. package/dist/dynamic/components/Toolbar/package.json +1 -1
  79. package/dist/dynamic/components/Tooltip/package.json +1 -1
  80. package/dist/dynamic/components/TreeView/package.json +1 -1
  81. package/dist/dynamic/components/Truncate/package.json +1 -1
  82. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/package.json +1 -1
  84. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  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/esm/components/Page/Page.d.ts.map +1 -1
  115. package/dist/esm/components/Page/Page.js +1 -1
  116. package/dist/esm/components/Page/Page.js.map +1 -1
  117. package/dist/esm/components/Toolbar/Toolbar.d.ts +0 -2
  118. package/dist/esm/components/Toolbar/Toolbar.d.ts.map +1 -1
  119. package/dist/esm/components/Toolbar/Toolbar.js +2 -2
  120. package/dist/esm/components/Toolbar/Toolbar.js.map +1 -1
  121. package/dist/esm/components/Toolbar/ToolbarContent.d.ts +0 -2
  122. package/dist/esm/components/Toolbar/ToolbarContent.d.ts.map +1 -1
  123. package/dist/esm/components/Toolbar/ToolbarContent.js +2 -2
  124. package/dist/esm/components/Toolbar/ToolbarContent.js.map +1 -1
  125. package/dist/esm/components/Toolbar/ToolbarGroup.d.ts +12 -9
  126. package/dist/esm/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
  127. package/dist/esm/components/Toolbar/ToolbarGroup.js +6 -2
  128. package/dist/esm/components/Toolbar/ToolbarGroup.js.map +1 -1
  129. package/dist/esm/components/Toolbar/ToolbarItem.d.ts +7 -7
  130. package/dist/esm/components/Toolbar/ToolbarItem.d.ts.map +1 -1
  131. package/dist/esm/components/Toolbar/ToolbarLabelGroupContent.d.ts.map +1 -1
  132. package/dist/esm/components/Toolbar/ToolbarLabelGroupContent.js +7 -5
  133. package/dist/esm/components/Toolbar/ToolbarLabelGroupContent.js.map +1 -1
  134. package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts +0 -8
  135. package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
  136. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +3 -2
  137. package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  138. package/dist/esm/components/Toolbar/ToolbarUtils.js +4 -4
  139. package/dist/esm/components/Toolbar/ToolbarUtils.js.map +1 -1
  140. package/dist/esm/demos/DashboardHeader.js +2 -2
  141. package/dist/esm/demos/DashboardHeader.js.map +1 -1
  142. package/dist/esm/helpers/constants.js +10 -10
  143. package/dist/esm/helpers/constants.js.map +1 -1
  144. package/dist/js/components/Page/Page.d.ts.map +1 -1
  145. package/dist/js/components/Page/Page.js +1 -1
  146. package/dist/js/components/Page/Page.js.map +1 -1
  147. package/dist/js/components/Toolbar/Toolbar.d.ts +0 -2
  148. package/dist/js/components/Toolbar/Toolbar.d.ts.map +1 -1
  149. package/dist/js/components/Toolbar/Toolbar.js +2 -2
  150. package/dist/js/components/Toolbar/Toolbar.js.map +1 -1
  151. package/dist/js/components/Toolbar/ToolbarContent.d.ts +0 -2
  152. package/dist/js/components/Toolbar/ToolbarContent.d.ts.map +1 -1
  153. package/dist/js/components/Toolbar/ToolbarContent.js +2 -2
  154. package/dist/js/components/Toolbar/ToolbarContent.js.map +1 -1
  155. package/dist/js/components/Toolbar/ToolbarGroup.d.ts +12 -9
  156. package/dist/js/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
  157. package/dist/js/components/Toolbar/ToolbarGroup.js +6 -2
  158. package/dist/js/components/Toolbar/ToolbarGroup.js.map +1 -1
  159. package/dist/js/components/Toolbar/ToolbarItem.d.ts +7 -7
  160. package/dist/js/components/Toolbar/ToolbarItem.d.ts.map +1 -1
  161. package/dist/js/components/Toolbar/ToolbarLabelGroupContent.d.ts.map +1 -1
  162. package/dist/js/components/Toolbar/ToolbarLabelGroupContent.js +7 -5
  163. package/dist/js/components/Toolbar/ToolbarLabelGroupContent.js.map +1 -1
  164. package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts +0 -8
  165. package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
  166. package/dist/js/components/Toolbar/ToolbarToggleGroup.js +3 -2
  167. package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
  168. package/dist/js/components/Toolbar/ToolbarUtils.js +4 -4
  169. package/dist/js/components/Toolbar/ToolbarUtils.js.map +1 -1
  170. package/dist/js/demos/DashboardHeader.js +2 -2
  171. package/dist/js/demos/DashboardHeader.js.map +1 -1
  172. package/dist/js/helpers/constants.js +10 -10
  173. package/dist/js/helpers/constants.js.map +1 -1
  174. package/dist/styles/base-no-reset.css +62 -58
  175. package/dist/styles/base.css +62 -58
  176. package/dist/umd/assets/{output-Bz-Tlpbu.css → output-CJBOn_jY.css} +1934 -2114
  177. package/dist/umd/react-core.min.js +2 -2
  178. package/helpers/package.json +1 -1
  179. package/layouts/package.json +1 -1
  180. package/next/package.json +1 -1
  181. package/package.json +6 -6
  182. package/src/components/Page/Page.tsx +1 -1
  183. package/src/components/Toolbar/Toolbar.tsx +0 -4
  184. package/src/components/Toolbar/ToolbarContent.tsx +1 -7
  185. package/src/components/Toolbar/ToolbarGroup.tsx +27 -10
  186. package/src/components/Toolbar/ToolbarItem.tsx +7 -7
  187. package/src/components/Toolbar/ToolbarLabelGroupContent.tsx +13 -11
  188. package/src/components/Toolbar/ToolbarToggleGroup.tsx +9 -11
  189. package/src/components/Toolbar/ToolbarUtils.tsx +4 -4
  190. package/src/components/Toolbar/__tests__/Toolbar.test.tsx +0 -19
  191. package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +30 -77
  192. package/src/components/Toolbar/examples/ToolbarCustomLabelGroupContent.tsx +1 -1
  193. package/src/components/Toolbar/examples/ToolbarGroups.tsx +2 -2
  194. package/src/components/Toolbar/examples/ToolbarInsets.tsx +23 -19
  195. package/src/components/Toolbar/examples/ToolbarSpacers.tsx +23 -19
  196. package/src/components/Toolbar/examples/ToolbarStacked.tsx +2 -2
  197. package/src/components/Toolbar/examples/ToolbarSticky.tsx +1 -1
  198. package/src/components/Toolbar/examples/ToolbarWithFilters.tsx +1 -1
  199. package/src/demos/DashboardHeader.tsx +2 -2
  200. package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +2 -2
  201. package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +2 -2
  202. package/src/demos/RTL/examples/PaginatedTable.jsx +2 -2
  203. package/src/demos/RTL/examples/PaginatedTable.tsx +2 -2
  204. package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +2 -2
  205. package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +2 -2
  206. package/src/demos/examples/Nav/NavFlyout.tsx +2 -2
  207. package/src/demos/examples/Nav/NavHorizontal.tsx +2 -2
  208. package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +2 -2
  209. package/src/demos/examples/Nav/NavManual.tsx +2 -2
  210. package/src/demos/examples/Page/PageContextSelector.tsx +2 -2
  211. package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +2 -2
  212. package/src/demos/examples/Page/PageStickySectionGroup.tsx +2 -2
  213. package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +2 -2
  214. package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +1 -1
  215. package/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +1 -1
  216. package/src/demos/examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx +1 -1
  217. package/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +1 -1
  218. package/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +1 -1
  219. package/src/demos/examples/Tabs/TabsAndTable.tsx +1 -1
  220. package/src/helpers/constants.ts +10 -10
package/dist/styles/base-no-reset.css CHANGED
@@ -60,7 +60,7 @@
60
60
  }
61
61
 
62
62
  @font-face {
63
- font-family: RedHatTextVF;
63
+ font-family: "Red Hat Text";
64
64
  font-style: normal;
65
65
  font-weight: 400 500;
66
66
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
@@ -68,7 +68,7 @@
68
68
  }
69
69
 
70
70
  @font-face {
71
- font-family: RedHatTextVF;
71
+ font-family: "Red Hat Text";
72
72
  font-style: italic;
73
73
  font-weight: 400 500;
74
74
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
@@ -76,7 +76,7 @@
76
76
  }
77
77
 
78
78
  @font-face {
79
- font-family: RedHatDisplayVF;
79
+ font-family: "Red Hat Display";
80
80
  font-style: normal;
81
81
  font-weight: 400 700;
82
82
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  @font-face {
87
- font-family: RedHatDisplayVF;
87
+ font-family: "Red Hat Display";
88
88
  font-style: italic;
89
89
  font-weight: 400 700;
90
90
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
@@ -92,7 +92,7 @@
92
92
  }
93
93
 
94
94
  @font-face {
95
- font-family: RedHatMonoVF;
95
+ font-family: "Red Hat Mono";
96
96
  font-style: normal;
97
97
  font-weight: 400;
98
98
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
@@ -100,7 +100,7 @@
100
100
  }
101
101
 
102
102
  @font-face {
103
- font-family: RedHatMonoVF;
103
+ font-family: "Red Hat Mono";
104
104
  font-style: italic;
105
105
  font-weight: 400;
106
106
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -910,15 +910,15 @@
910
910
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
911
911
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
912
912
  --pf-t--global--box-shadow--spread--100: 0px;
913
- --pf-t--global--breakpoint--100: 0px;
914
- --pf-t--global--breakpoint--200: 576px;
915
- --pf-t--global--breakpoint--250: 640px;
916
- --pf-t--global--breakpoint--300: 768px;
917
- --pf-t--global--breakpoint--350: 960px;
918
- --pf-t--global--breakpoint--400: 992px;
919
- --pf-t--global--breakpoint--500: 1200px;
920
- --pf-t--global--breakpoint--550: 1280px;
921
- --pf-t--global--breakpoint--600: 1450px;
913
+ --pf-t--global--breakpoint--100: 0rem;
914
+ --pf-t--global--breakpoint--200: 36rem;
915
+ --pf-t--global--breakpoint--250: 40rem;
916
+ --pf-t--global--breakpoint--300: 48rem;
917
+ --pf-t--global--breakpoint--350: 60rem;
918
+ --pf-t--global--breakpoint--400: 62rem;
919
+ --pf-t--global--breakpoint--500: 75rem;
920
+ --pf-t--global--breakpoint--550: 80rem;
921
+ --pf-t--global--breakpoint--600: 90.625rem;
922
922
  --pf-t--global--delay--100: 0ms;
923
923
  --pf-t--global--delay--200: 50ms;
924
924
  --pf-t--global--delay--300: 100ms;
@@ -930,37 +930,41 @@
930
930
  --pf-t--global--duration--50: 50ms;
931
931
  --pf-t--global--duration--500: 500ms;
932
932
  --pf-t--global--duration--600: 600ms;
933
- --pf-t--global--font--family--100: "Red Hat Text VF";
934
- --pf-t--global--font--family--200: "Red Hat Display VF";
935
- --pf-t--global--font--family--300: "Red Hat Mono VF";
933
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
934
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
935
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
936
936
  --pf-t--global--font--line-height--100: 1.3;
937
937
  --pf-t--global--font--line-height--200: 1.5;
938
- --pf-t--global--font--size--100: 12px;
939
- --pf-t--global--font--size--200: 14px;
940
- --pf-t--global--font--size--300: 16px;
941
- --pf-t--global--font--size--400: 18px;
942
- --pf-t--global--font--size--500: 20px;
943
- --pf-t--global--font--size--600: 22px;
944
- --pf-t--global--font--size--700: 28px;
945
- --pf-t--global--font--size--800: 36px;
938
+ --pf-t--global--font--size--100: 0.75rem;
939
+ --pf-t--global--font--size--200: 0.875rem;
940
+ --pf-t--global--font--size--300: 1rem;
941
+ --pf-t--global--font--size--400: 1.125rem;
942
+ --pf-t--global--font--size--500: 1.25rem;
943
+ --pf-t--global--font--size--600: 1.375rem;
944
+ --pf-t--global--font--size--700: 1.75rem;
945
+ --pf-t--global--font--size--800: 2.25rem;
946
946
  --pf-t--global--font--weight--100: 400;
947
947
  --pf-t--global--font--weight--200: 500;
948
948
  --pf-t--global--font--weight--300: 700;
949
949
  --pf-t--global--font--weight--400: 700;
950
- --pf-t--global--icon--size--100: 12px;
951
- --pf-t--global--icon--size--200: 14px;
952
- --pf-t--global--icon--size--250: 16px;
953
- --pf-t--global--icon--size--300: 22px;
954
- --pf-t--global--icon--size--400: 56px;
955
- --pf-t--global--icon--size--500: 96px;
956
- --pf-t--global--spacer--100: 4px;
957
- --pf-t--global--spacer--200: 8px;
958
- --pf-t--global--spacer--300: 16px;
959
- --pf-t--global--spacer--400: 24px;
960
- --pf-t--global--spacer--500: 32px;
961
- --pf-t--global--spacer--600: 48px;
962
- --pf-t--global--spacer--700: 64px;
963
- --pf-t--global--spacer--800: 80px;
950
+ --pf-t--global--icon--size--100: 0.75rem;
951
+ --pf-t--global--icon--size--200: 0.875rem;
952
+ --pf-t--global--icon--size--250: 1rem;
953
+ --pf-t--global--icon--size--300: 1.375rem;
954
+ --pf-t--global--icon--size--400: 3.5rem;
955
+ --pf-t--global--icon--size--500: 6rem;
956
+ --pf-t--global--spacer--100: 0.25rem;
957
+ --pf-t--global--spacer--200: 0.5rem;
958
+ --pf-t--global--spacer--300: 1rem;
959
+ --pf-t--global--spacer--400: 1.5rem;
960
+ --pf-t--global--spacer--500: 2rem;
961
+ --pf-t--global--spacer--600: 3rem;
962
+ --pf-t--global--spacer--700: 4rem;
963
+ --pf-t--global--spacer--800: 5rem;
964
+ --pf-t--global--text-decoration--line--100: none;
965
+ --pf-t--global--text-decoration--line--200: underline;
966
+ --pf-t--global--text-decoration--style--100: solid;
967
+ --pf-t--global--text-decoration--style--200: dashed;
964
968
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
965
969
  --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
966
970
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -1161,6 +1165,18 @@
1161
1165
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
1162
1166
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
1163
1167
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
1168
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
1169
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
1170
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
1171
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
1172
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
1173
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
1174
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
1175
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
1176
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
1177
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
1178
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
1179
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
1164
1180
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
1165
1181
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
1166
1182
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -1329,6 +1345,8 @@
1329
1345
  --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
1330
1346
  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
1331
1347
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
1348
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
1349
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
1332
1350
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
1333
1351
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
1334
1352
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
@@ -1342,6 +1360,8 @@
1342
1360
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
1343
1361
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
1344
1362
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
1363
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
1364
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
1345
1365
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
1346
1366
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1347
1367
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
@@ -1512,24 +1532,8 @@
1512
1532
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
1513
1533
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
1514
1534
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1515
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
1516
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
1517
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
1518
- --pf-t--global--font--line-height--100: 1.3;
1519
- --pf-t--global--font--line-height--200: 1.5;
1520
- --pf-t--global--font--weight--body--100: 400;
1521
- --pf-t--global--font--weight--body--200: 500;
1522
- --pf-t--global--font--weight--heading--100: 700;
1523
- --pf-t--global--font--weight--heading--200: 700;
1524
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
1525
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
1526
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
1527
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
1528
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
1529
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
1530
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
1531
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
1532
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
1535
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
1536
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
1533
1537
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
1534
1538
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
1535
1539
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
package/dist/styles/base.css CHANGED
@@ -181,7 +181,7 @@ button) {
181
181
  }
182
182
 
183
183
  @font-face {
184
- font-family: RedHatTextVF;
184
+ font-family: "Red Hat Text";
185
185
  font-style: normal;
186
186
  font-weight: 400 500;
187
187
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
@@ -189,7 +189,7 @@ button) {
189
189
  }
190
190
 
191
191
  @font-face {
192
- font-family: RedHatTextVF;
192
+ font-family: "Red Hat Text";
193
193
  font-style: italic;
194
194
  font-weight: 400 500;
195
195
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
@@ -197,7 +197,7 @@ button) {
197
197
  }
198
198
 
199
199
  @font-face {
200
- font-family: RedHatDisplayVF;
200
+ font-family: "Red Hat Display";
201
201
  font-style: normal;
202
202
  font-weight: 400 700;
203
203
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
@@ -205,7 +205,7 @@ button) {
205
205
  }
206
206
 
207
207
  @font-face {
208
- font-family: RedHatDisplayVF;
208
+ font-family: "Red Hat Display";
209
209
  font-style: italic;
210
210
  font-weight: 400 700;
211
211
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
@@ -213,7 +213,7 @@ button) {
213
213
  }
214
214
 
215
215
  @font-face {
216
- font-family: RedHatMonoVF;
216
+ font-family: "Red Hat Mono";
217
217
  font-style: normal;
218
218
  font-weight: 400;
219
219
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
@@ -221,7 +221,7 @@ button) {
221
221
  }
222
222
 
223
223
  @font-face {
224
- font-family: RedHatMonoVF;
224
+ font-family: "Red Hat Mono";
225
225
  font-style: italic;
226
226
  font-weight: 400;
227
227
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -1031,15 +1031,15 @@ button) {
1031
1031
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
1032
1032
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
1033
1033
  --pf-t--global--box-shadow--spread--100: 0px;
1034
- --pf-t--global--breakpoint--100: 0px;
1035
- --pf-t--global--breakpoint--200: 576px;
1036
- --pf-t--global--breakpoint--250: 640px;
1037
- --pf-t--global--breakpoint--300: 768px;
1038
- --pf-t--global--breakpoint--350: 960px;
1039
- --pf-t--global--breakpoint--400: 992px;
1040
- --pf-t--global--breakpoint--500: 1200px;
1041
- --pf-t--global--breakpoint--550: 1280px;
1042
- --pf-t--global--breakpoint--600: 1450px;
1034
+ --pf-t--global--breakpoint--100: 0rem;
1035
+ --pf-t--global--breakpoint--200: 36rem;
1036
+ --pf-t--global--breakpoint--250: 40rem;
1037
+ --pf-t--global--breakpoint--300: 48rem;
1038
+ --pf-t--global--breakpoint--350: 60rem;
1039
+ --pf-t--global--breakpoint--400: 62rem;
1040
+ --pf-t--global--breakpoint--500: 75rem;
1041
+ --pf-t--global--breakpoint--550: 80rem;
1042
+ --pf-t--global--breakpoint--600: 90.625rem;
1043
1043
  --pf-t--global--delay--100: 0ms;
1044
1044
  --pf-t--global--delay--200: 50ms;
1045
1045
  --pf-t--global--delay--300: 100ms;
@@ -1051,37 +1051,41 @@ button) {
1051
1051
  --pf-t--global--duration--50: 50ms;
1052
1052
  --pf-t--global--duration--500: 500ms;
1053
1053
  --pf-t--global--duration--600: 600ms;
1054
- --pf-t--global--font--family--100: "Red Hat Text VF";
1055
- --pf-t--global--font--family--200: "Red Hat Display VF";
1056
- --pf-t--global--font--family--300: "Red Hat Mono VF";
1054
+ --pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
1055
+ --pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", helvetica, arial, sans-serif;
1056
+ --pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", courier, monospace;
1057
1057
  --pf-t--global--font--line-height--100: 1.3;
1058
1058
  --pf-t--global--font--line-height--200: 1.5;
1059
- --pf-t--global--font--size--100: 12px;
1060
- --pf-t--global--font--size--200: 14px;
1061
- --pf-t--global--font--size--300: 16px;
1062
- --pf-t--global--font--size--400: 18px;
1063
- --pf-t--global--font--size--500: 20px;
1064
- --pf-t--global--font--size--600: 22px;
1065
- --pf-t--global--font--size--700: 28px;
1066
- --pf-t--global--font--size--800: 36px;
1059
+ --pf-t--global--font--size--100: 0.75rem;
1060
+ --pf-t--global--font--size--200: 0.875rem;
1061
+ --pf-t--global--font--size--300: 1rem;
1062
+ --pf-t--global--font--size--400: 1.125rem;
1063
+ --pf-t--global--font--size--500: 1.25rem;
1064
+ --pf-t--global--font--size--600: 1.375rem;
1065
+ --pf-t--global--font--size--700: 1.75rem;
1066
+ --pf-t--global--font--size--800: 2.25rem;
1067
1067
  --pf-t--global--font--weight--100: 400;
1068
1068
  --pf-t--global--font--weight--200: 500;
1069
1069
  --pf-t--global--font--weight--300: 700;
1070
1070
  --pf-t--global--font--weight--400: 700;
1071
- --pf-t--global--icon--size--100: 12px;
1072
- --pf-t--global--icon--size--200: 14px;
1073
- --pf-t--global--icon--size--250: 16px;
1074
- --pf-t--global--icon--size--300: 22px;
1075
- --pf-t--global--icon--size--400: 56px;
1076
- --pf-t--global--icon--size--500: 96px;
1077
- --pf-t--global--spacer--100: 4px;
1078
- --pf-t--global--spacer--200: 8px;
1079
- --pf-t--global--spacer--300: 16px;
1080
- --pf-t--global--spacer--400: 24px;
1081
- --pf-t--global--spacer--500: 32px;
1082
- --pf-t--global--spacer--600: 48px;
1083
- --pf-t--global--spacer--700: 64px;
1084
- --pf-t--global--spacer--800: 80px;
1071
+ --pf-t--global--icon--size--100: 0.75rem;
1072
+ --pf-t--global--icon--size--200: 0.875rem;
1073
+ --pf-t--global--icon--size--250: 1rem;
1074
+ --pf-t--global--icon--size--300: 1.375rem;
1075
+ --pf-t--global--icon--size--400: 3.5rem;
1076
+ --pf-t--global--icon--size--500: 6rem;
1077
+ --pf-t--global--spacer--100: 0.25rem;
1078
+ --pf-t--global--spacer--200: 0.5rem;
1079
+ --pf-t--global--spacer--300: 1rem;
1080
+ --pf-t--global--spacer--400: 1.5rem;
1081
+ --pf-t--global--spacer--500: 2rem;
1082
+ --pf-t--global--spacer--600: 3rem;
1083
+ --pf-t--global--spacer--700: 4rem;
1084
+ --pf-t--global--spacer--800: 5rem;
1085
+ --pf-t--global--text-decoration--line--100: none;
1086
+ --pf-t--global--text-decoration--line--200: underline;
1087
+ --pf-t--global--text-decoration--style--100: solid;
1088
+ --pf-t--global--text-decoration--style--200: dashed;
1085
1089
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
1086
1090
  --pf-t--global--timing-function--200: cubic-bezier(.4, 0, .2, 1);
1087
1091
  --pf-t--global--timing-function--300: cubic-bezier(0, 0, .2, 1);
@@ -1282,6 +1286,18 @@ button) {
1282
1286
  --pf-t--global--text--color--link--100: var(--pf-t--color--blue--50);
1283
1287
  --pf-t--global--text--color--link--200: var(--pf-t--color--blue--60);
1284
1288
  --pf-t--global--text--color--link--300: var(--pf-t--color--purple--50);
1289
+ --pf-t--global--text-decoration--editable-text--line--default: var(--pf-t--global--text-decoration--line--200);
1290
+ --pf-t--global--text-decoration--editable-text--line--hover: var(--pf-t--global--text-decoration--line--200);
1291
+ --pf-t--global--text-decoration--editable-text--style--default: var(--pf-t--global--text-decoration--style--200);
1292
+ --pf-t--global--text-decoration--editable-text--style--hover: var(--pf-t--global--text-decoration--style--200);
1293
+ --pf-t--global--text-decoration--help-text--line--default: var(--pf-t--global--text-decoration--line--200);
1294
+ --pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
1295
+ --pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
1296
+ --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
1297
+ --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--style--200);
1298
+ --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--style--200);
1299
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
1300
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
1285
1301
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
1286
1302
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
1287
1303
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -1450,6 +1466,8 @@ button) {
1450
1466
  --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
1451
1467
  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
1452
1468
  --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
1469
+ --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
1470
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
1453
1471
  --pf-t--global--text--color--disabled: var(--pf-t--global--color--disabled--200);
1454
1472
  --pf-t--global--text--color--inverse: var(--pf-t--global--text--color--300);
1455
1473
  --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--100);
@@ -1463,6 +1481,8 @@ button) {
1463
1481
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
1464
1482
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
1465
1483
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
1484
+ --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
1485
+ --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
1466
1486
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
1467
1487
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
1468
1488
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
@@ -1633,24 +1653,8 @@ button) {
1633
1653
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
1634
1654
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
1635
1655
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
1636
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
1637
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
1638
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
1639
- --pf-t--global--font--line-height--100: 1.3;
1640
- --pf-t--global--font--line-height--200: 1.5;
1641
- --pf-t--global--font--weight--body--100: 400;
1642
- --pf-t--global--font--weight--body--200: 500;
1643
- --pf-t--global--font--weight--heading--100: 700;
1644
- --pf-t--global--font--weight--heading--200: 700;
1645
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
1646
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
1647
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
1648
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
1649
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
1650
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
1651
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
1652
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
1653
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
1656
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
1657
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
1654
1658
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
1655
1659
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
1656
1660
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);