@patternfly/react-core 6.0.0-alpha.87 → 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 (245) 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/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/demos/DashboardWrapper.d.ts.map +1 -1
  124. package/dist/esm/demos/DashboardWrapper.js +4 -4
  125. package/dist/esm/demos/DashboardWrapper.js.map +1 -1
  126. package/dist/js/components/Content/Content.d.ts +3 -3
  127. package/dist/js/components/Content/Content.d.ts.map +1 -1
  128. package/dist/js/components/Content/Content.js +26 -26
  129. package/dist/js/components/Content/Content.js.map +1 -1
  130. package/dist/js/components/Content/index.d.ts +0 -3
  131. package/dist/js/components/Content/index.d.ts.map +1 -1
  132. package/dist/js/components/Content/index.js +0 -3
  133. package/dist/js/components/Content/index.js.map +1 -1
  134. package/dist/js/demos/DashboardWrapper.d.ts.map +1 -1
  135. package/dist/js/demos/DashboardWrapper.js +3 -3
  136. package/dist/js/demos/DashboardWrapper.js.map +1 -1
  137. package/dist/umd/assets/{output-InLLAkYl.css → output-DbCJu18k.css} +3546 -3546
  138. package/dist/umd/react-core.min.js +1 -1
  139. package/helpers/package.json +1 -1
  140. package/layouts/package.json +1 -1
  141. package/next/package.json +1 -1
  142. package/package.json +2 -2
  143. package/src/components/AboutModal/examples/AboutModalBasic.tsx +19 -19
  144. package/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx +21 -21
  145. package/src/components/AboutModal/examples/AboutModalWithoutProductName.tsx +19 -19
  146. package/src/components/Content/Content.tsx +6 -6
  147. package/src/components/Content/__tests__/Content.test.tsx +194 -20
  148. package/src/components/Content/__tests__/__snapshots__/Content.test.tsx.snap +1 -1
  149. package/src/components/Content/examples/Content.md +13 -13
  150. package/src/components/Content/examples/ContentBody.tsx +12 -10
  151. package/src/components/Content/examples/ContentDescriptionList.tsx +9 -11
  152. package/src/components/Content/examples/ContentHeadings.tsx +7 -7
  153. package/src/components/Content/examples/ContentOrderedList.tsx +10 -10
  154. package/src/components/Content/examples/ContentPlainList.tsx +22 -18
  155. package/src/components/Content/examples/ContentUnorderedList.tsx +12 -12
  156. package/src/components/Content/examples/ContentVisited.tsx +23 -23
  157. package/src/components/Content/examples/ContentWrapper.tsx +7 -7
  158. package/src/components/Content/index.ts +0 -3
  159. package/src/components/DataList/examples/DataListWidthModifiers.tsx +10 -12
  160. package/src/components/Icon/examples/IconInline.tsx +10 -12
  161. package/src/components/Modal/examples/ModalCustomHeader.tsx +4 -6
  162. package/src/components/Slider/examples/SliderActions.tsx +2 -2
  163. package/src/components/Slider/examples/SliderContinuous.tsx +3 -3
  164. package/src/components/Slider/examples/SliderDisabled.tsx +2 -2
  165. package/src/components/Slider/examples/SliderDiscrete.tsx +14 -14
  166. package/src/components/Spinner/examples/SpinnerInline.tsx +10 -12
  167. package/src/demos/Banner.md +14 -25
  168. package/src/demos/CardView/examples/CardView.tsx +5 -6
  169. package/src/demos/DashboardWrapper.tsx +6 -7
  170. package/src/demos/DataList/examples/DataListBasic.tsx +17 -20
  171. package/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +7 -9
  172. package/src/demos/DescriptionList/examples/DescriptionListBasic.tsx +6 -8
  173. package/src/demos/JumpLinks.md +3 -3
  174. package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +7 -8
  175. package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +7 -8
  176. package/src/demos/RTL/examples/PaginatedTable.jsx +5 -7
  177. package/src/demos/RTL/examples/PaginatedTable.tsx +5 -7
  178. package/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx +14 -15
  179. package/src/demos/examples/BackToTop/BackToTopNameDemo.tsx +7 -8
  180. package/src/demos/examples/DashboardWrapper.js +6 -7
  181. package/src/demos/examples/JumpLinks/JumpLinksWithDrawer.js +3 -3
  182. package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +9 -13
  183. package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +5 -6
  184. package/src/demos/examples/Nav/NavDefault.tsx +8 -9
  185. package/src/demos/examples/Nav/NavExpandable.tsx +8 -9
  186. package/src/demos/examples/Nav/NavGrouped.tsx +8 -9
  187. package/src/demos/examples/Nav/NavHorizontal.tsx +7 -8
  188. package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +7 -8
  189. package/src/demos/examples/Nav/NavManual.tsx +7 -8
  190. package/src/demos/examples/Nav/NavWithSubnav.tsx +8 -9
  191. package/src/demos/examples/Page/PageContextSelector.tsx +5 -6
  192. package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +5 -6
  193. package/src/demos/examples/Page/PageStickySectionGroup.tsx +5 -6
  194. package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +5 -6
  195. package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +10 -14
  196. package/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +7 -8
  197. package/src/demos/examples/PrimaryDetail/PrimaryDetailDataListInCard.tsx +8 -10
  198. package/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +7 -8
  199. package/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +7 -8
  200. package/src/demos/examples/PrimaryDetail/PrimaryDetailSimpleListInCard.tsx +8 -10
  201. package/src/demos/examples/Tabs/ModalTabs.tsx +5 -6
  202. package/src/demos/examples/Tabs/NestedUnindentedTabs.tsx +4 -5
  203. package/src/demos/examples/Wizard/InModalWithDrawerInformationalStep.tsx +4 -6
  204. package/src/demos/examples/Wizard/InPageWithDrawer.tsx +5 -6
  205. package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx +8 -9
  206. package/dist/esm/components/Content/TextContent.d.ts +0 -11
  207. package/dist/esm/components/Content/TextContent.d.ts.map +0 -1
  208. package/dist/esm/components/Content/TextContent.js +0 -10
  209. package/dist/esm/components/Content/TextContent.js.map +0 -1
  210. package/dist/esm/components/Content/TextList.d.ts +0 -18
  211. package/dist/esm/components/Content/TextList.d.ts.map +0 -1
  212. package/dist/esm/components/Content/TextList.js +0 -22
  213. package/dist/esm/components/Content/TextList.js.map +0 -1
  214. package/dist/esm/components/Content/TextListItem.d.ts +0 -16
  215. package/dist/esm/components/Content/TextListItem.d.ts.map +0 -1
  216. package/dist/esm/components/Content/TextListItem.js +0 -22
  217. package/dist/esm/components/Content/TextListItem.js.map +0 -1
  218. package/dist/js/components/Content/TextContent.d.ts +0 -11
  219. package/dist/js/components/Content/TextContent.d.ts.map +0 -1
  220. package/dist/js/components/Content/TextContent.js +0 -14
  221. package/dist/js/components/Content/TextContent.js.map +0 -1
  222. package/dist/js/components/Content/TextList.d.ts +0 -18
  223. package/dist/js/components/Content/TextList.d.ts.map +0 -1
  224. package/dist/js/components/Content/TextList.js +0 -26
  225. package/dist/js/components/Content/TextList.js.map +0 -1
  226. package/dist/js/components/Content/TextListItem.d.ts +0 -16
  227. package/dist/js/components/Content/TextListItem.d.ts.map +0 -1
  228. package/dist/js/components/Content/TextListItem.js +0 -26
  229. package/dist/js/components/Content/TextListItem.js.map +0 -1
  230. package/src/components/Content/TextContent.tsx +0 -25
  231. package/src/components/Content/TextList.tsx +0 -43
  232. package/src/components/Content/TextListItem.tsx +0 -40
  233. package/src/components/Content/__tests__/Generated/TextContent.test.tsx +0 -13
  234. package/src/components/Content/__tests__/Generated/TextList.test.tsx +0 -13
  235. package/src/components/Content/__tests__/Generated/TextListItem.test.tsx +0 -13
  236. package/src/components/Content/__tests__/Generated/__snapshots__/TextContent.test.tsx.snap +0 -11
  237. package/src/components/Content/__tests__/Generated/__snapshots__/TextList.test.tsx.snap +0 -11
  238. package/src/components/Content/__tests__/Generated/__snapshots__/TextListItem.test.tsx.snap +0 -11
  239. package/src/components/Content/__tests__/TextContent.test.tsx +0 -48
  240. package/src/components/Content/__tests__/TextList.test.tsx +0 -52
  241. package/src/components/Content/__tests__/TextListItem.test.tsx +0 -47
  242. package/src/components/Content/__tests__/__snapshots__/TextContent.test.tsx.snap +0 -11
  243. package/src/components/Content/__tests__/__snapshots__/TextList.test.tsx.snap +0 -11
  244. package/src/components/Content/__tests__/__snapshots__/TextListItem.test.tsx.snap +0 -11
  245. package/src/components/Text/examples/Text.md +0 -8
@@ -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"}
@@ -1,26 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TextList = exports.TextListVariants = 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
- var TextListVariants;
9
- (function (TextListVariants) {
10
- TextListVariants["ul"] = "ul";
11
- TextListVariants["ol"] = "ol";
12
- TextListVariants["dl"] = "dl";
13
- })(TextListVariants || (exports.TextListVariants = TextListVariants = {}));
14
- const componentStyles = {
15
- ul: content_1.default.contentUl,
16
- ol: content_1.default.contentOl,
17
- dl: content_1.default.contentDl
18
- };
19
- const TextList = (_a) => {
20
- var { children = null, className = '', component = TextListVariants.ul, isPlain = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "component", "isPlain"]);
21
- const Component = component;
22
- return (React.createElement(Component, Object.assign({}, props, { className: (0, react_styles_1.css)(isPlain && content_1.default.modifiers.plain, componentStyles[component], className) }), children));
23
- };
24
- exports.TextList = TextList;
25
- exports.TextList.displayName = 'TextList';
26
- //# sourceMappingURL=TextList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextList.js","sourceRoot":"","sources":["../../../../src/components/Content/TextList.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAE/C,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,6BAAS,CAAA;IACT,6BAAS,CAAA;IACT,6BAAS,CAAA;AACX,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AAED,MAAM,eAAe,GAAG;IACtB,EAAE,EAAE,iBAAM,CAAC,SAAS;IACpB,EAAE,EAAE,iBAAM,CAAC,SAAS;IACpB,EAAE,EAAE,iBAAM,CAAC,SAAS;CACrB,CAAC;AAaK,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,sBALuD,iDAMhE,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,OAAO,IAAI,iBAAM,CAAC,SAAS,CAAC,KAAK,EAAE,eAAe,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,KAC3G,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,QAAQ,YAcnB;AACF,gBAAQ,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,26 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TextListItem = exports.TextListItemVariants = 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
- var TextListItemVariants;
9
- (function (TextListItemVariants) {
10
- TextListItemVariants["li"] = "li";
11
- TextListItemVariants["dt"] = "dt";
12
- TextListItemVariants["dd"] = "dd";
13
- })(TextListItemVariants || (exports.TextListItemVariants = TextListItemVariants = {}));
14
- const componentStyles = {
15
- li: content_1.default.contentLi,
16
- dt: content_1.default.contentDt,
17
- dd: content_1.default.contentDd
18
- };
19
- const TextListItem = (_a) => {
20
- var { children = null, className = '', component = TextListItemVariants.li } = _a, props = tslib_1.__rest(_a, ["children", "className", "component"]);
21
- const Component = component;
22
- return (React.createElement(Component, Object.assign({}, props, { className: (0, react_styles_1.css)(componentStyles[component], className) }), children));
23
- };
24
- exports.TextListItem = TextListItem;
25
- exports.TextListItem.displayName = 'TextListItem';
26
- //# sourceMappingURL=TextListItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextListItem.js","sourceRoot":"","sources":["../../../../src/components/Content/TextListItem.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAE/C,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC9B,iCAAS,CAAA;IACT,iCAAS,CAAA;IACT,iCAAS,CAAA;AACX,CAAC,EAJW,oBAAoB,oCAApB,oBAAoB,QAI/B;AAED,MAAM,eAAe,GAAG;IACtB,EAAE,EAAE,iBAAM,CAAC,SAAS;IACpB,EAAE,EAAE,iBAAM,CAAC,SAAS;IACpB,EAAE,EAAE,iBAAM,CAAC,SAAS;CACrB,CAAC;AAWK,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,sBAJ+D,sCAKxE,CADS;IAER,MAAM,SAAS,GAAQ,SAAS,CAAC;IAEjC,OAAO,CACL,oBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAA,kBAAG,EAAC,eAAe,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,KACxE,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,YAAY,gBAavB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
@@ -1,25 +0,0 @@
1
- import * as React from 'react';
2
- import styles from '@patternfly/react-styles/css/components/Content/content';
3
- import { css } from '@patternfly/react-styles';
4
-
5
- export interface TextContentProps extends React.HTMLProps<HTMLDivElement> {
6
- /** Content rendered within the TextContent */
7
- children?: React.ReactNode;
8
- /** Additional classes added to the TextContent */
9
- className?: string;
10
- /** Flag to indicate the all links in a the content block have visited styles applied if the browser determines the link has been visited */
11
- isVisited?: boolean;
12
- }
13
-
14
- export const TextContent: React.FunctionComponent<TextContentProps> = ({
15
- children,
16
- className = '',
17
- isVisited = false,
18
- ...props
19
- }: TextContentProps) => (
20
- <div {...props} className={css(styles.content, isVisited && styles.modifiers.visited, className)}>
21
- {children}
22
- </div>
23
- );
24
-
25
- TextContent.displayName = 'TextContent';
@@ -1,43 +0,0 @@
1
- import * as React from 'react';
2
- import styles from '@patternfly/react-styles/css/components/Content/content';
3
- import { css } from '@patternfly/react-styles';
4
-
5
- export enum TextListVariants {
6
- ul = 'ul',
7
- ol = 'ol',
8
- dl = 'dl'
9
- }
10
-
11
- const componentStyles = {
12
- ul: styles.contentUl,
13
- ol: styles.contentOl,
14
- dl: styles.contentDl
15
- };
16
-
17
- export interface TextListProps extends React.HTMLProps<HTMLElement> {
18
- /** Content rendered within the TextList */
19
- children?: React.ReactNode;
20
- /** Additional classes added to the TextList */
21
- className?: string;
22
- /** The text list component */
23
- component?: 'ul' | 'ol' | 'dl';
24
- /** Modifies the list to include plain styling */
25
- isPlain?: boolean;
26
- }
27
-
28
- export const TextList: React.FunctionComponent<TextListProps> = ({
29
- children = null,
30
- className = '',
31
- component = TextListVariants.ul,
32
- isPlain = false,
33
- ...props
34
- }: TextListProps) => {
35
- const Component: any = component;
36
-
37
- return (
38
- <Component {...props} className={css(isPlain && styles.modifiers.plain, componentStyles[component], className)}>
39
- {children}
40
- </Component>
41
- );
42
- };
43
- TextList.displayName = 'TextList';
@@ -1,40 +0,0 @@
1
- import * as React from 'react';
2
- import styles from '@patternfly/react-styles/css/components/Content/content';
3
- import { css } from '@patternfly/react-styles';
4
-
5
- export enum TextListItemVariants {
6
- li = 'li',
7
- dt = 'dt',
8
- dd = 'dd'
9
- }
10
-
11
- const componentStyles = {
12
- li: styles.contentLi,
13
- dt: styles.contentDt,
14
- dd: styles.contentDd
15
- };
16
-
17
- export interface TextListItemProps extends React.HTMLProps<HTMLElement> {
18
- /** Content rendered within the TextListItem */
19
- children?: React.ReactNode;
20
- /** Additional classes added to the TextListItem */
21
- className?: string;
22
- /** The text list item component */
23
- component?: 'li' | 'dt' | 'dd';
24
- }
25
-
26
- export const TextListItem: React.FunctionComponent<TextListItemProps> = ({
27
- children = null,
28
- className = '',
29
- component = TextListItemVariants.li,
30
- ...props
31
- }: TextListItemProps) => {
32
- const Component: any = component;
33
-
34
- return (
35
- <Component {...props} className={css(componentStyles[component], className)}>
36
- {children}
37
- </Component>
38
- );
39
- };
40
- TextListItem.displayName = 'TextListItem';
@@ -1,13 +0,0 @@
1
- /**
2
- * This test was generated
3
- */
4
- import * as React from 'react';
5
- import { render } from '@testing-library/react';
6
- import { TextContent } from '../../TextContent';
7
- // any missing imports can usually be resolved by adding them here
8
- import {} from '../..';
9
-
10
- it('TextContent should match snapshot (auto-generated)', () => {
11
- const { asFragment } = render(<TextContent children={<>ReactNode</>} className={"''"} />);
12
- expect(asFragment()).toMatchSnapshot();
13
- });
@@ -1,13 +0,0 @@
1
- /**
2
- * This test was generated
3
- */
4
- import * as React from 'react';
5
- import { render } from '@testing-library/react';
6
- import { TextList } from '../../TextList';
7
- // any missing imports can usually be resolved by adding them here
8
- import {} from '../..';
9
-
10
- it('TextList should match snapshot (auto-generated)', () => {
11
- const { asFragment } = render(<TextList children={<>ReactNode</>} className={"''"} component={'ul'} />);
12
- expect(asFragment()).toMatchSnapshot();
13
- });
@@ -1,13 +0,0 @@
1
- /**
2
- * This test was generated
3
- */
4
- import * as React from 'react';
5
- import { render } from '@testing-library/react';
6
- import { TextListItem } from '../../TextListItem';
7
- // any missing imports can usually be resolved by adding them here
8
- import {} from '../..';
9
-
10
- it('TextListItem should match snapshot (auto-generated)', () => {
11
- const { asFragment } = render(<TextListItem children={<>ReactNode</>} className={"''"} component={'li'} />);
12
- expect(asFragment()).toMatchSnapshot();
13
- });
@@ -1,11 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`TextContent should match snapshot (auto-generated) 1`] = `
4
- <DocumentFragment>
5
- <div
6
- class="pf-v6-c-content ''"
7
- >
8
- ReactNode
9
- </div>
10
- </DocumentFragment>
11
- `;
@@ -1,11 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`TextList should match snapshot (auto-generated) 1`] = `
4
- <DocumentFragment>
5
- <ul
6
- class="pf-v6-c-content--ul ''"
7
- >
8
- ReactNode
9
- </ul>
10
- </DocumentFragment>
11
- `;