principles-ui-components/UI_Component/common/CommonDefine.js

Supporting UI controller for Tizen TV web application, which developed base on React Framework.

/* UI ImageItem */
export const MAIN_TEXT_FONT = 'SamsungOneGui_600';
export const SUB_TEXT_FONT = 'SamsungOneGui_400';
export const MIAN_TEXT_GAP = 60;
export const SUB_TEXT_GAP = 60;
export const TITLE_TEXT_SIZE = 26;
export const SUBTITLE_TEXT_SIZE = 20;

/* UI TextItem */
export const TextItemFamily = {
    TITLE2_TEXT_SIZE: 30,
    BODY2_TEXT_SIZE: 24,
    CAPTION_TEXT_SIZE: 20,
    TITLE_TEXT_GAP: 60,
    BODY_TEXT_GAP: 60,
    CAPTION_TEXT_GAP: 60,
    TITLE_TEXT_HEIGHT: 48,
    BODY2_TEXT_HEIGHT: 40,
    BODY3_TEXT_HEIGHT: 34,
    CAPTION_TEXT_HEIGHT: 28,
    TITLE2_TEXT_HEIGHT: 50,
    BODY2_TEXT_LINEHEIGHT: '40px',
    BODY3_TEXT_LINEHEIGHT: '34px',
    CAPTION_TEXT_LINEHEIGHT: '28px',
};

/* UI Animation */
export const AnimationEffect = {
    Basic: 'cubic-bezier(0.3,0,0.15,1)',
    Elastic: 'cubic-bezier(0.21,2,0.14,1)',
    Out: 'cubic-bezier(0.19,1,0.22,1)',
    BreathIn: 'cubic-bezier(0.5,0,0.7,1)',
    BreathOut: 'cubic-bezier(0.3,0,0.4,1)',
};

export const VOICE_GUIDE_DELAY = 500;
export const SEPARATOR = ',';// for voice guide sentence
export const TTSTYPE = {
    LIST: 0,
    ITEM: 1,
};

export const KEY = {
    ENTER: 13,
    LEFT: 37,
    RIGHT: 39,
    UP: 38,
    DOWN: 40,
    RETURN: 10009,
    RETURN_CHROME: 8,
    EXIT: 10253,
    EXIT_CHROME: 88,
    HIDE: 72,
    RESUME: 82,
};

export const IMAGE_SIZE = {
    LARGE: 133,
    MEDIUM: 90,
    SMALL: 52,
};

export const FONT_SIZE = {
    LARGE: 30,
    MEDIUM: 26,
    SMALL: 20,
};