@atlaskit/page-layout
Version:
A collection of components which let you compose an application's page layout.
43 lines (42 loc) • 2.64 kB
TypeScript
export declare const VAR_LEFT_PANEL_WIDTH = "leftPanelWidth";
export declare const VAR_LEFT_SIDEBAR_WIDTH = "leftSidebarWidth";
export declare const VAR_RIGHT_SIDEBAR_WIDTH = "rightSidebarWidth";
export declare const VAR_RIGHT_PANEL_WIDTH = "rightPanelWidth";
export declare const VAR_TOP_NAVIGATION_HEIGHT = "topNavigationHeight";
export declare const VAR_BANNER_HEIGHT = "bannerHeight";
export declare const VAR_LEFT_SIDEBAR_FLYOUT = "leftSidebarFlyoutWidth";
export declare const LEFT_PANEL = "left-panel";
export declare const RIGHT_PANEL = "right-panel";
export declare const BANNER = "banner";
export declare const TOP_NAVIGATION = "top-navigation";
export declare const CONTENT = "content";
export declare const DEFAULT_BANNER_HEIGHT = 56;
export declare const DEFAULT_TOP_NAVIGATION_HEIGHT = 56;
export declare const DEFAULT_LEFT_SIDEBAR_WIDTH = 240;
export declare const DEFAULT_RIGHT_SIDEBAR_WIDTH = 280;
export declare const DEFAULT_RIGHT_PANEL_WIDTH = 368;
export declare const DEFAULT_LEFT_PANEL_WIDTH = 368;
export declare const COLLAPSED_LEFT_SIDEBAR_WIDTH = 20;
export declare const MOBILE_COLLAPSED_LEFT_SIDEBAR_WIDTH = 16;
export declare const DEFAULT_LEFT_SIDEBAR_FLYOUT_WIDTH = 240;
export declare const MIN_LEFT_SIDEBAR_DRAG_THRESHOLD = 200;
export declare const MAX_MOBILE_SIDEBAR_FLYOUT_WIDTH = 350;
export declare const TRANSITION_DURATION = 300;
export declare const FLYOUT_DELAY = 200;
export declare const PAGE_LAYOUT_LS_KEY = "DS_PAGE_LAYOUT_UI_STATE";
export declare const IS_SIDEBAR_DRAGGING = "data-is-sidebar-dragging";
export declare const IS_SIDEBAR_COLLAPSING = "data-is-sidebar-collapsing";
export declare const GRAB_AREA_LINE_SELECTOR = "data-grab-area-line";
export declare const GRAB_AREA_SELECTOR = "data-grab-area";
export declare const RESIZE_BUTTON_SELECTOR = "data-resize-button";
export declare const RESIZE_CONTROL_SELECTOR = "data-resize-control";
export declare const PAGE_LAYOUT_SLOT_SELECTOR = "data-ds--page-layout--slot";
export declare const DEFAULT_I18N_PROPS_SKIP_LINKS = "Skip to:";
export declare const PAGE_LAYOUT_CONTAINER_SELECTOR = "data-layout-container";
export declare const LEFT_PANEL_WIDTH = "var(--leftPanelWidth, 0px)";
export declare const RIGHT_PANEL_WIDTH = "var(--rightPanelWidth, 0px)";
export declare const LEFT_SIDEBAR_WIDTH = "var(--leftSidebarWidth, 0px)";
export declare const RIGHT_SIDEBAR_WIDTH = "var(--rightSidebarWidth, 0px)";
export declare const TOP_NAVIGATION_HEIGHT = "var(--topNavigationHeight, 0px)";
export declare const BANNER_HEIGHT = "var(--bannerHeight, 0px)";
export declare const LEFT_SIDEBAR_FLYOUT_WIDTH = "var(--leftSidebarFlyoutWidth, 240px)";