@graphcommerce/image 3.1.7 → 3.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Change Log
2
2
 
3
+ ## 3.1.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [[`707dbc73d`](https://github.com/graphcommerce-org/graphcommerce/commit/707dbc73d181204d88fdbbd2e09340e25b2b5f7b), [`5c5645e6e`](https://github.com/graphcommerce-org/graphcommerce/commit/5c5645e6eaf5314c063f05547707fcd4b34a8717)]:
8
+ - @graphcommerce/framer-utils@3.1.5
9
+
3
10
  ## 3.1.7
4
11
 
5
12
  ### Patch Changes
@@ -260,6 +260,7 @@ const Image = React.forwardRef<HTMLImageElement, ImageProps>(
260
260
  blurDataURL,
261
261
  dontReportWronglySizedImages,
262
262
  pictureProps,
263
+ sx = [],
263
264
  ...imgProps
264
265
  },
265
266
  forwardedRef,
@@ -494,7 +495,7 @@ const Image = React.forwardRef<HTMLImageElement, ImageProps>(
494
495
  width={width}
495
496
  height={height}
496
497
  data-nimg
497
- style={style}
498
+ sx={[style, ...(Array.isArray(sx) ? sx : [sx])]}
498
499
  />
499
500
  ) : (
500
501
  <Picture {...pictureProps}>
@@ -512,7 +513,7 @@ const Image = React.forwardRef<HTMLImageElement, ImageProps>(
512
513
  loading={loading ?? 'lazy'}
513
514
  width={width}
514
515
  height={height}
515
- style={style}
516
+ sx={[style, ...(Array.isArray(sx) ? sx : [sx])]}
516
517
  sizes={sizes}
517
518
  data-nimg
518
519
  decoding='async'
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@graphcommerce/image",
3
3
  "homepage": "https://www.graphcommerce.org/",
4
4
  "repository": "github:graphcommerce-org/graphcommerce",
5
- "version": "3.1.7",
5
+ "version": "3.1.8",
6
6
  "sideEffects": false,
7
7
  "scripts": {
8
8
  "dev": "tsc -W"
@@ -15,10 +15,10 @@
15
15
  }
16
16
  },
17
17
  "dependencies": {
18
- "@graphcommerce/framer-utils": "3.1.4"
18
+ "@graphcommerce/framer-utils": "3.1.5"
19
19
  },
20
20
  "devDependencies": {
21
- "@graphcommerce/eslint-config-pwa": "^4.1.8",
21
+ "@graphcommerce/eslint-config-pwa": "^4.1.10",
22
22
  "@graphcommerce/prettier-config-pwa": "^4.0.6",
23
23
  "@graphcommerce/typescript-config-pwa": "^4.0.2",
24
24
  "@playwright/test": "^1.21.1",