File tree Expand file tree Collapse file tree 15 files changed +23
-36
lines changed
packages/react-core/src/demos Expand file tree Collapse file tree 15 files changed +23
-36
lines changed Original file line number Diff line number Diff line change @@ -37,7 +37,7 @@ export const DashboardBreadcrumb = (
3737) ;
3838
3939const PageTemplateTitle = (
40- < PageSection variant = "light" >
40+ < PageSection >
4141 < TextContent >
4242 < Text component = "h1" > Main title</ Text >
4343 < Text component = "p" > This is a full page demo.</ Text >
Original file line number Diff line number Diff line change 99 NavList ,
1010 Page ,
1111 PageSection ,
12- PageSectionVariants ,
1312 PageSidebar ,
1413 PageSidebarBody ,
1514 SkipToContent ,
@@ -72,7 +71,7 @@ export const NavDefault: React.FunctionComponent = () => {
7271 breadcrumb = { DashboardBreadcrumb }
7372 mainContainerId = { pageId }
7473 >
75- < PageSection variant = { PageSectionVariants . light } >
74+ < PageSection >
7675 < TextContent >
7776 < Text component = "h1" > Main title</ Text >
7877 < Text component = "p" >
Original file line number Diff line number Diff line change @@ -10,7 +10,6 @@ import {
1010 NavList ,
1111 Page ,
1212 PageSection ,
13- PageSectionVariants ,
1413 PageSidebar ,
1514 PageSidebarBody ,
1615 SkipToContent ,
@@ -98,7 +97,7 @@ export const NavExpandableDemo: React.FunctionComponent = () => {
9897 breadcrumb = { DashboardBreadcrumb }
9998 mainContainerId = { pageId }
10099 >
101- < PageSection variant = { PageSectionVariants . light } >
100+ < PageSection >
102101 < TextContent >
103102 < Text component = "h1" > Main title</ Text >
104103 < Text component = "p" >
Original file line number Diff line number Diff line change @@ -24,7 +24,6 @@ import {
2424 NavList ,
2525 Page ,
2626 PageSection ,
27- PageSectionVariants ,
2827 PageSidebar ,
2928 PageSidebarBody ,
3029 PageToggleButton ,
@@ -270,9 +269,9 @@ export const NavFlyout: React.FunctionComponent = () => {
270269 skipToContent = { PageSkipToContent }
271270 mainContainerId = { pageId }
272271 >
273- < PageSection variant = { PageSectionVariants . darker } > Section with darker background </ PageSection >
274- < PageSection variant = { PageSectionVariants . dark } > Section with dark background </ PageSection >
275- < PageSection variant = { PageSectionVariants . light } > Section with light background </ PageSection >
272+ < PageSection > Section 1 </ PageSection >
273+ < PageSection > Section 2 </ PageSection >
274+ < PageSection > Section 3 </ PageSection >
276275 </ Page >
277276 ) ;
278277} ;
Original file line number Diff line number Diff line change 55 NavItem ,
66 Page ,
77 PageSection ,
8- PageSectionVariants ,
98 PageSidebar ,
109 PageSidebarBody ,
1110 SkipToContent ,
@@ -80,7 +79,7 @@ export const NavGrouped: React.FunctionComponent = () => {
8079 skipToContent = { PageSkipToContent }
8180 mainContainerId = { pageId }
8281 >
83- < PageSection variant = { PageSectionVariants . light } >
82+ < PageSection >
8483 < TextContent >
8584 < Text component = "h1" > Main title</ Text >
8685 < Text component = "p" >
@@ -89,9 +88,9 @@ export const NavGrouped: React.FunctionComponent = () => {
8988 </ Text >
9089 </ TextContent >
9190 </ PageSection >
92- < PageSection variant = { PageSectionVariants . light } > Light </ PageSection >
93- < PageSection variant = { PageSectionVariants . dark } > Dark </ PageSection >
94- < PageSection variant = { PageSectionVariants . darker } > Darker </ PageSection >
91+ < PageSection > Section 1 </ PageSection >
92+ < PageSection > Section 2 </ PageSection >
93+ < PageSection > Section 3 </ PageSection >
9594 < PageSection > Content</ PageSection >
9695 </ Page >
9796 </ >
Original file line number Diff line number Diff line change @@ -23,7 +23,6 @@ import {
2323 NavList ,
2424 Page ,
2525 PageSection ,
26- PageSectionVariants ,
2726 SkipToContent ,
2827 TextContent ,
2928 Text ,
@@ -211,7 +210,7 @@ export const NavHorizontal: React.FunctionComponent = () => {
211210 return (
212211 < React . Fragment >
213212 < Page header = { Header } skipToContent = { PageSkipToContent } breadcrumb = { DashboardBreadcrumb } mainContainerId = { pageId } >
214- < PageSection variant = { PageSectionVariants . light } >
213+ < PageSection >
215214 < TextContent >
216215 < Text component = "h1" > Main title</ Text >
217216 < Text component = "p" >
Original file line number Diff line number Diff line change @@ -24,7 +24,6 @@ import {
2424 NavList ,
2525 Page ,
2626 PageSection ,
27- PageSectionVariants ,
2827 PageSectionTypes ,
2928 PageToggleButton ,
3029 SkipToContent ,
@@ -271,7 +270,7 @@ export const NavHorizontalWithSubnav: React.FunctionComponent = () => {
271270 < PageSection type = { PageSectionTypes . breadcrumb } isWidthLimited >
272271 { DashboardBreadcrumb }
273272 </ PageSection >
274- < PageSection variant = { PageSectionVariants . light } >
273+ < PageSection >
275274 < TextContent >
276275 < Text component = "h1" > Main title</ Text >
277276 < Text component = "p" >
Original file line number Diff line number Diff line change @@ -24,7 +24,6 @@ import {
2424 NavList ,
2525 Page ,
2626 PageSection ,
27- PageSectionVariants ,
2827 PageSidebar ,
2928 PageSidebarBody ,
3029 PageToggleButton ,
@@ -247,7 +246,7 @@ export const NavManual: React.FunctionComponent = () => {
247246 skipToContent = { PageSkipToContent }
248247 mainContainerId = { pageId }
249248 >
250- < PageSection variant = { PageSectionVariants . light } >
249+ < PageSection >
251250 < TextContent >
252251 < Text component = "h1" > Main title</ Text >
253252 < Text component = "p" >
Original file line number Diff line number Diff line change @@ -10,7 +10,6 @@ import {
1010 Page ,
1111 PageSection ,
1212 PageSectionTypes ,
13- PageSectionVariants ,
1413 PageSidebar ,
1514 PageSidebarBody ,
1615 SkipToContent ,
@@ -116,7 +115,7 @@ export const NavWithSubnav: React.FunctionComponent = () => {
116115 < PageSection type = { PageSectionTypes . breadcrumb } isWidthLimited >
117116 { DashboardBreadcrumb }
118117 </ PageSection >
119- < PageSection variant = { PageSectionVariants . light } >
118+ < PageSection >
120119 < TextContent >
121120 < Text component = "h1" > Main title</ Text >
122121 < Text component = "p" >
Original file line number Diff line number Diff line change 99 NavList ,
1010 Page ,
1111 PageSection ,
12- PageSectionVariants ,
1312 PageSidebar ,
1413 PageSidebarBody ,
1514 SkipToContent ,
@@ -70,7 +69,7 @@ export const NavLight: React.FunctionComponent = () => {
7069 skipToContent = { PageSkipToContent }
7170 mainContainerId = { pageId }
7271 >
73- < PageSection variant = { PageSectionVariants . light } >
72+ < PageSection >
7473 < TextContent >
7574 < Text component = "h1" > Main title</ Text >
7675 < Text component = "p" >
You can’t perform that action at this time.
0 commit comments