fix(gatsby-plugin-image): Fixes to plugin utils types (#29204)

gatsbyjs · Jan 26, 2021 · b236f49 · b236f49
1 parent 0ddbbfe
commit b236f49
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx b/packages/gatsby-plugin-image/src/components/gatsby-image.browser.tsx
@@ -32,7 +32,7 @@ export interface GatsbyImageProps
   imgClassName?: string
   image: IGatsbyImageData
   imgStyle?: CSSProperties
-  backgroundColor?: CSSProperties["backgroundColor"]
+  backgroundColor?: string
   objectFit?: CSSProperties["objectFit"]
   objectPosition?: CSSProperties["objectPosition"]
   onLoad?: () => void

diff --git a/packages/gatsby-plugin-image/src/components/static-image.server.tsx b/packages/gatsby-plugin-image/src/components/static-image.server.tsx
@@ -6,7 +6,7 @@ import { ISharpGatsbyImageArgs } from "../image-utils"
 
 export interface IStaticImageProps
   extends Omit<GatsbyImageProps, "image">,
-    ISharpGatsbyImageArgs {
+    Omit<ISharpGatsbyImageArgs, "backgroundColor"> {
   src: string
 }
 

diff --git a/packages/gatsby-plugin-image/src/image-utils.ts b/packages/gatsby-plugin-image/src/image-utils.ts
@@ -1,7 +1,6 @@
 /* eslint-disable no-unused-expressions */
 import { stripIndent } from "common-tags"
 import { IGatsbyImageData } from "."
-import type sharp from "gatsby-plugin-sharp/safe-sharp"
 
 const DEFAULT_PIXEL_DENSITIES = [0.25, 0.5, 1, 2]
 export const DEFAULT_BREAKPOINTS = [750, 1080, 1366, 1920]
@@ -46,7 +45,7 @@ export interface ISharpGatsbyImageArgs {
   quality?: number
   transformOptions?: {
     fit?: Fit
-    cropFocus?: typeof sharp.strategy | typeof sharp.gravity | string
+    cropFocus?: number | string
   }
   jpgOptions?: Record<string, unknown>
   pngOptions?: Record<string, unknown>