storybook-device-viewports 0.1.1-preview.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.ja.md +2 -1
- package/README.md +2 -1
- package/dist/google/index.d.mts +8 -0
- package/dist/google/index.mjs +1 -1
- package/dist/google/mobile.d.mts +19 -1
- package/dist/google/mobile.mjs +2 -2
- package/dist/index.d.mts +8 -0
- package/dist/index.mjs +1 -1
- package/dist/{mobile-B18IT4fV.mjs → mobile-vm765JEu.mjs} +10 -1
- package/package.json +9 -9
package/README.ja.md
CHANGED
|
@@ -9,7 +9,7 @@ Apple(iPhone / iPad)とGoogle(Pixel)のデバイスに対応したプレ
|
|
|
9
9
|
## インストール
|
|
10
10
|
|
|
11
11
|
```bash
|
|
12
|
-
|
|
12
|
+
pnpm add -D storybook-device-viewports
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
## 使い方
|
|
@@ -89,6 +89,7 @@ const preview: Preview = {
|
|
|
89
89
|
|
|
90
90
|
### Google (Pixel)
|
|
91
91
|
|
|
92
|
+
- Pixel 10
|
|
92
93
|
- Pixel 9
|
|
93
94
|
- Pixel 8 Pro / 8
|
|
94
95
|
- Pixel 7 Pro / 7 / 7a
|
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@ Includes predefined viewport settings for devices from Apple (iPhone / iPad) and
|
|
|
9
9
|
## Installation
|
|
10
10
|
|
|
11
11
|
```bash
|
|
12
|
-
|
|
12
|
+
pnpm add -D storybook-device-viewports
|
|
13
13
|
```
|
|
14
14
|
|
|
15
15
|
## Usage
|
|
@@ -89,6 +89,7 @@ const preview: Preview = {
|
|
|
89
89
|
|
|
90
90
|
### Google (Pixel)
|
|
91
91
|
|
|
92
|
+
- Pixel 10
|
|
92
93
|
- Pixel 9
|
|
93
94
|
- Pixel 8 Pro / 8
|
|
94
95
|
- Pixel 7 Pro / 7 / 7a
|
package/dist/google/index.d.mts
CHANGED
|
@@ -152,6 +152,14 @@ declare const GOOGLE_DEVICE_VIEWPORTS: {
|
|
|
152
152
|
};
|
|
153
153
|
readonly type: "mobile";
|
|
154
154
|
};
|
|
155
|
+
readonly pixel10: {
|
|
156
|
+
readonly name: "Pixel 10";
|
|
157
|
+
readonly styles: {
|
|
158
|
+
readonly width: "412px";
|
|
159
|
+
readonly height: "915px";
|
|
160
|
+
};
|
|
161
|
+
readonly type: "mobile";
|
|
162
|
+
};
|
|
155
163
|
};
|
|
156
164
|
//#endregion
|
|
157
165
|
export { GOOGLE_DEVICE_VIEWPORTS };
|
package/dist/google/index.mjs
CHANGED
package/dist/google/mobile.d.mts
CHANGED
|
@@ -1,4 +1,14 @@
|
|
|
1
1
|
//#region src/google/mobile.d.ts
|
|
2
|
+
declare const PIXEL_10_VIEWPORTS: {
|
|
3
|
+
readonly pixel10: {
|
|
4
|
+
readonly name: "Pixel 10";
|
|
5
|
+
readonly styles: {
|
|
6
|
+
readonly width: "412px";
|
|
7
|
+
readonly height: "915px";
|
|
8
|
+
};
|
|
9
|
+
readonly type: "mobile";
|
|
10
|
+
};
|
|
11
|
+
};
|
|
2
12
|
declare const PIXEL_9_VIEWPORTS: {
|
|
3
13
|
readonly pixel9: {
|
|
4
14
|
readonly name: "Pixel 9";
|
|
@@ -322,6 +332,14 @@ declare const PIXEL_VIEWPORTS: {
|
|
|
322
332
|
};
|
|
323
333
|
readonly type: "mobile";
|
|
324
334
|
};
|
|
335
|
+
readonly pixel10: {
|
|
336
|
+
readonly name: "Pixel 10";
|
|
337
|
+
readonly styles: {
|
|
338
|
+
readonly width: "412px";
|
|
339
|
+
readonly height: "915px";
|
|
340
|
+
};
|
|
341
|
+
readonly type: "mobile";
|
|
342
|
+
};
|
|
325
343
|
};
|
|
326
344
|
//#endregion
|
|
327
|
-
export { PIXEL_1_VIEWPORTS, PIXEL_2_VIEWPORTS, PIXEL_3_VIEWPORTS, PIXEL_4_VIEWPORTS, PIXEL_5_VIEWPORTS, PIXEL_6_VIEWPORTS, PIXEL_7_VIEWPORTS, PIXEL_8_VIEWPORTS, PIXEL_9_VIEWPORTS, PIXEL_VIEWPORTS };
|
|
345
|
+
export { PIXEL_10_VIEWPORTS, PIXEL_1_VIEWPORTS, PIXEL_2_VIEWPORTS, PIXEL_3_VIEWPORTS, PIXEL_4_VIEWPORTS, PIXEL_5_VIEWPORTS, PIXEL_6_VIEWPORTS, PIXEL_7_VIEWPORTS, PIXEL_8_VIEWPORTS, PIXEL_9_VIEWPORTS, PIXEL_VIEWPORTS };
|
package/dist/google/mobile.mjs
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { a as
|
|
1
|
+
import { a as PIXEL_4_VIEWPORTS, c as PIXEL_7_VIEWPORTS, d as PIXEL_VIEWPORTS, i as PIXEL_3_VIEWPORTS, l as PIXEL_8_VIEWPORTS, n as PIXEL_1_VIEWPORTS, o as PIXEL_5_VIEWPORTS, r as PIXEL_2_VIEWPORTS, s as PIXEL_6_VIEWPORTS, t as PIXEL_10_VIEWPORTS, u as PIXEL_9_VIEWPORTS } from "../mobile-vm765JEu.mjs";
|
|
2
2
|
|
|
3
|
-
export { PIXEL_1_VIEWPORTS, PIXEL_2_VIEWPORTS, PIXEL_3_VIEWPORTS, PIXEL_4_VIEWPORTS, PIXEL_5_VIEWPORTS, PIXEL_6_VIEWPORTS, PIXEL_7_VIEWPORTS, PIXEL_8_VIEWPORTS, PIXEL_9_VIEWPORTS, PIXEL_VIEWPORTS };
|
|
3
|
+
export { PIXEL_10_VIEWPORTS, PIXEL_1_VIEWPORTS, PIXEL_2_VIEWPORTS, PIXEL_3_VIEWPORTS, PIXEL_4_VIEWPORTS, PIXEL_5_VIEWPORTS, PIXEL_6_VIEWPORTS, PIXEL_7_VIEWPORTS, PIXEL_8_VIEWPORTS, PIXEL_9_VIEWPORTS, PIXEL_VIEWPORTS };
|
package/dist/index.d.mts
CHANGED
|
@@ -152,6 +152,14 @@ declare const AWESOME_DEVICE_VIEWPORTS: {
|
|
|
152
152
|
};
|
|
153
153
|
readonly type: "mobile";
|
|
154
154
|
};
|
|
155
|
+
readonly pixel10: {
|
|
156
|
+
readonly name: "Pixel 10";
|
|
157
|
+
readonly styles: {
|
|
158
|
+
readonly width: "412px";
|
|
159
|
+
readonly height: "915px";
|
|
160
|
+
};
|
|
161
|
+
readonly type: "mobile";
|
|
162
|
+
};
|
|
155
163
|
readonly ipadMini7th: {
|
|
156
164
|
readonly name: "iPad mini (7th Gen, 2024)";
|
|
157
165
|
readonly styles: {
|
package/dist/index.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./mobile-XOiE5maI.mjs";
|
|
2
2
|
import "./tablet-DzGF8Wal.mjs";
|
|
3
3
|
import { APPLE_DEVICE_VIEWPORTS } from "./apple/index.mjs";
|
|
4
|
-
import "./mobile-
|
|
4
|
+
import "./mobile-vm765JEu.mjs";
|
|
5
5
|
import { GOOGLE_DEVICE_VIEWPORTS } from "./google/index.mjs";
|
|
6
6
|
|
|
7
7
|
//#region src/index.ts
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
//#region src/google/mobile.ts
|
|
2
|
+
const PIXEL_10_VIEWPORTS = { pixel10: {
|
|
3
|
+
name: "Pixel 10",
|
|
4
|
+
styles: {
|
|
5
|
+
width: "412px",
|
|
6
|
+
height: "915px"
|
|
7
|
+
},
|
|
8
|
+
type: "mobile"
|
|
9
|
+
} };
|
|
2
10
|
const PIXEL_9_VIEWPORTS = { pixel9: {
|
|
3
11
|
name: "Pixel 9",
|
|
4
12
|
styles: {
|
|
@@ -166,6 +174,7 @@ const PIXEL_1_VIEWPORTS = {
|
|
|
166
174
|
}
|
|
167
175
|
};
|
|
168
176
|
const PIXEL_VIEWPORTS = {
|
|
177
|
+
...PIXEL_10_VIEWPORTS,
|
|
169
178
|
...PIXEL_9_VIEWPORTS,
|
|
170
179
|
...PIXEL_8_VIEWPORTS,
|
|
171
180
|
...PIXEL_7_VIEWPORTS,
|
|
@@ -178,4 +187,4 @@ const PIXEL_VIEWPORTS = {
|
|
|
178
187
|
};
|
|
179
188
|
|
|
180
189
|
//#endregion
|
|
181
|
-
export {
|
|
190
|
+
export { PIXEL_4_VIEWPORTS as a, PIXEL_7_VIEWPORTS as c, PIXEL_VIEWPORTS as d, PIXEL_3_VIEWPORTS as i, PIXEL_8_VIEWPORTS as l, PIXEL_1_VIEWPORTS as n, PIXEL_5_VIEWPORTS as o, PIXEL_2_VIEWPORTS as r, PIXEL_6_VIEWPORTS as s, PIXEL_10_VIEWPORTS as t, PIXEL_9_VIEWPORTS as u };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "storybook-device-viewports",
|
|
3
|
-
"version": "0.1.1
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"author": "koralle",
|
|
6
6
|
"keywords": [
|
|
@@ -47,13 +47,6 @@
|
|
|
47
47
|
"default": "./dist/google/mobile.mjs"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
|
-
"scripts": {
|
|
51
|
-
"build": "tsdown",
|
|
52
|
-
"check": "biome check .",
|
|
53
|
-
"check:fix": "biome check . --fix",
|
|
54
|
-
"typecheck": "tsc --noEmit",
|
|
55
|
-
"release": "changeset publish"
|
|
56
|
-
},
|
|
57
50
|
"devDependencies": {
|
|
58
51
|
"@biomejs/biome": "^2.3.11",
|
|
59
52
|
"@changesets/changelog-github": "^0.5.2",
|
|
@@ -64,5 +57,12 @@
|
|
|
64
57
|
"license": "MIT",
|
|
65
58
|
"dependencies": {
|
|
66
59
|
"storybook": "^10.1.11"
|
|
60
|
+
},
|
|
61
|
+
"scripts": {
|
|
62
|
+
"build": "tsdown",
|
|
63
|
+
"check": "biome check .",
|
|
64
|
+
"check:fix": "biome check . --fix",
|
|
65
|
+
"typecheck": "tsc --noEmit",
|
|
66
|
+
"release": "changeset publish"
|
|
67
67
|
}
|
|
68
|
-
}
|
|
68
|
+
}
|