fix(accordionItem): fixed naming for accordionItem component

packages/example/src/pages/components/Accordion.mdx

@@ -4,16 +4,16 @@ title: Accordion
 
 <PageDescription>
 
-The `<Accordion>` and `<AccordionItems>` components are used together to display a list of content sections that can be toggled open by clicking the respective title of each section.
+The `<Accordion>` and `<AccordionItem>` components are used together to display a list of content sections that can be toggled open by clicking the respective title of each section.
 
 </PageDescription>
 
 ## Example
 
 <Accordion>
-  <AccordionItems title={(<div>Title 1</div>)}>Content Section</AccordionItems>
-  <AccordionItems title='Title 2'>Content Section</AccordionItems>
-  <AccordionItems title='Title 3'>Content Section</AccordionItems>
+  <AccordionItem title={(<div>Title 1</div>)}>Content Section</AccordionItem>
+  <AccordionItem title='Title 2'>Content Section</AccordionItem>
+  <AccordionItem title='Title 3'>Content Section</AccordionItem>
 </Accordion>
 
 
@@ -23,9 +23,9 @@ The `<Accordion>` and `<AccordionItems>` components are used together to display
 
 ```
 <Accordion>
-  <AccordionItems title='Title 1'>Content Section</AccordionItems>
-  <AccordionItems title='Title 2'>Content Section</AccordionItems>
-  <AccordionItems title='Title 3'>Content Section</AccordionItems>
+  <AccordionItem title='Title 1'>Content Section</AccordionItem>
+  <AccordionItem title='Title 2'>Content Section</AccordionItem>
+  <AccordionItem title='Title 3'>Content Section</AccordionItem>
 </Accordion>
 ```
 
@@ -37,7 +37,7 @@ The `<Accordion>` and `<AccordionItems>` components are used together to display
 | children  | node     |          |         | Pass in the children that will be rendered within the Accordion   |
 | className | string   |          |         | Specify an optional className to be applied to the container node |
 
-### `AccordionItems` Props
+### `AccordionItem` Props
 
 | property        | propType | required | default                        | description                                                                         |
 | --------------- | -------- | -------- | -------------- ----------------| ----------------------------------------------------------------------------------- |

packages/gatsby-theme-carbon/index.js

@@ -1,5 +1,5 @@
 // Generic MDX Components
-export { Accordion, AccordionItems } from './src/components/Accordion';
+export { Accordion, AccordionItem } from './src/components/Accordion';
 export { AnchorLinks, AnchorLink } from './src/components/AnchorLinks';
 export { default as PageDescription } from './src/components/PageDescription';
 export { default as Video } from './src/components/Video/Video';

packages/gatsby-theme-carbon/src/components/Accordion/AccordionItem.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import cx from 'classnames';
+import { AccordionItem as CarbonAccordionItem } from 'carbon-components-react';
+
+const AccordionItem = ({ className, children, ...rest }) => (
+  <CarbonAccordionItem {...rest} className={cx(className)}>
+    {children}
+  </CarbonAccordionItem>
+);
+
+export default AccordionItem;

packages/gatsby-theme-carbon/src/components/Accordion/index.js

@@ -1,2 +1,2 @@
 export { default as Accordion } from './Accordion';
-export { default as AccordionItems } from './AccordionItems';
+export { default as AccordionItem } from './AccordionItem';