docs(Examples): fix imports in all examples to TS style (#631)

* docs(Examples): fix imports in all examples to TS style

* fix imports

Author: layershifter

build/tsconfig.docs.json

@@ -1,8 +1,7 @@
 {
   "extends": "./tsconfig.common.json",
   "compilerOptions": {
-    "module": "esnext",
-    "allowSyntheticDefaultImports": true
+    "module": "esnext"
   },
   "include": [
     "../src",

docs/src/examples/components/Accordion/Types/AccordionExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Accordion } from '@stardust-ui/react'
 
 const panels = [

docs/src/examples/components/Accordion/Types/AccordionExclusiveExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Accordion } from '@stardust-ui/react'
 
 const panels = [

docs/src/examples/components/Accordion/Types/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection'
 

docs/src/examples/components/Accordion/Variations/AccordionExampleList.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Accordion, Button } from '@stardust-ui/react'
 
 class AccordionExampleList extends React.Component {

docs/src/examples/components/Accordion/Variations/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection'
 

docs/src/examples/components/Accordion/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import Types from './Types'
 import Variations from './Variations'
 

docs/src/examples/components/Animation/Types/AnimationExamplePlayState.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Icon, Button, Animation, Provider } from '@stardust-ui/react'
 
 const spinner = {

docs/src/examples/components/Attachment/Slots/AttachmentActionExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Attachment } from '@stardust-ui/react'
 
 class AttachmentActionExampleShorthand extends React.Component {

docs/src/examples/components/Attachment/Slots/AttachmentDescriptionExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Attachment } from '@stardust-ui/react'
 
 const AttachmentDescriptionExampleShorthand = () => (

docs/src/examples/components/Attachment/Slots/AttachmentHeaderExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Attachment } from '@stardust-ui/react'
 
 const AttachmentHeaderExampleShorthand = () => <Attachment header="Strategy.docx" />

docs/src/examples/components/Attachment/Slots/AttachmentIconExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Attachment } from '@stardust-ui/react'
 
 const AttachmentIconExampleShorthand = () => (

docs/src/examples/components/Attachment/Types/AttachmentExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Attachment } from '@stardust-ui/react'
 
 const AttachmentExampleShorthand = () => <Attachment header="Document.docx" />

docs/src/examples/components/Attachment/Types/AttachmentProgressExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Attachment } from '@stardust-ui/react'
 
 const AttachmentProgressExampleShorthand = () => (

docs/src/examples/components/Attachment/Variations/AttachmentActionableExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Attachment } from '@stardust-ui/react'
 
 class AttachmentActionableExampleShorthand extends React.Component {

docs/src/examples/components/Avatar/Types/AvatarExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar } from '@stardust-ui/react'
 
 const AvatarExampleShorthand = () => (

docs/src/examples/components/Avatar/Types/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection'
 

docs/src/examples/components/Avatar/Usage/AvatarUsageExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar } from '@stardust-ui/react'
 
 const status = { color: 'green', icon: 'check', title: 'Available' }

docs/src/examples/components/Avatar/Usage/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection'
 

docs/src/examples/components/Avatar/Variations/AvatarExampleExcludedInitials.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar } from '@stardust-ui/react'
 
 const status = { color: 'green', icon: 'check', title: 'Available' }

docs/src/examples/components/Avatar/Variations/AvatarExampleGetInitials.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar } from '@stardust-ui/react'
 
 const getInitials = name => name.split(' ').map(word => `${word[0]}.`)

docs/src/examples/components/Avatar/Variations/AvatarExampleImage.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar } from '@stardust-ui/react'
 
 const AvatarExampleImageShorthand = () => <Avatar image="public/images/avatar/small/matt.jpg" />

docs/src/examples/components/Avatar/Variations/AvatarExampleImageCustomization.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar, Icon } from '@stardust-ui/react'
 
 const AvatarExampleImageCustomizationShorthand = () => (

docs/src/examples/components/Avatar/Variations/AvatarExampleLabel.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar } from '@stardust-ui/react'
 
 const AvatarExampleLabelShorthand = () => (

docs/src/examples/components/Avatar/Variations/AvatarExampleName.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar } from '@stardust-ui/react'
 
 const AvatarExampleNameShorthand = () => (

docs/src/examples/components/Avatar/Variations/AvatarExampleSize.shorthand.tsx

@@ -1,5 +1,5 @@
-import _ from 'lodash'
-import React from 'react'
+import * as _ from 'lodash'
+import * as React from 'react'
 import { Avatar } from '@stardust-ui/react'
 
 const statusProps = { icon: 'check', color: 'green', title: 'Available' }

docs/src/examples/components/Avatar/Variations/AvatarExampleStatus.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar } from '@stardust-ui/react'
 
 const AvatarExampleStatusShorthand = () => (

docs/src/examples/components/Avatar/Variations/AvatarExampleStatusCustomization.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar, Grid, Status, Text } from '@stardust-ui/react'
 
 const defaultAvatar = (

docs/src/examples/components/Avatar/Variations/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection'
 

docs/src/examples/components/Avatar/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import Types from './Types'
 import Variations from './Variations'
 import Usage from './Usage'

docs/src/examples/components/Button/Groups/ButtonGroupCircularExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonGroupCircularExampleShorthand = () => (

docs/src/examples/components/Button/Groups/ButtonGroupExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonGroupExampleShorthand = () => (

docs/src/examples/components/Button/Groups/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection'
 

docs/src/examples/components/Button/States/ButtonExampleDisabled.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExampleDisabled = () => (

docs/src/examples/components/Button/States/ButtonExampleDisabled.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button, Icon, Text } from '@stardust-ui/react'
 
 const ButtonExampleDisabled = () => (

docs/src/examples/components/Button/States/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection'
 

docs/src/examples/components/Button/Types/ButtonExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExample = () => (

docs/src/examples/components/Button/Types/ButtonExample.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExample = () => (

docs/src/examples/components/Button/Types/ButtonExampleContentAndIcon.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExampleContentAndIcon = () => (

docs/src/examples/components/Button/Types/ButtonExampleContentAndIcon.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button, Icon, Text } from '@stardust-ui/react'
 
 const ButtonExampleContentAndIcon = () => (

docs/src/examples/components/Button/Types/ButtonExampleEmphasis.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExampleEmphasis = () => (

docs/src/examples/components/Button/Types/ButtonExampleEmphasis.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExampleEmphasis = () => (

docs/src/examples/components/Button/Types/ButtonExampleIcon.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExampleIcon = () => <Button icon="book" primary />

docs/src/examples/components/Button/Types/ButtonExampleIcon.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button, Icon } from '@stardust-ui/react'
 
 const ButtonExampleIcon = () => (

docs/src/examples/components/Button/Types/ButtonExampleIconOnly.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExampleIconOnly = () => <Button icon="book" iconOnly primary />

docs/src/examples/components/Button/Types/ButtonExampleIconOnly.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button, Icon } from '@stardust-ui/react'
 
 const ButtonExampleIconOnly = () => (

docs/src/examples/components/Button/Types/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection'
 

docs/src/examples/components/Button/Usage/ButtonUsageExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button, Provider } from '@stardust-ui/react'
 
 const ButtonUsageExampleShorthand = () => (

docs/src/examples/components/Button/Usage/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection'
 

docs/src/examples/components/Button/Variations/ButtonExampleCircular.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExampleCircular = () => (

docs/src/examples/components/Button/Variations/ButtonExampleCircular.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button, Icon } from '@stardust-ui/react'
 
 const ButtonExampleCircular = () => (

docs/src/examples/components/Button/Variations/ButtonExampleEmphasisCircular.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExampleEmphasisCircular = () => (

docs/src/examples/components/Button/Variations/ButtonExampleEmphasisCircular.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button, Icon } from '@stardust-ui/react'
 
 const ButtonExampleEmphasisCircular = () => (

docs/src/examples/components/Button/Variations/ButtonExampleFluid.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExampleFluid = () => <Button fluid content="Fits to Container" />

docs/src/examples/components/Button/Variations/ButtonExampleFluid.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExampleFluid = () => <Button fluid>Fits to Container</Button>

docs/src/examples/components/Button/Variations/ButtonExampleText.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button } from '@stardust-ui/react'
 
 const ButtonExampleTextShorthand = () => (

docs/src/examples/components/Button/Variations/ButtonExampleText.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Button, Icon, Text } from '@stardust-ui/react'
 
 const ButtonExampleText = () => (

docs/src/examples/components/Button/Variations/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection'
 

docs/src/examples/components/Button/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import Types from './Types'
 import Variations from './Variations'
 import States from './States'

docs/src/examples/components/Chat/Types/ChatExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar, Chat, Divider } from '@stardust-ui/react'
 
 const janeAvatar = {

docs/src/examples/components/Chat/Types/ChatExampleGutterPosition.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar, Chat } from '@stardust-ui/react'
 
 const [janeAvatar, johnAvatar] = [

docs/src/examples/components/Chat/Types/ChatMessageExampleStyled.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Avatar, Chat, Provider } from '@stardust-ui/react'
 
 const janeAvatar = {

docs/src/examples/components/Chat/Types/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample'
 import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection'
 

docs/src/examples/components/Chat/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import Types from './Types'
 
 const ChatExamples = () => (

docs/src/examples/components/Divider/Types/DividerExample.shorthand.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import { Divider } from '@stardust-ui/react'
 
 const DividerExampleShorthand = () => <Divider />