docs(storybook): run storiesof-to-csf codemod

https://github.com/storybookjs/storybook/blob/next/lib/codemod/README.md#storiesof-to-csf
carbon-design-system · Oct 28, 2020 · b66aa3c · b66aa3c
1 parent 1c41b26
commit b66aa3c
Show file tree

Hide file tree

Showing 75 changed files with 16,988 additions and 15,752 deletions.
diff --git a/.storybook/__snapshots__/Welcome.story.storyshot b/.storybook/__snapshots__/Welcome.story.storyshot
@@ -59,7 +59,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0/Getting Starte
           onAnimationEnd={[Function]}
         >
           <button
-            aria-controls="accordion-item-10"
+            aria-controls="accordion-item-1"
             aria-expanded={false}
             className="bx--accordion__heading"
             onClick={[Function]}
@@ -89,7 +89,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots 0/Getting Starte
           </button>
           <div
             className="bx--accordion__content"
-            id="accordion-item-10"
+            id="accordion-item-1"
           >
             <p>
               The following table shows a comparison of exports from carbon-components-react and this library. These are primarily used for snapshot purposes to track and ensure that as the exports change upstream in Carbon we continue to provide parity with their package.

diff --git a/src/components/Accordion/__snapshots__/AccordionItemDefer.story.storyshot b/src/components/Accordion/__snapshots__/AccordionItemDefer.story.storyshot
@@ -28,7 +28,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Accor
           onAnimationEnd={[Function]}
         >
           <button
-            aria-controls="accordion-item-11"
+            aria-controls="accordion-item-2"
             aria-expanded={false}
             className="bx--accordion__heading"
             onClick={[Function]}
@@ -58,7 +58,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Accor
           </button>
           <div
             className="bx--accordion__content"
-            id="accordion-item-11"
+            id="accordion-item-2"
           >
             <p>
               This content is always rendered to the DOM, no matter if the accordion item has been open or closed.
@@ -72,7 +72,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Accor
           onAnimationEnd={[Function]}
         >
           <button
-            aria-controls="accordion-item-12"
+            aria-controls="accordion-item-3"
             aria-expanded={false}
             className="bx--accordion__heading"
             onClick={[Function]}
@@ -102,7 +102,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Accor
           </button>
           <div
             className="bx--accordion__content"
-            id="accordion-item-12"
+            id="accordion-item-3"
           />
         </li>
       </ul>

diff --git a/src/components/AddCard/AddCard.story.jsx b/src/components/AddCard/AddCard.story.jsx
@@ -1,5 +1,4 @@
 import React from 'react';
-import { storiesOf } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 
 import AddCard from './AddCard';
@@ -9,8 +8,16 @@ const AddCardProps = {
   title: 'Click me',
 };
 
-storiesOf('Watson IoT/AddCard', module)
-  .addParameters({
+export default {
+  title: 'Watson IoT/AddCard',
+
+  parameters: {
     component: AddCard,
-  })
-  .add('handles click', () => <AddCard {...AddCardProps} />);
+  },
+};
+
+export const HandlesClick = () => <AddCard {...AddCardProps} />;
+
+HandlesClick.story = {
+  name: 'handles click',
+};