@storybook/addon-viewport - npm Package Compare versions

Comparing version 0.0.0-pr-29184-sha-d5ba8e56 to 0.0.0-pr-29223-sha-d3f5ad98

dist/index.d.ts

@@ -27,2 +27,229 @@ type Styles = ViewportStyles | ((s: ViewportStyles | undefined) => ViewportStyles) | null;
 
+declare const INITIAL_VIEWPORTS_DATA: {
+    readonly iphone5: {
+        readonly name: "iPhone 5";
+        readonly styles: {
+            readonly height: "568px";
+            readonly width: "320px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone6: {
+        readonly name: "iPhone 6";
+        readonly styles: {
+            readonly height: "667px";
+            readonly width: "375px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone6p: {
+        readonly name: "iPhone 6 Plus";
+        readonly styles: {
+            readonly height: "736px";
+            readonly width: "414px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone8p: {
+        readonly name: "iPhone 8 Plus";
+        readonly styles: {
+            readonly height: "736px";
+            readonly width: "414px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphonex: {
+        readonly name: "iPhone X";
+        readonly styles: {
+            readonly height: "812px";
+            readonly width: "375px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphonexr: {
+        readonly name: "iPhone XR";
+        readonly styles: {
+            readonly height: "896px";
+            readonly width: "414px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphonexsmax: {
+        readonly name: "iPhone XS Max";
+        readonly styles: {
+            readonly height: "896px";
+            readonly width: "414px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphonese2: {
+        readonly name: "iPhone SE (2nd generation)";
+        readonly styles: {
+            readonly height: "667px";
+            readonly width: "375px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone12mini: {
+        readonly name: "iPhone 12 mini";
+        readonly styles: {
+            readonly height: "812px";
+            readonly width: "375px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone12: {
+        readonly name: "iPhone 12";
+        readonly styles: {
+            readonly height: "844px";
+            readonly width: "390px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone12promax: {
+        readonly name: "iPhone 12 Pro Max";
+        readonly styles: {
+            readonly height: "926px";
+            readonly width: "428px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphoneSE3: {
+        readonly name: "iPhone SE 3rd generation";
+        readonly styles: {
+            readonly height: "667px";
+            readonly width: "375px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone13: {
+        readonly name: "iPhone 13";
+        readonly styles: {
+            readonly height: "844px";
+            readonly width: "390px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone13pro: {
+        readonly name: "iPhone 13 Pro";
+        readonly styles: {
+            readonly height: "844px";
+            readonly width: "390px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone13promax: {
+        readonly name: "iPhone 13 Pro Max";
+        readonly styles: {
+            readonly height: "926px";
+            readonly width: "428px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone14: {
+        readonly name: "iPhone 14";
+        readonly styles: {
+            readonly height: "844px";
+            readonly width: "390px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone14pro: {
+        readonly name: "iPhone 14 Pro";
+        readonly styles: {
+            readonly height: "852px";
+            readonly width: "393px";
+        };
+        readonly type: "mobile";
+    };
+    readonly iphone14promax: {
+        readonly name: "iPhone 14 Pro Max";
+        readonly styles: {
+            readonly height: "932px";
+            readonly width: "430px";
+        };
+        readonly type: "mobile";
+    };
+    readonly ipad: {
+        readonly name: "iPad";
+        readonly styles: {
+            readonly height: "1024px";
+            readonly width: "768px";
+        };
+        readonly type: "tablet";
+    };
+    readonly ipad10p: {
+        readonly name: "iPad Pro 10.5-in";
+        readonly styles: {
+            readonly height: "1112px";
+            readonly width: "834px";
+        };
+        readonly type: "tablet";
+    };
+    readonly ipad11p: {
+        readonly name: "iPad Pro 11-in";
+        readonly styles: {
+            readonly height: "1194px";
+            readonly width: "834px";
+        };
+        readonly type: "tablet";
+    };
+    readonly ipad12p: {
+        readonly name: "iPad Pro 12.9-in";
+        readonly styles: {
+            readonly height: "1366px";
+            readonly width: "1024px";
+        };
+        readonly type: "tablet";
+    };
+    readonly galaxys5: {
+        readonly name: "Galaxy S5";
+        readonly styles: {
+            readonly height: "640px";
+            readonly width: "360px";
+        };
+        readonly type: "mobile";
+    };
+    readonly galaxys9: {
+        readonly name: "Galaxy S9";
+        readonly styles: {
+            readonly height: "740px";
+            readonly width: "360px";
+        };
+        readonly type: "mobile";
+    };
+    readonly nexus5x: {
+        readonly name: "Nexus 5X";
+        readonly styles: {
+            readonly height: "660px";
+            readonly width: "412px";
+        };
+        readonly type: "mobile";
+    };
+    readonly nexus6p: {
+        readonly name: "Nexus 6P";
+        readonly styles: {
+            readonly height: "732px";
+            readonly width: "412px";
+        };
+        readonly type: "mobile";
+    };
+    readonly pixel: {
+        readonly name: "Pixel";
+        readonly styles: {
+            readonly height: "960px";
+            readonly width: "540px";
+        };
+        readonly type: "mobile";
+    };
+    readonly pixelxl: {
+        readonly name: "Pixel XL";
+        readonly styles: {
+            readonly height: "1280px";
+            readonly width: "720px";
+        };
+        readonly type: "mobile";
+    };
+};
+type InitialViewportKeys = keyof typeof INITIAL_VIEWPORTS_DATA;
 declare const INITIAL_VIEWPORTS: ViewportMap;
@@ -32,2 +259,2 @@ declare const DEFAULT_VIEWPORT = "responsive";
 
-export { Config, DEFAULT_VIEWPORT, GlobalState, GlobalStateUpdate, INITIAL_VIEWPORTS, MINIMAL_VIEWPORTS, ModernViewport, Styles, Viewport, ViewportMap, ViewportStyles };
+export { Config, DEFAULT_VIEWPORT, GlobalState, GlobalStateUpdate, INITIAL_VIEWPORTS, InitialViewportKeys, MINIMAL_VIEWPORTS, ModernViewport, Styles, Viewport, ViewportMap, ViewportStyles };

dist/index.js

 'use strict';
 
-var INITIAL_VIEWPORTS={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},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:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}},DEFAULT_VIEWPORT="responsive",MINIMAL_VIEWPORTS={mobile1:{name:"Small mobile",styles:{height:"568px",width:"320px"},type:"mobile"},mobile2:{name:"Large mobile",styles:{height:"896px",width:"414px"},type:"mobile"},tablet:{name:"Tablet",styles:{height:"1112px",width:"834px"},type:"tablet"}};
+var INITIAL_VIEWPORTS_DATA={iphone5:{name:"iPhone 5",styles:{height:"568px",width:"320px"},type:"mobile"},iphone6:{name:"iPhone 6",styles:{height:"667px",width:"375px"},type:"mobile"},iphone6p:{name:"iPhone 6 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphone8p:{name:"iPhone 8 Plus",styles:{height:"736px",width:"414px"},type:"mobile"},iphonex:{name:"iPhone X",styles:{height:"812px",width:"375px"},type:"mobile"},iphonexr:{name:"iPhone XR",styles:{height:"896px",width:"414px"},type:"mobile"},iphonexsmax:{name:"iPhone XS Max",styles:{height:"896px",width:"414px"},type:"mobile"},iphonese2:{name:"iPhone SE (2nd generation)",styles:{height:"667px",width:"375px"},type:"mobile"},iphone12mini:{name:"iPhone 12 mini",styles:{height:"812px",width:"375px"},type:"mobile"},iphone12:{name:"iPhone 12",styles:{height:"844px",width:"390px"},type:"mobile"},iphone12promax:{name:"iPhone 12 Pro Max",styles:{height:"926px",width:"428px"},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:{height:"1024px",width:"768px"},type:"tablet"},ipad10p:{name:"iPad Pro 10.5-in",styles:{height:"1112px",width:"834px"},type:"tablet"},ipad11p:{name:"iPad Pro 11-in",styles:{height:"1194px",width:"834px"},type:"tablet"},ipad12p:{name:"iPad Pro 12.9-in",styles:{height:"1366px",width:"1024px"},type:"tablet"},galaxys5:{name:"Galaxy S5",styles:{height:"640px",width:"360px"},type:"mobile"},galaxys9:{name:"Galaxy S9",styles:{height:"740px",width:"360px"},type:"mobile"},nexus5x:{name:"Nexus 5X",styles:{height:"660px",width:"412px"},type:"mobile"},nexus6p:{name:"Nexus 6P",styles:{height:"732px",width:"412px"},type:"mobile"},pixel:{name:"Pixel",styles:{height:"960px",width:"540px"},type:"mobile"},pixelxl:{name:"Pixel XL",styles:{height:"1280px",width:"720px"},type:"mobile"}},INITIAL_VIEWPORTS=INITIAL_VIEWPORTS_DATA,DEFAULT_VIEWPORT="responsive",MINIMAL_VIEWPORTS={mobile1:{name:"Small mobile",styles:{height:"568px",width:"320px"},type:"mobile"},mobile2:{name:"Large mobile",styles:{height:"896px",width:"414px"},type:"mobile"},tablet:{name:"Tablet",styles:{height:"1112px",width:"834px"},type:"tablet"}};
 
@@ -5,0 +5,0 @@ exports.DEFAULT_VIEWPORT = DEFAULT_VIEWPORT;

package.json

 {
   "name": "@storybook/addon-viewport",
-  "version": "0.0.0-pr-29184-sha-d5ba8e56",
+  "version": "0.0.0-pr-29223-sha-d3f5ad98",
   "description": "Build responsive components by adjusting Storybook’s viewport size and orientation",
@@ -64,3 +64,3 @@ "keywords": [
   "peerDependencies": {
-    "storybook": "^0.0.0-pr-29184-sha-d5ba8e56"
+    "storybook": "^0.0.0-pr-29223-sha-d3f5ad98"
   },
@@ -67,0 +67,0 @@ "publishConfig": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

26950

increased by30.63%

Lines of code

343

increased by195.69%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Published versions last months

28

decreased by-6.67%

Published versions last week

9

decreased by-10%

No dependency changes