@adobe-commerce/elsie 1.8.0 → 1.8.1-alpha-20260331163906

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @adobe-commerce/elsie
 
+## 1.8.1-alpha-20260331163906
+
+### Patch Changes
+
+- e44f618: Fixed `srcset w` descriptors to use actual image widths instead of viewport breakpoints, preventing blurry product images.
+
 ## 1.8.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe-commerce/elsie",
-  "version": "1.8.0",
+  "version": "1.8.1-alpha-20260331163906",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "Domain Package SDK",
   "engines": {
@@ -30,7 +30,7 @@
   "devDependencies": {
     "@adobe-commerce/event-bus": "~1.0.1",
     "@adobe-commerce/fetch-graphql": "~1.2.3",
-    "@adobe-commerce/recaptcha": "~1.0.3",
+    "@adobe-commerce/recaptcha": "1.1.0-alpha-202603181630",
     "@adobe-commerce/storefront-design": "~1.0.0",
     "@dropins/build-tools": "~1.1.0",
     "preact": "~10.22.1",

package/src/lib/resolve-image.ts

@@ -89,13 +89,14 @@ export const generateSrcset = (
 
   return Object.entries(BREAKPOINTS)
     .map(([, value]) => {
-      // calculate breakpoints width
-      const relativeWidth = (options.width * value) / BREAKPOINTS.xxlarge;
+      const relativeWidth = Math.round(
+        (options.width * value) / BREAKPOINTS.xxlarge
+      );
 
       return `${generateSrcsetUrl({
         ...options,
         width: relativeWidth,
-      })} ${value}w`;
+      })} ${relativeWidth}w`;
     })
     .join(',\n');
 };