/**
 * Z-Index Values
 */
export declare const zIndex: {
    readonly blurOverlay: 1;
    readonly radioInput: 1;
    readonly activeEntity: 1;
    readonly plus: 2;
    readonly textToolbar: 3;
    readonly dragHandle: 3;
    readonly appOverlayLoader: 9;
    readonly appBetaStash: 9;
    readonly appTileIcons: 10;
    readonly dragIndicator: 10;
    readonly videoOverlay: 11;
    readonly insightOrb: 11;
    readonly header: 12;
    readonly controls: 15;
    readonly tooltip: 13;
    readonly panels: 15;
    readonly imageCroppingControls: 16;
    readonly insightPanel: 17;
    readonly sidebar: 18;
    readonly zendesk: 18;
    readonly alerts: 19;
    readonly secondaryHeader: 19;
    readonly insightOverlay: 20;
    readonly layoutGalleryOverlay: 203;
};
export declare const fontFamily = "Source Sans Pro, system-ui, sans-serif";
/**
 * Font Sizes
 * TODO replace with Component Library values
 */
export declare const fontSize: {
    readonly h1: "28px";
    readonly h2: "25px";
    readonly h3: "20px";
    readonly h4: "18px";
    readonly textLarge: "16px";
    readonly textMd: "15px";
    readonly textSm: "12px";
    readonly text: "14px";
    readonly iconText: "13px";
    readonly nano: "10px";
};
/**
 * Font Weights
 * TODO replace with Component Library values
 */
export declare const fontWeight: {
    readonly normal: 400;
    readonly medium: 500;
    readonly semiBold: 600;
    readonly bold: 700;
};
export declare const headerHeight = "68px";
export declare const subHeaderHeight = "61px";
export declare const subHeaderHeightPanel = "55px";
export declare const sidebarGroupHeaderHeight = "44px";
export declare const letterSpacing = "0.3px";
export declare const transitionSpeed = "200ms";
export declare const sidebarWidth: {
    readonly md: "300px";
    readonly lg: "420px";
    readonly xl: "605px";
};
export declare const insightsPanelWidth = "435px";
export declare const spacing: {
    readonly xl: "32px";
    readonly lg: "16px";
    readonly md: "8px";
    readonly sm: "4px";
    readonly xs: "2px";
};
export declare const lineHeight: {
    readonly large: "32px";
    readonly normal: "24px";
    readonly micro: "20px";
    readonly tooltip: "16px";
};
export declare const inset: {
    readonly xxxl: "96px";
    readonly xxl: "64px";
    readonly xl: "32px";
    readonly md: "20px";
    readonly sm: "14px";
};
/**
 * Elevation Values
 */
export declare const elevation: {
    readonly xl: "0px 12px 17px rgba(0, 0, 0, 0.14), 0px 5px 22px rgba(0, 0, 0, 0.12), 0px 7px 8px rgba(0, 0, 0, 0.2)";
    readonly lg: "0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12), 0px 5px 5px rgba(0, 0, 0, 0.2)";
    readonly md: "0px 6px 10px rgba(0, 0, 0, 0.14), 0px 1px 18px rgba(0, 0, 0, 0.12), 0px 3px 5px rgba(0, 0, 0, 0.2)";
    readonly sm: "0px 3px 4px rgba(0, 0, 0, 0.14), 0px 3px 3px rgba(0, 0, 0, 0.12), 0px 1px 8px rgba(0, 0, 0, 0.2)";
};
/**
 * Guided Experience
 */
export declare const formSpacerHeight = "130px";
export declare const formButtonMinHeight = "50px";
export declare const formHeaderMaxWidth = "630px";