Image: Replace relative imports with absolute imports in storybook files

microsoft · Jun 23, 2022 · 18a0c05 · 18a0c05
1 parent 36d25e9
commit 18a0c05
Show file tree

Hide file tree

Showing 8 changed files with 9 additions and 9 deletions.
diff --git a/packages/react-components/react-image/src/stories/Image/ImageBlock.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageBlock.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Block = () => (
   <>

diff --git a/packages/react-components/react-image/src/stories/Image/ImageBordered.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageBordered.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Bordered = () => (
   <div>

diff --git a/packages/react-components/react-image/src/stories/Image/ImageDefault.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageDefault.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
-import type { ImageProps } from '../../Image';
+import type { ImageProps } from '@fluentui/react-image';
 import type { ArgTypes, Parameters } from '@storybook/react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Default = (props: ImageProps) => {
   return <Image {...props} />;

diff --git a/packages/react-components/react-image/src/stories/Image/ImageFallback.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageFallback.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Fallback = () => (
   <div style={{ display: 'flex', gap: 8 }}>

diff --git a/packages/react-components/react-image/src/stories/Image/ImageFit.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageFit.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Fit = () => (
   <>

diff --git a/packages/react-components/react-image/src/stories/Image/ImageShadow.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageShadow.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Shadow = () => (
   <Image shadow src="https://fabricweb.azureedge.net/fabric-website/placeholders/300x300.png" />

diff --git a/packages/react-components/react-image/src/stories/Image/ImageShape.stories.tsx b/packages/react-components/react-image/src/stories/Image/ImageShape.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 
 export const Shape = () => (
   <div style={{ display: 'flex', gap: 8 }}>

diff --git a/packages/react-components/react-image/src/stories/Image/index.stories.tsx b/packages/react-components/react-image/src/stories/Image/index.stories.tsx
@@ -1,4 +1,4 @@
-import { Image } from '../../Image';
+import { Image } from '@fluentui/react-image';
 import type { Meta } from '@storybook/react';
 import descriptionMd from './ImageDescription.md';
 import bestPracticesMd from './ImageBestPractices.md';