Merge pull request #24777 from Tomo5524/addon/newer-device-viewports

Viewport: Add newer device viewports
storybookjs · Nov 14, 2023 · 837936a · 837936a
2 parents 7e3a3f8 + edd560f
commit 837936a
Showing 1 changed file with 64 additions and 0 deletions.
diff --git a/code/addons/viewport/src/defaults.ts b/code/addons/viewport/src/defaults.ts
@@ -89,6 +89,62 @@ export const INITIAL_VIEWPORTS: ViewportMap = {
     },
     type: 'mobile',
   },
+  iphoneSE3: {
+    name: 'iPhone SE 3rd generation',
+    styles: {
+      height: '667px',
+      width: '375px',
+    },
+    type: 'mobile',
+  },
+  iphone13: {
+    name: 'iPhone 13',
+    styles: {
+      height: '844px',
+      width: '390px',
+    },
+    type: 'mobile',
+  },
+  iphone13pro: {
+    name: 'iPhone 13 Pro',
+    styles: {
+      height: '844px',
+      width: '390px',
+    },
+    type: 'mobile',
+  },
+  iphone13promax: {
+    name: 'iPhone 13 Pro Max',
+    styles: {
+      height: '926px',
+      width: '428px',
+    },
+    type: 'mobile',
+  },
+  iphone14: {
+    name: 'iPhone 14',
+    styles: {
+      height: '844px',
+      width: '390px',
+    },
+    type: 'mobile',
+  },
+  iphone14pro: {
+    name: 'iPhone 14 Pro',
+    styles: {
+      height: '852px',
+      width: '393px',
+    },
+    type: 'mobile',
+  },
+  iphone14promax: {
+    name: 'iPhone 14 Pro Max',
+    styles: {
+      height: '932px',
+      width: '430px',
+    },
+    type: 'mobile',
+  },
   ipad: {
     name: 'iPad',
     styles: {
@@ -105,6 +161,14 @@ export const INITIAL_VIEWPORTS: ViewportMap = {
     },
     type: 'tablet',
   },
+  ipad11p: {
+    name: 'iPad Pro 11-in',
+    styles: {
+      height: '1194px',
+      width: '834px',
+    },
+    type: 'tablet',
+  },
   ipad12p: {
     name: 'iPad Pro 12.9-in',
     styles: {