storybook-device-viewports 0.0.1 → 0.1.0
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/LICENSE +21 -0
- package/README.ja.md +113 -0
- package/README.md +97 -29
- package/dist/apple/index.d.mts +573 -0
- package/dist/apple/index.mjs +11 -0
- package/dist/apple/mobile.d.mts +685 -0
- package/dist/apple/mobile.mjs +3 -0
- package/dist/apple/tablet.d.mts +493 -0
- package/dist/apple/tablet.mjs +3 -0
- package/dist/google/index.d.mts +157 -0
- package/dist/google/index.mjs +7 -0
- package/dist/google/mobile.d.mts +327 -0
- package/dist/google/mobile.mjs +3 -0
- package/dist/index.d.mts +725 -0
- package/dist/index.mjs +14 -0
- package/dist/mobile-B18IT4fV.mjs +181 -0
- package/dist/mobile-XOiE5maI.mjs +370 -0
- package/dist/tablet-DzGF8Wal.mjs +258 -0
- package/package.json +63 -6
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
//#region src/apple/tablet.ts
|
|
2
|
+
const IPAD_PRO_VIEWPORTS = {
|
|
3
|
+
ipadPro13_7th: {
|
|
4
|
+
name: "iPad Pro 13 (7th Gen, 2024)",
|
|
5
|
+
styles: {
|
|
6
|
+
width: "1032px",
|
|
7
|
+
height: "1376px"
|
|
8
|
+
},
|
|
9
|
+
type: "tablet"
|
|
10
|
+
},
|
|
11
|
+
ipadPro11_7th: {
|
|
12
|
+
name: "iPad Pro 11 (7th Gen, 2024)",
|
|
13
|
+
styles: {
|
|
14
|
+
width: "834px",
|
|
15
|
+
height: "1210px"
|
|
16
|
+
},
|
|
17
|
+
type: "tablet"
|
|
18
|
+
},
|
|
19
|
+
ipadPro12_9_6th: {
|
|
20
|
+
name: "iPad Pro 12.9 (6th Gen, 2022)",
|
|
21
|
+
styles: {
|
|
22
|
+
width: "1024px",
|
|
23
|
+
height: "1366px"
|
|
24
|
+
},
|
|
25
|
+
type: "tablet"
|
|
26
|
+
},
|
|
27
|
+
ipadPro11_6th: {
|
|
28
|
+
name: "iPad Pro 11 (6th Gen, 2022)",
|
|
29
|
+
styles: {
|
|
30
|
+
width: "834px",
|
|
31
|
+
height: "1194px"
|
|
32
|
+
},
|
|
33
|
+
type: "tablet"
|
|
34
|
+
},
|
|
35
|
+
ipadPro12_9_5th: {
|
|
36
|
+
name: "iPad Pro 12.9 (5th Gen, 2021)",
|
|
37
|
+
styles: {
|
|
38
|
+
width: "1024px",
|
|
39
|
+
height: "1366px"
|
|
40
|
+
},
|
|
41
|
+
type: "tablet"
|
|
42
|
+
},
|
|
43
|
+
ipadPro11_5th: {
|
|
44
|
+
name: "iPad Pro 11 (5th Gen, 2021)",
|
|
45
|
+
styles: {
|
|
46
|
+
width: "834px",
|
|
47
|
+
height: "1194px"
|
|
48
|
+
},
|
|
49
|
+
type: "tablet"
|
|
50
|
+
},
|
|
51
|
+
ipadPro12_9_4th: {
|
|
52
|
+
name: "iPad Pro 12.9 (4th Gen, 2020)",
|
|
53
|
+
styles: {
|
|
54
|
+
width: "1024px",
|
|
55
|
+
height: "1366px"
|
|
56
|
+
},
|
|
57
|
+
type: "tablet"
|
|
58
|
+
},
|
|
59
|
+
ipadPro11_4th: {
|
|
60
|
+
name: "iPad Pro 11 (4th Gen, 2020)",
|
|
61
|
+
styles: {
|
|
62
|
+
width: "834px",
|
|
63
|
+
height: "1194px"
|
|
64
|
+
},
|
|
65
|
+
type: "tablet"
|
|
66
|
+
},
|
|
67
|
+
ipadPro12_9_3rd: {
|
|
68
|
+
name: "iPad Pro 12.9 (3rd Gen, 2018)",
|
|
69
|
+
styles: {
|
|
70
|
+
width: "1024px",
|
|
71
|
+
height: "1366px"
|
|
72
|
+
},
|
|
73
|
+
type: "tablet"
|
|
74
|
+
},
|
|
75
|
+
ipadPro11_3rd: {
|
|
76
|
+
name: "iPad Pro 11 (3rd Gen, 2018)",
|
|
77
|
+
styles: {
|
|
78
|
+
width: "834px",
|
|
79
|
+
height: "1194px"
|
|
80
|
+
},
|
|
81
|
+
type: "tablet"
|
|
82
|
+
},
|
|
83
|
+
ipadPro12_9_2nd: {
|
|
84
|
+
name: "iPad Pro 12.9 (2nd Gen, 2017)",
|
|
85
|
+
styles: {
|
|
86
|
+
width: "1024px",
|
|
87
|
+
height: "1366px"
|
|
88
|
+
},
|
|
89
|
+
type: "tablet"
|
|
90
|
+
},
|
|
91
|
+
ipadPro10_5_2nd: {
|
|
92
|
+
name: "iPad Pro 10.5 (2nd Gen, 2017)",
|
|
93
|
+
styles: {
|
|
94
|
+
width: "834px",
|
|
95
|
+
height: "1112px"
|
|
96
|
+
},
|
|
97
|
+
type: "tablet"
|
|
98
|
+
},
|
|
99
|
+
ipadPro9_7_1st: {
|
|
100
|
+
name: "iPad Pro 9.7 (1st Gen, 2016)",
|
|
101
|
+
styles: {
|
|
102
|
+
width: "768px",
|
|
103
|
+
height: "1024px"
|
|
104
|
+
},
|
|
105
|
+
type: "tablet"
|
|
106
|
+
},
|
|
107
|
+
ipadPro12_9_1st: {
|
|
108
|
+
name: "iPad Pro 12.9 (1st Gen, 2015)",
|
|
109
|
+
styles: {
|
|
110
|
+
width: "1024px",
|
|
111
|
+
height: "1366px"
|
|
112
|
+
},
|
|
113
|
+
type: "tablet"
|
|
114
|
+
}
|
|
115
|
+
};
|
|
116
|
+
const IPAD_AIR_VIEWPORTS = {
|
|
117
|
+
ipadAir13_6th: {
|
|
118
|
+
name: "iPad Air 13 (6th Gen, 2024)",
|
|
119
|
+
styles: {
|
|
120
|
+
width: "1024px",
|
|
121
|
+
height: "1366px"
|
|
122
|
+
},
|
|
123
|
+
type: "tablet"
|
|
124
|
+
},
|
|
125
|
+
ipadAir11_6th: {
|
|
126
|
+
name: "iPad Air 11 (6th Gen, 2024)",
|
|
127
|
+
styles: {
|
|
128
|
+
width: "820px",
|
|
129
|
+
height: "1180px"
|
|
130
|
+
},
|
|
131
|
+
type: "tablet"
|
|
132
|
+
},
|
|
133
|
+
ipadAir5th: {
|
|
134
|
+
name: "iPad Air (5th Gen, 2022)",
|
|
135
|
+
styles: {
|
|
136
|
+
width: "820px",
|
|
137
|
+
height: "1180px"
|
|
138
|
+
},
|
|
139
|
+
type: "tablet"
|
|
140
|
+
},
|
|
141
|
+
ipadAir4th: {
|
|
142
|
+
name: "iPad Air (4th Gen, 2020)",
|
|
143
|
+
styles: {
|
|
144
|
+
width: "820px",
|
|
145
|
+
height: "1180px"
|
|
146
|
+
},
|
|
147
|
+
type: "tablet"
|
|
148
|
+
},
|
|
149
|
+
ipadAir3rd: {
|
|
150
|
+
name: "iPad Air (3rd Gen, 2019)",
|
|
151
|
+
styles: {
|
|
152
|
+
width: "834px",
|
|
153
|
+
height: "1112px"
|
|
154
|
+
},
|
|
155
|
+
type: "tablet"
|
|
156
|
+
},
|
|
157
|
+
ipadAir2: {
|
|
158
|
+
name: "iPad Air 2 (2014/15)",
|
|
159
|
+
styles: {
|
|
160
|
+
width: "768px",
|
|
161
|
+
height: "1024px"
|
|
162
|
+
},
|
|
163
|
+
type: "tablet"
|
|
164
|
+
}
|
|
165
|
+
};
|
|
166
|
+
const IPAD_STANDARD_VIEWPORTS = {
|
|
167
|
+
ipad10th: {
|
|
168
|
+
name: "iPad (10th Gen, 2022)",
|
|
169
|
+
styles: {
|
|
170
|
+
width: "820px",
|
|
171
|
+
height: "1180px"
|
|
172
|
+
},
|
|
173
|
+
type: "tablet"
|
|
174
|
+
},
|
|
175
|
+
ipad9th: {
|
|
176
|
+
name: "iPad (9th Gen, 2021)",
|
|
177
|
+
styles: {
|
|
178
|
+
width: "810px",
|
|
179
|
+
height: "1080px"
|
|
180
|
+
},
|
|
181
|
+
type: "tablet"
|
|
182
|
+
},
|
|
183
|
+
ipad8th: {
|
|
184
|
+
name: "iPad (8th Gen, 2020)",
|
|
185
|
+
styles: {
|
|
186
|
+
width: "810px",
|
|
187
|
+
height: "1080px"
|
|
188
|
+
},
|
|
189
|
+
type: "tablet"
|
|
190
|
+
},
|
|
191
|
+
ipad7th: {
|
|
192
|
+
name: "iPad (7th Gen, 2019)",
|
|
193
|
+
styles: {
|
|
194
|
+
width: "810px",
|
|
195
|
+
height: "1080px"
|
|
196
|
+
},
|
|
197
|
+
type: "tablet"
|
|
198
|
+
},
|
|
199
|
+
ipad6th: {
|
|
200
|
+
name: "iPad (6th Gen, 2018)",
|
|
201
|
+
styles: {
|
|
202
|
+
width: "768px",
|
|
203
|
+
height: "1024px"
|
|
204
|
+
},
|
|
205
|
+
type: "tablet"
|
|
206
|
+
},
|
|
207
|
+
ipad5th: {
|
|
208
|
+
name: "iPad (5th Gen, 2017)",
|
|
209
|
+
styles: {
|
|
210
|
+
width: "768px",
|
|
211
|
+
height: "1024px"
|
|
212
|
+
},
|
|
213
|
+
type: "tablet"
|
|
214
|
+
}
|
|
215
|
+
};
|
|
216
|
+
const IPAD_MINI_VIEWPORTS = {
|
|
217
|
+
ipadMini7th: {
|
|
218
|
+
name: "iPad mini (7th Gen, 2024)",
|
|
219
|
+
styles: {
|
|
220
|
+
width: "744px",
|
|
221
|
+
height: "1133px"
|
|
222
|
+
},
|
|
223
|
+
type: "tablet"
|
|
224
|
+
},
|
|
225
|
+
ipadMini6th: {
|
|
226
|
+
name: "iPad mini (6th Gen, 2021)",
|
|
227
|
+
styles: {
|
|
228
|
+
width: "744px",
|
|
229
|
+
height: "1133px"
|
|
230
|
+
},
|
|
231
|
+
type: "tablet"
|
|
232
|
+
},
|
|
233
|
+
ipadMini5th: {
|
|
234
|
+
name: "iPad mini (5th Gen, 2019)",
|
|
235
|
+
styles: {
|
|
236
|
+
width: "768px",
|
|
237
|
+
height: "1024px"
|
|
238
|
+
},
|
|
239
|
+
type: "tablet"
|
|
240
|
+
},
|
|
241
|
+
ipadMini4: {
|
|
242
|
+
name: "iPad mini 4 (2015)",
|
|
243
|
+
styles: {
|
|
244
|
+
width: "768px",
|
|
245
|
+
height: "1024px"
|
|
246
|
+
},
|
|
247
|
+
type: "tablet"
|
|
248
|
+
}
|
|
249
|
+
};
|
|
250
|
+
const IPAD_VIEWPORTS = {
|
|
251
|
+
...IPAD_PRO_VIEWPORTS,
|
|
252
|
+
...IPAD_AIR_VIEWPORTS,
|
|
253
|
+
...IPAD_STANDARD_VIEWPORTS,
|
|
254
|
+
...IPAD_MINI_VIEWPORTS
|
|
255
|
+
};
|
|
256
|
+
|
|
257
|
+
//#endregion
|
|
258
|
+
export { IPAD_VIEWPORTS as a, IPAD_STANDARD_VIEWPORTS as i, IPAD_MINI_VIEWPORTS as n, IPAD_PRO_VIEWPORTS as r, IPAD_AIR_VIEWPORTS as t };
|
package/package.json
CHANGED
|
@@ -1,10 +1,67 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "storybook-device-viewports",
|
|
3
|
-
"version": "0.0
|
|
4
|
-
"
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"author": "koralle",
|
|
5
6
|
"keywords": [
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
"storybook",
|
|
8
|
+
"viewport"
|
|
9
|
+
],
|
|
10
|
+
"files": [
|
|
11
|
+
"dist"
|
|
12
|
+
],
|
|
13
|
+
"bugs": {
|
|
14
|
+
"url": "https://github.com/koralle/storybook-device-viewports/issues"
|
|
15
|
+
},
|
|
16
|
+
"repository": {
|
|
17
|
+
"type": "git",
|
|
18
|
+
"url": "https://github.com/koralle/storybook-device-viewports.git"
|
|
19
|
+
},
|
|
20
|
+
"publishConfig": {
|
|
21
|
+
"registry": "https://registry.npmjs.org/",
|
|
22
|
+
"access": "public"
|
|
23
|
+
},
|
|
24
|
+
"exports": {
|
|
25
|
+
"./": {
|
|
26
|
+
"types": "./dist/index.d.mts",
|
|
27
|
+
"default": "./dist/index.mjs"
|
|
28
|
+
},
|
|
29
|
+
"./apple": {
|
|
30
|
+
"types": "./dist/apple/index.d.mts",
|
|
31
|
+
"default": "./dist/apple/index.mjs"
|
|
32
|
+
},
|
|
33
|
+
"./apple/mobile": {
|
|
34
|
+
"types": "./dist/apple/mobile.d.mts",
|
|
35
|
+
"default": "./dist/apple/mobile.mjs"
|
|
36
|
+
},
|
|
37
|
+
"./apple/tablet": {
|
|
38
|
+
"types": "./dist/apple/tablet.d.mts",
|
|
39
|
+
"default": "./dist/apple/tablet.mjs"
|
|
40
|
+
},
|
|
41
|
+
"./google": {
|
|
42
|
+
"types": "./dist/google/index.d.mts",
|
|
43
|
+
"default": "./dist/google/index.mjs"
|
|
44
|
+
},
|
|
45
|
+
"./google/mobile": {
|
|
46
|
+
"types": "./dist/google/mobile.d.mts",
|
|
47
|
+
"default": "./dist/google/mobile.mjs"
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
"scripts": {
|
|
51
|
+
"build": "tsdown",
|
|
52
|
+
"check": "biome check .",
|
|
53
|
+
"check:fix": "biome check . --fix",
|
|
54
|
+
"typecheck": "tsc --noEmit"
|
|
55
|
+
},
|
|
56
|
+
"devDependencies": {
|
|
57
|
+
"@biomejs/biome": "^2.3.11",
|
|
58
|
+
"@changesets/changelog-github": "^0.5.2",
|
|
59
|
+
"@changesets/cli": "^2.29.8",
|
|
60
|
+
"tsdown": "^0.20.0-beta.1",
|
|
61
|
+
"typescript": "^5.9.3"
|
|
62
|
+
},
|
|
63
|
+
"license": "MIT",
|
|
64
|
+
"dependencies": {
|
|
65
|
+
"storybook": "^10.1.11"
|
|
66
|
+
}
|
|
10
67
|
}
|