@patternfly/react-core 6.0.0-alpha.86 → 6.0.0-alpha.88

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 (289) hide show
  1. package/CHANGELOG.md +16 -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/dynamic-modules.json +3 -11
  115. package/dist/esm/components/Content/Content.d.ts +3 -3
  116. package/dist/esm/components/Content/Content.d.ts.map +1 -1
  117. package/dist/esm/components/Content/Content.js +24 -24
  118. package/dist/esm/components/Content/Content.js.map +1 -1
  119. package/dist/esm/components/Content/index.d.ts +0 -3
  120. package/dist/esm/components/Content/index.d.ts.map +1 -1
  121. package/dist/esm/components/Content/index.js +0 -3
  122. package/dist/esm/components/Content/index.js.map +1 -1
  123. package/dist/esm/components/Page/Page.d.ts +2 -0
  124. package/dist/esm/components/Page/Page.d.ts.map +1 -1
  125. package/dist/esm/components/Page/Page.js +2 -2
  126. package/dist/esm/components/Page/Page.js.map +1 -1
  127. package/dist/esm/components/Page/PageGroup.d.ts +3 -1
  128. package/dist/esm/components/Page/PageGroup.d.ts.map +1 -1
  129. package/dist/esm/components/Page/PageGroup.js +2 -2
  130. package/dist/esm/components/Page/PageGroup.js.map +1 -1
  131. package/dist/esm/components/Page/PageSection.d.ts +1 -1
  132. package/dist/esm/components/Page/PageSection.d.ts.map +1 -1
  133. package/dist/esm/components/Wizard/Wizard.d.ts.map +1 -1
  134. package/dist/esm/components/Wizard/Wizard.js +5 -3
  135. package/dist/esm/components/Wizard/Wizard.js.map +1 -1
  136. package/dist/esm/components/Wizard/WizardContext.d.ts.map +1 -1
  137. package/dist/esm/components/Wizard/WizardContext.js +13 -3
  138. package/dist/esm/components/Wizard/WizardContext.js.map +1 -1
  139. package/dist/esm/demos/DashboardWrapper.d.ts.map +1 -1
  140. package/dist/esm/demos/DashboardWrapper.js +4 -4
  141. package/dist/esm/demos/DashboardWrapper.js.map +1 -1
  142. package/dist/js/components/Content/Content.d.ts +3 -3
  143. package/dist/js/components/Content/Content.d.ts.map +1 -1
  144. package/dist/js/components/Content/Content.js +26 -26
  145. package/dist/js/components/Content/Content.js.map +1 -1
  146. package/dist/js/components/Content/index.d.ts +0 -3
  147. package/dist/js/components/Content/index.d.ts.map +1 -1
  148. package/dist/js/components/Content/index.js +0 -3
  149. package/dist/js/components/Content/index.js.map +1 -1
  150. package/dist/js/components/Page/Page.d.ts +2 -0
  151. package/dist/js/components/Page/Page.d.ts.map +1 -1
  152. package/dist/js/components/Page/Page.js +2 -2
  153. package/dist/js/components/Page/Page.js.map +1 -1
  154. package/dist/js/components/Page/PageGroup.d.ts +3 -1
  155. package/dist/js/components/Page/PageGroup.d.ts.map +1 -1
  156. package/dist/js/components/Page/PageGroup.js +2 -2
  157. package/dist/js/components/Page/PageGroup.js.map +1 -1
  158. package/dist/js/components/Page/PageSection.d.ts +1 -1
  159. package/dist/js/components/Page/PageSection.d.ts.map +1 -1
  160. package/dist/js/components/Wizard/Wizard.d.ts.map +1 -1
  161. package/dist/js/components/Wizard/Wizard.js +5 -3
  162. package/dist/js/components/Wizard/Wizard.js.map +1 -1
  163. package/dist/js/components/Wizard/WizardContext.d.ts.map +1 -1
  164. package/dist/js/components/Wizard/WizardContext.js +13 -3
  165. package/dist/js/components/Wizard/WizardContext.js.map +1 -1
  166. package/dist/js/demos/DashboardWrapper.d.ts.map +1 -1
  167. package/dist/js/demos/DashboardWrapper.js +3 -3
  168. package/dist/js/demos/DashboardWrapper.js.map +1 -1
  169. package/dist/styles/base-no-reset.css +6 -6
  170. package/dist/styles/base.css +8 -8
  171. package/dist/umd/assets/{output-DncgfZci.css → output-DbCJu18k.css} +3884 -3885
  172. package/dist/umd/react-core.min.js +1 -1
  173. package/helpers/package.json +1 -1
  174. package/layouts/package.json +1 -1
  175. package/next/package.json +1 -1
  176. package/package.json +6 -6
  177. package/src/components/AboutModal/examples/AboutModalBasic.tsx +19 -19
  178. package/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx +21 -21
  179. package/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx +19 -19
  180. package/src/components/Content/Content.tsx +6 -6
  181. package/src/components/Content/__tests__/Content.test.tsx +194 -20
  182. package/src/components/Content/__tests__/__snapshots__/Content.test.tsx.snap +1 -1
  183. package/src/components/Content/examples/Content.md +13 -13
  184. package/src/components/Content/examples/ContentBody.tsx +12 -10
  185. package/src/components/Content/examples/ContentDescriptionList.tsx +9 -11
  186. package/src/components/Content/examples/ContentHeadings.tsx +7 -7
  187. package/src/components/Content/examples/ContentOrderedList.tsx +10 -10
  188. package/src/components/Content/examples/ContentPlainList.tsx +22 -18
  189. package/src/components/Content/examples/ContentUnorderedList.tsx +12 -12
  190. package/src/components/Content/examples/ContentVisited.tsx +23 -23
  191. package/src/components/Content/examples/ContentWrapper.tsx +7 -7
  192. package/src/components/Content/index.ts +0 -3
  193. package/src/components/DataList/examples/DataListWidthModifiers.tsx +10 -12
  194. package/src/components/Icon/examples/IconInline.tsx +10 -12
  195. package/src/components/Modal/examples/ModalCustomHeader.tsx +4 -6
  196. package/src/components/Page/Page.tsx +4 -1
  197. package/src/components/Page/PageGroup.tsx +5 -0
  198. package/src/components/Page/PageSection.tsx +1 -1
  199. package/src/components/Page/__tests__/Page.test.tsx +21 -0
  200. package/src/components/Page/__tests__/PageGroup.test.tsx +20 -0
  201. package/src/components/Page/__tests__/PageSection.test.tsx +27 -0
  202. package/src/components/Page/examples/Page.md +2 -2
  203. package/src/components/Page/examples/PageWithOrWithoutFill.tsx +4 -5
  204. package/src/components/Slider/examples/SliderActions.tsx +2 -2
  205. package/src/components/Slider/examples/SliderContinuous.tsx +3 -3
  206. package/src/components/Slider/examples/SliderDisabled.tsx +2 -2
  207. package/src/components/Slider/examples/SliderDiscrete.tsx +14 -14
  208. package/src/components/Spinner/examples/SpinnerInline.tsx +10 -12
  209. package/src/components/Wizard/Wizard.tsx +5 -3
  210. package/src/components/Wizard/WizardContext.tsx +13 -4
  211. package/src/demos/Banner.md +14 -25
  212. package/src/demos/CardView/examples/CardView.tsx +5 -6
  213. package/src/demos/DashboardWrapper.tsx +6 -7
  214. package/src/demos/DataList/examples/DataListBasic.tsx +17 -20
  215. package/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +7 -9
  216. package/src/demos/DescriptionList/examples/DescriptionListBasic.tsx +6 -8
  217. package/src/demos/JumpLinks.md +3 -3
  218. package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +7 -8
  219. package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +7 -8
  220. package/src/demos/RTL/examples/PaginatedTable.jsx +5 -7
  221. package/src/demos/RTL/examples/PaginatedTable.tsx +5 -7
  222. package/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx +14 -15
  223. package/src/demos/examples/BackToTop/BackToTopNameDemo.tsx +7 -8
  224. package/src/demos/examples/DashboardWrapper.js +6 -7
  225. package/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js +3 -3
  226. package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +9 -13
  227. package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +5 -6
  228. package/src/demos/examples/Nav/NavDefault.tsx +8 -9
  229. package/src/demos/examples/Nav/NavExpandable.tsx +8 -9
  230. package/src/demos/examples/Nav/NavGrouped.tsx +8 -9
  231. package/src/demos/examples/Nav/NavHorizontal.tsx +7 -8
  232. package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +7 -8
  233. package/src/demos/examples/Nav/NavManual.tsx +7 -8
  234. package/src/demos/examples/Nav/NavWithSubnav.tsx +8 -9
  235. package/src/demos/examples/Page/PageContextSelector.tsx +5 -6
  236. package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +5 -6
  237. package/src/demos/examples/Page/PageStickySectionGroup.tsx +5 -6
  238. package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +5 -6
  239. package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +10 -14
  240. package/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +7 -8
  241. package/src/demos/examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx +8 -10
  242. package/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +7 -8
  243. package/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +7 -8
  244. package/src/demos/examples/PrimaryDetail/PrimaryDetailSimpleListInCard.tsx +8 -10
  245. package/src/demos/examples/Tabs/ModalTabs.tsx +5 -6
  246. package/src/demos/examples/Tabs/NestedUnindentedTabs.tsx +4 -5
  247. package/src/demos/examples/Wizard/InModalWithDrawerInformationalStep.tsx +4 -6
  248. package/src/demos/examples/Wizard/InPageWithDrawer.tsx +5 -6
  249. package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx +8 -9
  250. package/dist/esm/components/Content/TextContent.d.ts +0 -11
  251. package/dist/esm/components/Content/TextContent.d.ts.map +0 -1
  252. package/dist/esm/components/Content/TextContent.js +0 -10
  253. package/dist/esm/components/Content/TextContent.js.map +0 -1
  254. package/dist/esm/components/Content/TextList.d.ts +0 -18
  255. package/dist/esm/components/Content/TextList.d.ts.map +0 -1
  256. package/dist/esm/components/Content/TextList.js +0 -22
  257. package/dist/esm/components/Content/TextList.js.map +0 -1
  258. package/dist/esm/components/Content/TextListItem.d.ts +0 -16
  259. package/dist/esm/components/Content/TextListItem.d.ts.map +0 -1
  260. package/dist/esm/components/Content/TextListItem.js +0 -22
  261. package/dist/esm/components/Content/TextListItem.js.map +0 -1
  262. package/dist/js/components/Content/TextContent.d.ts +0 -11
  263. package/dist/js/components/Content/TextContent.d.ts.map +0 -1
  264. package/dist/js/components/Content/TextContent.js +0 -14
  265. package/dist/js/components/Content/TextContent.js.map +0 -1
  266. package/dist/js/components/Content/TextList.d.ts +0 -18
  267. package/dist/js/components/Content/TextList.d.ts.map +0 -1
  268. package/dist/js/components/Content/TextList.js +0 -26
  269. package/dist/js/components/Content/TextList.js.map +0 -1
  270. package/dist/js/components/Content/TextListItem.d.ts +0 -16
  271. package/dist/js/components/Content/TextListItem.d.ts.map +0 -1
  272. package/dist/js/components/Content/TextListItem.js +0 -26
  273. package/dist/js/components/Content/TextListItem.js.map +0 -1
  274. package/src/components/Content/TextContent.tsx +0 -25
  275. package/src/components/Content/TextList.tsx +0 -43
  276. package/src/components/Content/TextListItem.tsx +0 -40
  277. package/src/components/Content/__tests__/Generated/TextContent.test.tsx +0 -13
  278. package/src/components/Content/__tests__/Generated/TextList.test.tsx +0 -13
  279. package/src/components/Content/__tests__/Generated/TextListItem.test.tsx +0 -13
  280. package/src/components/Content/__tests__/Generated/__snapshots__/TextContent.test.tsx.snap +0 -11
  281. package/src/components/Content/__tests__/Generated/__snapshots__/TextList.test.tsx.snap +0 -11
  282. package/src/components/Content/__tests__/Generated/__snapshots__/TextListItem.test.tsx.snap +0 -11
  283. package/src/components/Content/__tests__/TextContent.test.tsx +0 -48
  284. package/src/components/Content/__tests__/TextList.test.tsx +0 -52
  285. package/src/components/Content/__tests__/TextListItem.test.tsx +0 -47
  286. package/src/components/Content/__tests__/__snapshots__/TextContent.test.tsx.snap +0 -11
  287. package/src/components/Content/__tests__/__snapshots__/TextList.test.tsx.snap +0 -11
  288. package/src/components/Content/__tests__/__snapshots__/TextListItem.test.tsx.snap +0 -11
  289. package/src/components/Text/examples/Text.md +0 -8
@@ -6,6 +6,7 @@ import {
6
6
  CardHeader,
7
7
  CardBody,
8
8
  CardTitle,
9
+ Content,
9
10
  Divider,
10
11
  Drawer,
11
12
  DrawerActions,
@@ -24,14 +25,11 @@ import {
24
25
  MenuToggle,
25
26
  MenuToggleCheckbox,
26
27
  PageSection,
27
- PageSectionVariants,
28
28
  Pagination,
29
29
  Progress,
30
30
  Select,
31
31
  SelectList,
32
32
  SelectOption,
33
- TextContent,
34
- Text,
35
33
  Title,
36
34
  Toolbar,
37
35
  ToolbarFilter,
@@ -573,11 +571,9 @@ export const PrimaryDetailCardView: React.FunctionComponent = () => {
573
571
  </Button>
574
572
  </FlexItem>
575
573
  <FlexItem>
576
- <TextContent>
577
- <Text component="small" className="pf-v6-u-color-200 pf-v6-u-font-family-text">
578
- Provided by Red Hat
579
- </Text>
580
- </TextContent>
574
+ <Content>
575
+ <small className="pf-v6-u-color-200 pf-v6-u-font-family-text">Provided by Red Hat</small>
576
+ </Content>
581
577
  </FlexItem>
582
578
  </Flex>
583
579
  </CardTitle>
@@ -620,11 +616,11 @@ export const PrimaryDetailCardView: React.FunctionComponent = () => {
620
616
 
621
617
  return (
622
618
  <DashboardWrapper mainContainerId="main-content-card-view-default-nav" breadcrumb={null}>
623
- <PageSection variant={PageSectionVariants.light}>
624
- <TextContent>
625
- <Text component="h1">Projects</Text>
626
- <Text component="p">This is a demo that showcases Patternfly Cards.</Text>
627
- </TextContent>
619
+ <PageSection>
620
+ <Content>
621
+ <h1>Projects</h1>
622
+ <p>This is a demo that showcases Patternfly cards.</p>
623
+ </Content>
628
624
  </PageSection>
629
625
  <PageSection isFilled padding={{ default: 'noPadding' }}>
630
626
  <Toolbar id="card-view-data-toolbar-group-types" clearAllFilters={onDelete}>
@@ -634,7 +630,7 @@ export const PrimaryDetailCardView: React.FunctionComponent = () => {
634
630
  </PageSection>
635
631
  <PageSection isFilled padding={{ default: 'noPadding' }}>
636
632
  <Drawer isExpanded={isDrawerExpanded} className={'pf-m-inline-on-2xl'}>
637
- <DrawerContent panelContent={panelContent} colorVariant="no-background">
633
+ <DrawerContent panelContent={panelContent}>
638
634
  <DrawerContentBody hasPadding>{drawerContent}</DrawerContentBody>
639
635
  </DrawerContent>
640
636
  </Drawer>
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import {
3
3
  Button,
4
4
  ButtonVariant,
5
+ Content,
5
6
  DataList,
6
7
  DataListAction,
7
8
  DataListCell,
@@ -30,8 +31,6 @@ import {
30
31
  Progress,
31
32
  Stack,
32
33
  StackItem,
33
- Text,
34
- TextContent,
35
34
  TextInput,
36
35
  Title,
37
36
  Select,
@@ -419,13 +418,13 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => {
419
418
  return (
420
419
  <DashboardWrapper>
421
420
  <PageSection>
422
- <TextContent>
423
- <Text component="h1">Main title</Text>
424
- <Text component="p">
425
- Body text should be Overpass Regular at 16px. It should have leading of 24px because <br />
421
+ <Content>
422
+ <h1>Main title</h1>
423
+ <p>
424
+ Body text should be Red Hat Text at 1rem(16px). It should have leading of 1.5rem(24px) because <br />
426
425
  of it's relative line height of 1.5.
427
- </Text>
428
- </TextContent>
426
+ </p>
427
+ </Content>
429
428
  </PageSection>
430
429
  <Divider component="div" />
431
430
  <PageSection padding={{ default: 'noPadding' }}>
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import {
3
3
  Card,
4
+ Content,
4
5
  DataList,
5
6
  DataListCell,
6
7
  DataListItem,
@@ -25,10 +26,7 @@ import {
25
26
  FlexItem,
26
27
  MenuToggle,
27
28
  PageSection,
28
- PageSectionVariants,
29
29
  Progress,
30
- Text,
31
- TextContent,
32
30
  Title
33
31
  } from '@patternfly/react-core';
34
32
  import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper';
@@ -183,14 +181,14 @@ export const PrimaryDetailDataListInCard: React.FunctionComponent = () => {
183
181
 
184
182
  return (
185
183
  <DashboardWrapper>
186
- <PageSection variant={PageSectionVariants.light}>
187
- <TextContent>
188
- <Text component="h1">Main title</Text>
189
- <Text component="p">
190
- Body text should be Overpass Regular at 16px. It should have leading of 24px because <br />
184
+ <PageSection>
185
+ <Content>
186
+ <h1>Main title</h1>
187
+ <p>
188
+ Body text should be Red Hat Text at 1rem(16px). It should have leading of 1.5rem(24px) because <br />
191
189
  of it’s relative line height of 1.5.
192
- </Text>
193
- </TextContent>
190
+ </p>
191
+ </Content>
194
192
  </PageSection>
195
193
  <Divider component="div" />
196
194
  <PageSection>
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import {
3
3
  Button,
4
4
  ButtonVariant,
5
+ Content,
5
6
  DataList,
6
7
  DataListAction,
7
8
  DataListCell,
@@ -30,8 +31,6 @@ import {
30
31
  Progress,
31
32
  Stack,
32
33
  StackItem,
33
- Text,
34
- TextContent,
35
34
  TextInput,
36
35
  Title,
37
36
  Select,
@@ -419,13 +418,13 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => {
419
418
  return (
420
419
  <DashboardWrapper mainContainerId="main-content-page-layout-default-nav">
421
420
  <PageSection>
422
- <TextContent>
423
- <Text component="h1">Main title</Text>
424
- <Text component="p">
425
- Body text should be Overpass Regular at 16px. It should have leading of 24px because <br />
421
+ <Content>
422
+ <h1>Main title</h1>
423
+ <p>
424
+ Body text should be Red Hat Text at 1rem(16px). It should have leading of 1.5rem(24px) because <br />
426
425
  of it's relative line height of 1.5.
427
- </Text>
428
- </TextContent>
426
+ </p>
427
+ </Content>
429
428
  </PageSection>
430
429
  <Divider component="div" />
431
430
  <PageSection padding={{ default: 'noPadding' }}>
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import {
3
3
  Button,
4
4
  ButtonVariant,
5
+ Content,
5
6
  DataList,
6
7
  DataListAction,
7
8
  DataListCell,
@@ -30,8 +31,6 @@ import {
30
31
  Progress,
31
32
  Stack,
32
33
  StackItem,
33
- Text,
34
- TextContent,
35
34
  TextInput,
36
35
  Title,
37
36
  Select,
@@ -419,13 +418,13 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => {
419
418
  return (
420
419
  <DashboardWrapper>
421
420
  <PageSection>
422
- <TextContent>
423
- <Text component="h1">Main title</Text>
424
- <Text component="p">
425
- Body text should be Overpass Regular at 16px. It should have leading of 24px because <br />
421
+ <Content>
422
+ <h1>Main title</h1>
423
+ <p>
424
+ Body text should be Red Hat Text at 1rem(16px). It should have leading of 1.5rem(24px) because <br />
426
425
  of it's relative line height of 1.5.
427
- </Text>
428
- </TextContent>
426
+ </p>
427
+ </Content>
429
428
  </PageSection>
430
429
  <Divider component="div" />
431
430
  <PageSection padding={{ default: 'noPadding' }}>
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import {
3
3
  Card,
4
+ Content,
4
5
  Divider,
5
6
  Drawer,
6
7
  DrawerActions,
@@ -13,13 +14,10 @@ import {
13
14
  Flex,
14
15
  FlexItem,
15
16
  PageSection,
16
- PageSectionVariants,
17
17
  Progress,
18
18
  SimpleList,
19
19
  SimpleListGroup,
20
20
  SimpleListItem,
21
- Text,
22
- TextContent,
23
21
  Title
24
22
  } from '@patternfly/react-core';
25
23
  import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper';
@@ -92,14 +90,14 @@ export const PrimaryDetailSimpleListInCard: React.FunctionComponent = () => {
92
90
 
93
91
  return (
94
92
  <DashboardWrapper>
95
- <PageSection variant={PageSectionVariants.light}>
96
- <TextContent>
97
- <Text component="h1">Main title</Text>
98
- <Text component="p">
99
- Body text should be Overpass Regular at 16px. It should have leading of 24px because <br />
93
+ <PageSection>
94
+ <Content>
95
+ <h1>Main title</h1>
96
+ <p>
97
+ Body text should be Red Hat Text at 1rem(16px). It should have leading of 1.5rem(24px) because <br />
100
98
  of it’s relative line height of 1.5.
101
- </Text>
102
- </TextContent>
99
+ </p>
100
+ </Content>
103
101
  </PageSection>
104
102
  <Divider component="div" />
105
103
  <PageSection>
@@ -2,8 +2,7 @@ import React from 'react';
2
2
  import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper';
3
3
  import {
4
4
  PageSection,
5
- TextContent,
6
- Text,
5
+ Content,
7
6
  Gallery,
8
7
  Card,
9
8
  CardBody,
@@ -82,10 +81,10 @@ export const ModalTabs: React.FunctionComponent = () => {
82
81
  <React.Fragment>
83
82
  <DashboardWrapper mainContainerId="main-content-card-view-default-nav">
84
83
  <PageSection>
85
- <TextContent>
86
- <Text component="h1">Projects</Text>
87
- <Text component="p">Click any project card to view Tabs within Modals.</Text>
88
- </TextContent>
84
+ <Content>
85
+ <h1>Projects</h1>
86
+ <p>Click any project card to view tabs within modals.</p>
87
+ </Content>
89
88
  </PageSection>
90
89
  <PageSection isFilled>
91
90
  <Gallery hasGutter aria-label="Selectable card container">
@@ -3,6 +3,7 @@ import {
3
3
  Card,
4
4
  CardHeader,
5
5
  CardBody,
6
+ Content,
6
7
  Grid,
7
8
  GridItem,
8
9
  PageSection,
@@ -12,8 +13,6 @@ import {
12
13
  TabContentBody,
13
14
  TabTitleText,
14
15
  Title,
15
- Text,
16
- TextContent,
17
16
  TitleSizes,
18
17
  CardTitle
19
18
  } from '@patternfly/react-core';
@@ -65,9 +64,9 @@ export const NestedUnindentedTabs: React.FunctionComponent = () => {
65
64
  <TabContentBody>
66
65
  <Grid hasGutter>
67
66
  <GridItem>
68
- <TextContent>
69
- <Text>To perform a standard x86_64 installation using the GUI, you'll need to:</Text>
70
- </TextContent>
67
+ <Content component="p">
68
+ To perform a standard x86_64 installation using the GUI, you'll need to:
69
+ </Content>
71
70
  </GridItem>
72
71
  <Grid md={6} xl2={3} hasGutter>
73
72
  <Card component="div">
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import {
3
3
  Button,
4
+ Content,
4
5
  Drawer,
5
6
  DrawerActions,
6
7
  DrawerCloseButton,
@@ -11,9 +12,6 @@ import {
11
12
  Flex,
12
13
  Modal,
13
14
  ModalVariant,
14
- Text,
15
- TextContent,
16
- TextVariants,
17
15
  Wizard,
18
16
  WizardHeader,
19
17
  WizardStep
@@ -59,8 +57,8 @@ export const WizardModalWithDrawerInfoStepDemo: React.FunctionComponent = () =>
59
57
  spaceItems={{ default: 'spaceItemsLg' }}
60
58
  height="100%"
61
59
  >
62
- <TextContent>
63
- <Text component={TextVariants.h1}>{stepName} content</Text>
60
+ <Content>
61
+ <h1>{stepName} content</h1>
64
62
  <p>
65
63
  Wizard description goes here. If you need more assistance,{' '}
66
64
  <Button isInline variant="link" onClick={onOpenClick}>
@@ -68,7 +66,7 @@ export const WizardModalWithDrawerInfoStepDemo: React.FunctionComponent = () =>
68
66
  </Button>{' '}
69
67
  in the side drawer.{' '}
70
68
  </p>
71
- </TextContent>
69
+ </Content>
72
70
  </Flex>
73
71
  </DrawerContent>
74
72
  </Drawer>
@@ -4,6 +4,7 @@ import {
4
4
  Breadcrumb,
5
5
  BreadcrumbItem,
6
6
  Button,
7
+ Content,
7
8
  Drawer,
8
9
  DrawerActions,
9
10
  DrawerCloseButton,
@@ -21,8 +22,6 @@ import {
21
22
  PageSidebar,
22
23
  PageSidebarBody,
23
24
  SkipToContent,
24
- Text,
25
- TextContent,
26
25
  Masthead,
27
26
  PageToggleButton,
28
27
  MastheadToggle,
@@ -159,10 +158,10 @@ export const WizardFullPageWithDrawerDemo: React.FunctionComponent = () => {
159
158
  mainContainerId={pageId}
160
159
  >
161
160
  <PageSection>
162
- <TextContent>
163
- <Text component="h1">Main title</Text>
164
- <Text component="p">A demo of a wizard in a page.</Text>
165
- </TextContent>
161
+ <Content>
162
+ <h1>Main title</h1>
163
+ <p>A demo of a wizard in a page.</p>
164
+ </Content>
166
165
  </PageSection>
167
166
  <PageSection type={PageSectionTypes.wizard}>
168
167
  <Wizard>
@@ -4,6 +4,7 @@ import {
4
4
  Breadcrumb,
5
5
  BreadcrumbItem,
6
6
  Button,
7
+ Content,
7
8
  Drawer,
8
9
  DrawerActions,
9
10
  DrawerCloseButton,
@@ -21,8 +22,6 @@ import {
21
22
  PageSidebar,
22
23
  PageSidebarBody,
23
24
  SkipToContent,
24
- Text,
25
- TextContent,
26
25
  Masthead,
27
26
  PageToggleButton,
28
27
  MastheadToggle,
@@ -138,8 +137,8 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
138
137
  spaceItems={{ default: 'spaceItemsLg' }}
139
138
  height="100%"
140
139
  >
141
- <TextContent>
142
- <Text>{stepName} content</Text>
140
+ <Content>
141
+ <p>{stepName} content</p>
143
142
  <p>
144
143
  Wizard description goes here. If you need more assistance,{' '}
145
144
  <Button isInline variant="link" onClick={onOpenClick}>
@@ -147,7 +146,7 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
147
146
  </Button>{' '}
148
147
  in the side drawer.{' '}
149
148
  </p>
150
- </TextContent>
149
+ </Content>
151
150
  </Flex>
152
151
  </DrawerContent>
153
152
  </Drawer>
@@ -164,10 +163,10 @@ export const WizardFullPageWithDrawerInfoStepDemo: React.FunctionComponent = ()
164
163
  mainContainerId={pageId}
165
164
  >
166
165
  <PageSection>
167
- <TextContent>
168
- <Text component="h1">Main title</Text>
169
- <Text component="p">A demo of a wizard in a page.</Text>
170
- </TextContent>
166
+ <Content>
167
+ <h1>Main title</h1>
168
+ <p>A demo of a wizard in a page.</p>
169
+ </Content>
171
170
  </PageSection>
172
171
  <PageSection type={PageSectionTypes.wizard} ß>
173
172
  <Wizard>
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- export interface TextContentProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Content rendered within the TextContent */
4
- children?: React.ReactNode;
5
- /** Additional classes added to the TextContent */
6
- className?: string;
7
- /** Flag to indicate the all links in a the content block have visited styles applied if the browser determines the link has been visited */
8
- isVisited?: boolean;
9
- }
10
- export declare const TextContent: React.FunctionComponent<TextContentProps>;
11
- //# sourceMappingURL=TextContent.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/TextContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4IAA4I;IAC5I,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CASjE,CAAC"}
@@ -1,10 +0,0 @@
1
- import { __rest } from "tslib";
2
- import * as React from 'react';
3
- import styles from '@patternfly/react-styles/css/components/Content/content.mjs';
4
- import { css } from '@patternfly/react-styles';
5
- export const TextContent = (_a) => {
6
- var { children, className = '', isVisited = false } = _a, props = __rest(_a, ["children", "className", "isVisited"]);
7
- return (React.createElement("div", Object.assign({}, props, { className: css(styles.content, isVisited && styles.modifiers.visited, className) }), children));
8
- };
9
- TextContent.displayName = 'TextContent';
10
- //# sourceMappingURL=TextContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextContent.js","sourceRoot":"","sources":["../../../../src/components/Content/TextContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAW/C,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAKpD,EAAE,EAAE;QALgD,EACrE,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,OAEA,EADd,KAAK,cAJ6D,sCAKtE,CADS;IACc,OAAA,CACtB,6CAAS,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,KAC7F,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
@@ -1,18 +0,0 @@
1
- import * as React from 'react';
2
- export declare enum TextListVariants {
3
- ul = "ul",
4
- ol = "ol",
5
- dl = "dl"
6
- }
7
- export interface TextListProps extends React.HTMLProps<HTMLElement> {
8
- /** Content rendered within the TextList */
9
- children?: React.ReactNode;
10
- /** Additional classes added to the TextList */
11
- className?: string;
12
- /** The text list component */
13
- component?: 'ul' | 'ol' | 'dl';
14
- /** Modifies the list to include plain styling */
15
- isPlain?: boolean;
16
- }
17
- export declare const TextList: React.FunctionComponent<TextListProps>;
18
- //# sourceMappingURL=TextList.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextList.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/TextList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,oBAAY,gBAAgB;IAC1B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAQD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACjE,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAc3D,CAAC"}
@@ -1,22 +0,0 @@
1
- import { __rest } from "tslib";
2
- import * as React from 'react';
3
- import styles from '@patternfly/react-styles/css/components/Content/content.mjs';
4
- import { css } from '@patternfly/react-styles';
5
- export var TextListVariants;
6
- (function (TextListVariants) {
7
- TextListVariants["ul"] = "ul";
8
- TextListVariants["ol"] = "ol";
9
- TextListVariants["dl"] = "dl";
10
- })(TextListVariants || (TextListVariants = {}));
11
- const componentStyles = {
12
- ul: styles.contentUl,
13
- ol: styles.contentOl,
14
- dl: styles.contentDl
15
- };
16
- export const TextList = (_a) => {
17
- var { children = null, className = '', component = TextListVariants.ul, isPlain = false } = _a, props = __rest(_a, ["children", "className", "component", "isPlain"]);
18
- const Component = component;
19
- return (React.createElement(Component, Object.assign({}, props, { className: css(isPlain && styles.modifiers.plain, componentStyles[component], className) }), children));
20
- };
21
- TextList.displayName = 'TextList';
22
- //# sourceMappingURL=TextList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextList.js","sourceRoot":"","sources":["../../../../src/components/Content/TextList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,6BAAS,CAAA;IACT,6BAAS,CAAA;IACT,6BAAS,CAAA;AACX,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAED,MAAM,eAAe,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC,SAAS;IACpB,EAAE,EAAE,MAAM,CAAC,SAAS;IACpB,EAAE,EAAE,MAAM,CAAC,SAAS;CACrB,CAAC;AAaF,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,EAMjD,EAAE,EAAE;QAN6C,EAC/D,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,gBAAgB,CAAC,EAAE,EAC/B,OAAO,GAAG,KAAK,OAED,EADX,KAAK,cALuD,iDAMhE,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,KAC3G,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- export declare enum TextListItemVariants {
3
- li = "li",
4
- dt = "dt",
5
- dd = "dd"
6
- }
7
- export interface TextListItemProps extends React.HTMLProps<HTMLElement> {
8
- /** Content rendered within the TextListItem */
9
- children?: React.ReactNode;
10
- /** Additional classes added to the TextListItem */
11
- className?: string;
12
- /** The text list item component */
13
- component?: 'li' | 'dt' | 'dd';
14
- }
15
- export declare const TextListItem: React.FunctionComponent<TextListItemProps>;
16
- //# sourceMappingURL=TextListItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/TextListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,oBAAY,oBAAoB;IAC9B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAQD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACrE,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAanE,CAAC"}
@@ -1,22 +0,0 @@
1
- import { __rest } from "tslib";
2
- import * as React from 'react';
3
- import styles from '@patternfly/react-styles/css/components/Content/content.mjs';
4
- import { css } from '@patternfly/react-styles';
5
- export var TextListItemVariants;
6
- (function (TextListItemVariants) {
7
- TextListItemVariants["li"] = "li";
8
- TextListItemVariants["dt"] = "dt";
9
- TextListItemVariants["dd"] = "dd";
10
- })(TextListItemVariants || (TextListItemVariants = {}));
11
- const componentStyles = {
12
- li: styles.contentLi,
13
- dt: styles.contentDt,
14
- dd: styles.contentDd
15
- };
16
- export const TextListItem = (_a) => {
17
- var { children = null, className = '', component = TextListItemVariants.li } = _a, props = __rest(_a, ["children", "className", "component"]);
18
- const Component = component;
19
- return (React.createElement(Component, Object.assign({}, props, { className: css(componentStyles[component], className) }), children));
20
- };
21
- TextListItem.displayName = 'TextListItem';
22
- //# sourceMappingURL=TextListItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextListItem.js","sourceRoot":"","sources":["../../../../src/components/Content/TextListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAN,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,iCAAS,CAAA;IACT,iCAAS,CAAA;IACT,iCAAS,CAAA;AACX,CAAC,EAJW,oBAAoB,KAApB,oBAAoB,QAI/B;AAED,MAAM,eAAe,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC,SAAS;IACpB,EAAE,EAAE,MAAM,CAAC,SAAS;IACpB,EAAE,EAAE,MAAM,CAAC,SAAS;CACrB,CAAC;AAWF,MAAM,CAAC,MAAM,YAAY,GAA+C,CAAC,EAKrD,EAAE,EAAE;QALiD,EACvE,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,oBAAoB,CAAC,EAAE,OAEjB,EADf,KAAK,cAJ+D,sCAKxE,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,KACxE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
- export interface TextContentProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Content rendered within the TextContent */
4
- children?: React.ReactNode;
5
- /** Additional classes added to the TextContent */
6
- className?: string;
7
- /** Flag to indicate the all links in a the content block have visited styles applied if the browser determines the link has been visited */
8
- isVisited?: boolean;
9
- }
10
- export declare const TextContent: React.FunctionComponent<TextContentProps>;
11
- //# sourceMappingURL=TextContent.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/TextContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4IAA4I;IAC5I,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CASjE,CAAC"}
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TextContent = void 0;
4
- const tslib_1 = require("tslib");
5
- const React = tslib_1.__importStar(require("react"));
6
- const content_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Content/content"));
7
- const react_styles_1 = require("@patternfly/react-styles");
8
- const TextContent = (_a) => {
9
- var { children, className = '', isVisited = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "isVisited"]);
10
- return (React.createElement("div", Object.assign({}, props, { className: (0, react_styles_1.css)(content_1.default.content, isVisited && content_1.default.modifiers.visited, className) }), children));
11
- };
12
- exports.TextContent = TextContent;
13
- exports.TextContent.displayName = 'TextContent';
14
- //# sourceMappingURL=TextContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextContent.js","sourceRoot":"","sources":["../../../../src/components/Content/TextContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAWxC,MAAM,WAAW,GAA8C,CAAC,EAKpD,EAAE,EAAE;QALgD,EACrE,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,OAEA,EADd,KAAK,sBAJ6D,sCAKtE,CADS;IACc,OAAA,CACtB,6CAAS,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,OAAO,EAAE,SAAS,IAAI,iBAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,KAC7F,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AATW,QAAA,WAAW,eAStB;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
@@ -1,18 +0,0 @@
1
- import * as React from 'react';
2
- export declare enum TextListVariants {
3
- ul = "ul",
4
- ol = "ol",
5
- dl = "dl"
6
- }
7
- export interface TextListProps extends React.HTMLProps<HTMLElement> {
8
- /** Content rendered within the TextList */
9
- children?: React.ReactNode;
10
- /** Additional classes added to the TextList */
11
- className?: string;
12
- /** The text list component */
13
- component?: 'ul' | 'ol' | 'dl';
14
- /** Modifies the list to include plain styling */
15
- isPlain?: boolean;
16
- }
17
- export declare const TextList: React.FunctionComponent<TextListProps>;
18
- //# sourceMappingURL=TextList.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextList.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/TextList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,oBAAY,gBAAgB;IAC1B,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAQD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACjE,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAc3D,CAAC"}