FIX stories in CSF having wrong capitalization

lib/components/src/ActionBar/ActionBar.stories.tsx

@@ -8,7 +8,7 @@ const action2 = action('action2');
 const action3 = action('action3');
 
 export default {
-  Component: ActionBar,
+  component: ActionBar,
   title: 'Basics|ActionBar',
   decorators: [
     (storyFn: () => ReactNode) => (

lib/components/src/blocks/ColorPalette.stories.tsx

@@ -5,7 +5,7 @@ import { DocsPageWrapper } from './DocsPage';
 
 export default {
   title: 'Docs|ColorPalette',
-  Component: ColorPalette,
+  component: ColorPalette,
   decorators: [getStory => <DocsPageWrapper>{getStory()}</DocsPageWrapper>],
 };
 

lib/components/src/blocks/Description.stories.tsx

@@ -6,7 +6,7 @@ import markdownCaption from './DocsPageExampleCaption.md';
 
 export default {
   title: 'Docs|Description',
-  Component: Description,
+  component: Description,
   decorators: [getStory => <DocsPageWrapper>{getStory()}</DocsPageWrapper>],
 };
 

lib/components/src/blocks/DocsPage.stories.tsx

@@ -8,7 +8,7 @@ import * as descriptionStories from './Description.stories';
 
 export default {
   title: 'Docs|DocsPage',
-  Component: DocsPage,
+  component: DocsPage,
   decorators: [
     storyFn => (
       <DocsWrapper>

lib/components/src/blocks/EmptyBlock.stories.tsx

@@ -5,7 +5,7 @@ import { DocsPageWrapper } from './DocsPage';
 
 export default {
   title: 'Docs|EmptyBlock',
-  Component: EmptyBlock,
+  component: EmptyBlock,
   decorators: [getStory => <DocsPageWrapper>{getStory()}</DocsPageWrapper>],
 };
 

lib/components/src/blocks/IconGallery.stories.tsx

@@ -6,7 +6,7 @@ import { Icons as ExampleIcon } from '../icon/icon';
 
 export default {
   title: 'Docs|IconGallery',
-  Component: IconGallery,
+  component: IconGallery,
   decorators: [getStory => <DocsPageWrapper>{getStory()}</DocsPageWrapper>],
 };
 

lib/components/src/blocks/Preview.stories.tsx

@@ -8,7 +8,7 @@ import * as sourceStories from './Source.stories';
 
 export default {
   title: 'Docs|Preview',
-  Component: Preview,
+  component: Preview,
   decorators: [getStory => <DocsPageWrapper>{getStory()}</DocsPageWrapper>],
 };
 

lib/components/src/blocks/PropsTable/PropRow.stories.tsx

@@ -5,7 +5,7 @@ import { Table } from './PropsTable';
 import { DocsPageWrapper } from '../DocsPage';
 
 export default {
-  Component: PropRow,
+  component: PropRow,
   title: 'Docs|PropRow',
   excludeStories: /.*Def$/,
   decorators: [

lib/components/src/blocks/PropsTable/PropsTable.stories.tsx

@@ -4,7 +4,7 @@ import { DocsPageWrapper } from '../DocsPage';
 import { stringDef, numberDef } from './PropRow.stories';
 
 export default {
-  Component: PropsTable,
+  component: PropsTable,
   title: 'Docs|PropTable',
   decorators: [storyFn => <DocsPageWrapper>{storyFn()}</DocsPageWrapper>],
 };

lib/components/src/blocks/Source.stories.tsx

@@ -4,7 +4,7 @@ import { DocsPageWrapper } from './DocsPage';
 
 export default {
   title: 'Docs|Source',
-  Component: Source,
+  component: Source,
   decorators: [getStory => <DocsPageWrapper>{getStory()}</DocsPageWrapper>],
 };
 

lib/components/src/blocks/Story.stories.tsx

@@ -5,7 +5,7 @@ import { Button } from '../Button/Button';
 
 export default {
   title: 'Docs|Story',
-  Component: Story,
+  component: Story,
   decorators: [getStory => <DocsPageWrapper>{getStory()}</DocsPageWrapper>],
 };
 

lib/components/src/blocks/Typeset.stories.tsx

@@ -5,7 +5,7 @@ import { DocsPageWrapper } from './DocsPage';
 
 export default {
   title: 'Docs|Typeset',
-  Component: Typeset,
+  component: Typeset,
   decorators: [getStory => <DocsPageWrapper>{getStory()}</DocsPageWrapper>],
 };
 

lib/components/src/brand/StorybookLogo.stories.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { StorybookLogo } from './StorybookLogo';
 
 export default {
-  Component: StorybookLogo,
+  component: StorybookLogo,
   title: 'Basics|Brand/StorybookLogo',
 };
 

lib/components/src/placeholder/placeholder.stories.tsx

@@ -4,7 +4,7 @@ import { Placeholder } from './placeholder';
 import { Link } from '../typography/link/link';
 
 export default {
-  Component: Placeholder,
+  component: Placeholder,
   title: 'Basics|Placeholder',
 };
 

lib/components/src/typography/DocumentFormatting.stories.tsx

@@ -5,7 +5,7 @@ import { DocumentFormatting } from './DocumentFormatting';
 import markdownSample from './DocumentFormattingSample.md';
 
 export default {
-  Component: DocumentFormatting,
+  component: DocumentFormatting,
   title: 'Basics|DocumentFormatting',
   decorators: [
     (storyFn: any) => (

lib/ui/src/components/preview/iframe.stories.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { IFrame } from './iframe';
 
 export default {
-  Component: IFrame,
+  component: IFrame,
   title: 'UI|Preview/Iframe',
 };
 

lib/ui/src/components/sidebar/Sidebar.stories.tsx

@@ -5,7 +5,7 @@ import { standardData as standardHeaderData } from './SidebarHeading.stories';
 import { withRootData } from './SidebarStories.stories';
 
 export default {
-  Component: Sidebar,
+  component: Sidebar,
   title: 'UI|Sidebar/Sidebar',
   excludeStories: /.*Data$/,
 };

lib/ui/src/components/sidebar/SidebarItem.stories.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import SidebarItem from './SidebarItem';
 
 export default {
-  Component: SidebarItem,
+  component: SidebarItem,
   title: 'UI|Sidebar/SidebarItem',
   decorators: [
     (storyFn: any) => (

lib/ui/src/components/sidebar/SidebarSearch.stories.tsx

@@ -4,7 +4,7 @@ import { actions as makeActions } from '@storybook/addon-actions';
 import SidebarSearch, { PureSidebarSearch } from './SidebarSearch';
 
 export default {
-  Component: SidebarSearch,
+  component: SidebarSearch,
   title: 'UI|Sidebar/SidebarSearch',
   decorators: [
     (storyFn: any) => (

lib/ui/src/components/sidebar/SidebarStories.stories.tsx

@@ -5,7 +5,7 @@ import SidebarStories from './SidebarStories';
 import { mockDataset } from './treeview/treeview.mockdata';
 
 export default {
-  Component: SidebarStories,
+  component: SidebarStories,
   title: 'UI|Sidebar/SidebarStories',
   decorators: [s => <Spaced>{s()}</Spaced>],
   excludeStories: /.*Data$/,

lib/ui/src/settings/SettingsFooter.stories.js

@@ -3,7 +3,7 @@ import React from 'react';
 import SettingsFooter from './SettingsFooter';
 
 export default {
-  Component: SettingsFooter,
+  component: SettingsFooter,
   title: 'UI|Settings/SettingsFooter',
   decorators: [storyFn => <div style={{ width: '600px', margin: '2rem auto' }}>{storyFn()}</div>],
 };