storybook-device-viewports 0.0.1 → 0.1.0

package/dist/apple/tablet.d.mts

@@ -0,0 +1,493 @@
+//#region src/apple/tablet.d.ts
+declare const IPAD_PRO_VIEWPORTS: {
+  readonly ipadPro13_7th: {
+    readonly name: "iPad Pro 13 (7th Gen, 2024)";
+    readonly styles: {
+      readonly width: "1032px";
+      readonly height: "1376px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro11_7th: {
+    readonly name: "iPad Pro 11 (7th Gen, 2024)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1210px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_6th: {
+    readonly name: "iPad Pro 12.9 (6th Gen, 2022)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro11_6th: {
+    readonly name: "iPad Pro 11 (6th Gen, 2022)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1194px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_5th: {
+    readonly name: "iPad Pro 12.9 (5th Gen, 2021)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro11_5th: {
+    readonly name: "iPad Pro 11 (5th Gen, 2021)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1194px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_4th: {
+    readonly name: "iPad Pro 12.9 (4th Gen, 2020)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro11_4th: {
+    readonly name: "iPad Pro 11 (4th Gen, 2020)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1194px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_3rd: {
+    readonly name: "iPad Pro 12.9 (3rd Gen, 2018)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro11_3rd: {
+    readonly name: "iPad Pro 11 (3rd Gen, 2018)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1194px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_2nd: {
+    readonly name: "iPad Pro 12.9 (2nd Gen, 2017)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro10_5_2nd: {
+    readonly name: "iPad Pro 10.5 (2nd Gen, 2017)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1112px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro9_7_1st: {
+    readonly name: "iPad Pro 9.7 (1st Gen, 2016)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_1st: {
+    readonly name: "iPad Pro 12.9 (1st Gen, 2015)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+};
+declare const IPAD_AIR_VIEWPORTS: {
+  readonly ipadAir13_6th: {
+    readonly name: "iPad Air 13 (6th Gen, 2024)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadAir11_6th: {
+    readonly name: "iPad Air 11 (6th Gen, 2024)";
+    readonly styles: {
+      readonly width: "820px";
+      readonly height: "1180px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadAir5th: {
+    readonly name: "iPad Air (5th Gen, 2022)";
+    readonly styles: {
+      readonly width: "820px";
+      readonly height: "1180px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadAir4th: {
+    readonly name: "iPad Air (4th Gen, 2020)";
+    readonly styles: {
+      readonly width: "820px";
+      readonly height: "1180px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadAir3rd: {
+    readonly name: "iPad Air (3rd Gen, 2019)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1112px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadAir2: {
+    readonly name: "iPad Air 2 (2014/15)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+};
+declare const IPAD_STANDARD_VIEWPORTS: {
+  readonly ipad10th: {
+    readonly name: "iPad (10th Gen, 2022)";
+    readonly styles: {
+      readonly width: "820px";
+      readonly height: "1180px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipad9th: {
+    readonly name: "iPad (9th Gen, 2021)";
+    readonly styles: {
+      readonly width: "810px";
+      readonly height: "1080px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipad8th: {
+    readonly name: "iPad (8th Gen, 2020)";
+    readonly styles: {
+      readonly width: "810px";
+      readonly height: "1080px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipad7th: {
+    readonly name: "iPad (7th Gen, 2019)";
+    readonly styles: {
+      readonly width: "810px";
+      readonly height: "1080px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipad6th: {
+    readonly name: "iPad (6th Gen, 2018)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipad5th: {
+    readonly name: "iPad (5th Gen, 2017)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+};
+declare const IPAD_MINI_VIEWPORTS: {
+  readonly ipadMini7th: {
+    readonly name: "iPad mini (7th Gen, 2024)";
+    readonly styles: {
+      readonly width: "744px";
+      readonly height: "1133px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadMini6th: {
+    readonly name: "iPad mini (6th Gen, 2021)";
+    readonly styles: {
+      readonly width: "744px";
+      readonly height: "1133px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadMini5th: {
+    readonly name: "iPad mini (5th Gen, 2019)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadMini4: {
+    readonly name: "iPad mini 4 (2015)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+};
+declare const IPAD_VIEWPORTS: {
+  readonly ipadMini7th: {
+    readonly name: "iPad mini (7th Gen, 2024)";
+    readonly styles: {
+      readonly width: "744px";
+      readonly height: "1133px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadMini6th: {
+    readonly name: "iPad mini (6th Gen, 2021)";
+    readonly styles: {
+      readonly width: "744px";
+      readonly height: "1133px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadMini5th: {
+    readonly name: "iPad mini (5th Gen, 2019)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadMini4: {
+    readonly name: "iPad mini 4 (2015)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipad10th: {
+    readonly name: "iPad (10th Gen, 2022)";
+    readonly styles: {
+      readonly width: "820px";
+      readonly height: "1180px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipad9th: {
+    readonly name: "iPad (9th Gen, 2021)";
+    readonly styles: {
+      readonly width: "810px";
+      readonly height: "1080px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipad8th: {
+    readonly name: "iPad (8th Gen, 2020)";
+    readonly styles: {
+      readonly width: "810px";
+      readonly height: "1080px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipad7th: {
+    readonly name: "iPad (7th Gen, 2019)";
+    readonly styles: {
+      readonly width: "810px";
+      readonly height: "1080px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipad6th: {
+    readonly name: "iPad (6th Gen, 2018)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipad5th: {
+    readonly name: "iPad (5th Gen, 2017)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadAir13_6th: {
+    readonly name: "iPad Air 13 (6th Gen, 2024)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadAir11_6th: {
+    readonly name: "iPad Air 11 (6th Gen, 2024)";
+    readonly styles: {
+      readonly width: "820px";
+      readonly height: "1180px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadAir5th: {
+    readonly name: "iPad Air (5th Gen, 2022)";
+    readonly styles: {
+      readonly width: "820px";
+      readonly height: "1180px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadAir4th: {
+    readonly name: "iPad Air (4th Gen, 2020)";
+    readonly styles: {
+      readonly width: "820px";
+      readonly height: "1180px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadAir3rd: {
+    readonly name: "iPad Air (3rd Gen, 2019)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1112px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadAir2: {
+    readonly name: "iPad Air 2 (2014/15)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro13_7th: {
+    readonly name: "iPad Pro 13 (7th Gen, 2024)";
+    readonly styles: {
+      readonly width: "1032px";
+      readonly height: "1376px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro11_7th: {
+    readonly name: "iPad Pro 11 (7th Gen, 2024)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1210px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_6th: {
+    readonly name: "iPad Pro 12.9 (6th Gen, 2022)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro11_6th: {
+    readonly name: "iPad Pro 11 (6th Gen, 2022)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1194px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_5th: {
+    readonly name: "iPad Pro 12.9 (5th Gen, 2021)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro11_5th: {
+    readonly name: "iPad Pro 11 (5th Gen, 2021)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1194px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_4th: {
+    readonly name: "iPad Pro 12.9 (4th Gen, 2020)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro11_4th: {
+    readonly name: "iPad Pro 11 (4th Gen, 2020)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1194px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_3rd: {
+    readonly name: "iPad Pro 12.9 (3rd Gen, 2018)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro11_3rd: {
+    readonly name: "iPad Pro 11 (3rd Gen, 2018)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1194px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_2nd: {
+    readonly name: "iPad Pro 12.9 (2nd Gen, 2017)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro10_5_2nd: {
+    readonly name: "iPad Pro 10.5 (2nd Gen, 2017)";
+    readonly styles: {
+      readonly width: "834px";
+      readonly height: "1112px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro9_7_1st: {
+    readonly name: "iPad Pro 9.7 (1st Gen, 2016)";
+    readonly styles: {
+      readonly width: "768px";
+      readonly height: "1024px";
+    };
+    readonly type: "tablet";
+  };
+  readonly ipadPro12_9_1st: {
+    readonly name: "iPad Pro 12.9 (1st Gen, 2015)";
+    readonly styles: {
+      readonly width: "1024px";
+      readonly height: "1366px";
+    };
+    readonly type: "tablet";
+  };
+};
+//#endregion
+export { IPAD_AIR_VIEWPORTS, IPAD_MINI_VIEWPORTS, IPAD_PRO_VIEWPORTS, IPAD_STANDARD_VIEWPORTS, IPAD_VIEWPORTS };

package/dist/apple/tablet.mjs

@@ -0,0 +1,3 @@
+import { a as IPAD_VIEWPORTS, i as IPAD_STANDARD_VIEWPORTS, n as IPAD_MINI_VIEWPORTS, r as IPAD_PRO_VIEWPORTS, t as IPAD_AIR_VIEWPORTS } from "../tablet-DzGF8Wal.mjs";
+
+export { IPAD_AIR_VIEWPORTS, IPAD_MINI_VIEWPORTS, IPAD_PRO_VIEWPORTS, IPAD_STANDARD_VIEWPORTS, IPAD_VIEWPORTS };

package/dist/google/index.d.mts

@@ -0,0 +1,157 @@
+//#region src/google/index.d.ts
+declare const GOOGLE_DEVICE_VIEWPORTS: {
+  readonly pixel1xl: {
+    readonly name: "Pixel XL";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "732px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel1: {
+    readonly name: "Pixel";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "732px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel2xl: {
+    readonly name: "Pixel 2 XL";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "824px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel2: {
+    readonly name: "Pixel 2";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "732px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel3xl: {
+    readonly name: "Pixel 3 XL";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "846px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel3: {
+    readonly name: "Pixel 3";
+    readonly styles: {
+      readonly width: "393px";
+      readonly height: "786px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel3axl: {
+    readonly name: "Pixel 3a XL";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "824px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel3a: {
+    readonly name: "Pixel 3a";
+    readonly styles: {
+      readonly width: "393px";
+      readonly height: "808px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel4xl: {
+    readonly name: "Pixel 4 XL";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "869px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel4: {
+    readonly name: "Pixel 4";
+    readonly styles: {
+      readonly width: "393px";
+      readonly height: "830px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel5: {
+    readonly name: "Pixel 5";
+    readonly styles: {
+      readonly width: "393px";
+      readonly height: "851px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel6pro: {
+    readonly name: "Pixel 6 Pro";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "892px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel6: {
+    readonly name: "Pixel 6";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "915px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel7pro: {
+    readonly name: "Pixel 7 Pro";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "892px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel7: {
+    readonly name: "Pixel 7";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "915px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel7a: {
+    readonly name: "Pixel 7a";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "915px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel8pro: {
+    readonly name: "Pixel 8 Pro";
+    readonly styles: {
+      readonly width: "448px";
+      readonly height: "998px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel8: {
+    readonly name: "Pixel 8";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "915px";
+    };
+    readonly type: "mobile";
+  };
+  readonly pixel9: {
+    readonly name: "Pixel 9";
+    readonly styles: {
+      readonly width: "412px";
+      readonly height: "915px";
+    };
+    readonly type: "mobile";
+  };
+};
+//#endregion
+export { GOOGLE_DEVICE_VIEWPORTS };

package/dist/google/index.mjs

@@ -0,0 +1,7 @@
+import { u as PIXEL_VIEWPORTS } from "../mobile-B18IT4fV.mjs";
+
+//#region src/google/index.ts
+const GOOGLE_DEVICE_VIEWPORTS = { ...PIXEL_VIEWPORTS };
+
+//#endregion
+export { GOOGLE_DEVICE_VIEWPORTS };