storybook
Version:
Storybook: Develop, document, and test UI components in isolation
279 lines (278 loc) • 7.32 kB
TypeScript
import { a as ViewportMap, c as ViewportType, i as ViewportGlobals, l as ViewportTypes, n as GlobalStateUpdate, o as ViewportParameters, r as Viewport, s as ViewportStyles, t as GlobalState } from "../chunk-BKd7G5t3.js";
//#region code/core/.dts-emit/code/core/src/viewport/constants.d.ts
declare const ADDON_ID = "storybook/viewport";
declare const PARAM_KEY = "viewport";
declare const PANEL_ID = "storybook/viewport/panel";
declare const TOOL_ID = "storybook/viewport/tool";
/** Global value for the default responsive viewport (fills the preview area). */
declare const RESPONSIVE_VIEWPORT_VALUE = "100pct-100pct";
//#endregion
//#region code/core/.dts-emit/code/core/src/viewport/defaults.d.ts
declare const INITIAL_VIEWPORTS: {
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;
declare const DEFAULT_VIEWPORT = "responsive";
declare const MINIMAL_VIEWPORTS: {
readonly mobile1: {
readonly name: 'Small mobile';
readonly styles: {
readonly height: '568px';
readonly width: '320px';
};
readonly type: 'mobile';
};
readonly mobile2: {
readonly name: 'Large mobile';
readonly styles: {
readonly height: '896px';
readonly width: '414px';
};
readonly type: 'mobile';
};
readonly tablet: {
readonly name: 'Tablet';
readonly styles: {
readonly height: '1112px';
readonly width: '834px';
};
readonly type: 'tablet';
};
readonly desktop: {
readonly name: 'Desktop';
readonly styles: {
readonly height: '1024px';
readonly width: '1280px';
};
readonly type: 'desktop';
};
};
//#endregion
//#region code/core/.dts-emit/code/core/src/viewport/responsiveViewport.d.ts
/** @deprecated Will be removed in Storybook 11 */
declare const responsiveViewport: Viewport;
//#endregion
export { ADDON_ID, DEFAULT_VIEWPORT, GlobalState, GlobalStateUpdate, INITIAL_VIEWPORTS, InitialViewportKeys, MINIMAL_VIEWPORTS, PANEL_ID, PARAM_KEY, RESPONSIVE_VIEWPORT_VALUE, TOOL_ID, Viewport, ViewportGlobals, ViewportMap, ViewportParameters, ViewportStyles, ViewportType, ViewportTypes, responsiveViewport };