File tree Expand file tree Collapse file tree 1 file changed +18
-13
lines changed
packages/documentation-framework/components/themeSelector Expand file tree Collapse file tree 1 file changed +18
-13
lines changed Original file line number Diff line number Diff line change @@ -66,29 +66,34 @@ const HighContrastGroupLabel = () => {
6666 High contrast{ ' ' }
6767 < Popover
6868 onClick = { ( e ) => e . stopPropagation ( ) }
69- headerContent = { " Under development" }
69+ headerContent = { ' Under development' }
7070 headerComponent = "h1"
7171 bodyContent = {
72- " We are still working to add high contrast support across all PatternFly components and extensions. This beta allows you to preview our progress."
72+ ' We are still working to add high contrast support across all PatternFly components and extensions. This beta allows you to preview our progress.'
7373 }
7474 footerContent = {
75- < Button icon = { < ExternalLinkAltIcon /> } component = "a" isInline variant = "link" href = "/design-foundations/theming" target = "_blank" >
75+ < Button
76+ icon = { < ExternalLinkAltIcon /> }
77+ component = "a"
78+ isInline
79+ variant = "link"
80+ href = "/design-foundations/theming"
81+ target = "_blank"
82+ >
7683 Learn more
7784 </ Button >
7885 }
7986 aria-label = "More info about high contrast"
8087 appendTo = { ( ) => document . body }
8188 >
82- < Button
83- variant = "plain"
84- hasNoPadding
85- icon = { < HelpIcon /> }
86- aria-label = "High contrast help"
87- />
88- </ Popover > { ' ' }
89- < Label color = "blue" isCompact > Beta</ Label >
89+ < Button variant = "plain" hasNoPadding icon = { < HelpIcon /> } aria-label = "High contrast help" />
90+ </ Popover > { ' ' }
91+
92+ < Label color = "blue" isCompact >
93+ Beta
94+ </ Label >
9095 </ div >
91- )
96+ ) ;
9297} ;
9398
9499export const ThemeSelector = ( { id } ) => {
@@ -173,7 +178,7 @@ export const ThemeSelector = ({ id }) => {
173178 { process . env . hasHighContrastSwitcher && (
174179 < >
175180 < Divider />
176- < SelectGroup label = "High Contrast" >
181+ < SelectGroup label = { HighContrastGroupLabel } >
177182 < MenuSearch >
178183 < MenuSearchInput >
179184 < ToggleGroup aria-label = "High contrast theme switcher" >
You can’t perform that action at this time.
0 commit comments