Merge pull request #15466 from jeshwan/feat/a11y-addon-reverse-label-…

…description-content Addon-a11y: Reverse help and description labels in accordion
storybookjs · Jul 2, 2021 · a41d60e · a41d60e
2 parents f929ef5 + a676462
commit a41d60e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/addons/a11y/src/components/Report/Info.tsx b/addons/a11y/src/components/Report/Info.tsx
@@ -7,7 +7,7 @@ const Wrapper = styled.div({
   padding: 12,
   marginBottom: 10,
 });
-const Help = styled.p({
+const Description = styled.p({
   margin: '0 0 12px',
 });
 const Link = styled.a({
@@ -24,7 +24,7 @@ interface InfoProps {
 export const Info: FunctionComponent<InfoProps> = ({ item }) => {
   return (
     <Wrapper>
-      <Help>{item.help}</Help>
+      <Description>{item.description}</Description>
       <Link href={item.helpUrl} target="_blank">
         More info...
       </Link>

diff --git a/addons/a11y/src/components/Report/Item.tsx b/addons/a11y/src/components/Report/Item.tsx
@@ -82,7 +82,7 @@ export const Item = (props: ItemProps) => {
               transform: `rotate(${open ? 0 : -90}deg)`,
             }}
           />
-          {item.description}
+          {item.help}
         </HeaderBar>
         <HighlightToggleElement>
           <HighlightToggle toggleId={highlightToggleId} elementsToHighlight={item.nodes} />