@chromatic-com/playwright 0.13.3 → 0.13.4-aa3cfd8-20260507101142

package/dist/index.js

@@ -3876,6 +3876,12 @@ function createStories(title, domSnapshots, chromaticStorybookParams) {
     title,
     stories: Object.entries(domSnapshots).map(([name, { viewport }]) => ({
       name,
+      // Viewport addon (Storybook 10+): `parameters.viewport.options` registers sizes; `globals.viewport`
+      // selects the active one. See https://storybook.js.org/docs/essentials/viewport#defining-the-viewport-for-a-story
+      // `defaultViewport` is not read by SB 10's types but our archive preview uses it as a fetch fallback.
+      globals: {
+        viewport: viewportToString(viewport)
+      },
       parameters: {
         server: {
           id: snapshotId(title, name)
@@ -3887,7 +3893,7 @@ function createStories(title, domSnapshots, chromaticStorybookParams) {
           ])
         },
         viewport: {
-          viewports: buildStoryViewportsConfig([
+          options: buildStoryViewportsConfig([
             viewport
           ]),
           defaultViewport: viewportToString(findDefaultViewport([
@@ -3916,6 +3922,7 @@ function buildStoryViewportsConfig(viewports) {
     const viewportName = viewportToString(viewport);
     viewportsConfig[viewportName] = {
       name: viewportName,
+      type: viewportAddonType(viewport),
       styles: {
         width: `${viewport.width}px`,
         height: `${viewport.height}px`
@@ -3926,6 +3933,17 @@ function buildStoryViewportsConfig(viewports) {
 }
 __name(buildStoryViewportsConfig, "buildStoryViewportsConfig");
 __name2(buildStoryViewportsConfig, "buildStoryViewportsConfig");
+function viewportAddonType(viewport) {
+  if (viewport.width < 600) {
+    return "mobile";
+  }
+  if (viewport.width < 1024) {
+    return "tablet";
+  }
+  return "desktop";
+}
+__name(viewportAddonType, "viewportAddonType");
+__name2(viewportAddonType, "viewportAddonType");
 function findDefaultViewport(viewports) {
   const compareFn = /* @__PURE__ */ __name2((vp1, vp2) => {
     if (vp1.width < vp2.width) {

package/dist/index.mjs

@@ -3870,6 +3870,12 @@ function createStories(title, domSnapshots, chromaticStorybookParams) {
     title,
     stories: Object.entries(domSnapshots).map(([name, { viewport }]) => ({
       name,
+      // Viewport addon (Storybook 10+): `parameters.viewport.options` registers sizes; `globals.viewport`
+      // selects the active one. See https://storybook.js.org/docs/essentials/viewport#defining-the-viewport-for-a-story
+      // `defaultViewport` is not read by SB 10's types but our archive preview uses it as a fetch fallback.
+      globals: {
+        viewport: viewportToString(viewport)
+      },
       parameters: {
         server: {
           id: snapshotId(title, name)
@@ -3881,7 +3887,7 @@ function createStories(title, domSnapshots, chromaticStorybookParams) {
           ])
         },
         viewport: {
-          viewports: buildStoryViewportsConfig([
+          options: buildStoryViewportsConfig([
             viewport
           ]),
           defaultViewport: viewportToString(findDefaultViewport([
@@ -3910,6 +3916,7 @@ function buildStoryViewportsConfig(viewports) {
     const viewportName = viewportToString(viewport);
     viewportsConfig[viewportName] = {
       name: viewportName,
+      type: viewportAddonType(viewport),
       styles: {
         width: `${viewport.width}px`,
         height: `${viewport.height}px`
@@ -3920,6 +3927,17 @@ function buildStoryViewportsConfig(viewports) {
 }
 __name(buildStoryViewportsConfig, "buildStoryViewportsConfig");
 __name2(buildStoryViewportsConfig, "buildStoryViewportsConfig");
+function viewportAddonType(viewport) {
+  if (viewport.width < 600) {
+    return "mobile";
+  }
+  if (viewport.width < 1024) {
+    return "tablet";
+  }
+  return "desktop";
+}
+__name(viewportAddonType, "viewportAddonType");
+__name2(viewportAddonType, "viewportAddonType");
 function findDefaultViewport(viewports) {
   const compareFn = /* @__PURE__ */ __name2((vp1, vp2) => {
     if (vp1.width < vp2.width) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chromatic-com/playwright",
-  "version": "0.13.3",
+  "version": "0.13.4-aa3cfd8-20260507101142",
   "description": "Chromatic Visual Regression Testing for Playwright",
   "repository": {
     "type": "git",