constants.js

export const WHITE = 'white'
export const MAIN_DARK_BLUE = 'main-dark-blue'
export const LIGHT_GREEN = 'light-green'
export const LIGHT_BLUE = 'light-blue'
export const DARK_BLUE = 'dark-blue'
export const DARK_GREEN = 'dark-green'
export const MAIN_GREEN = 'main-green'
export const TRANSPARENT = 'transparent'
export const TERTIARY_BLUE = 'tertiary-blue'
export const ERROR_RED = 'error-red'
export const WARNING_YELLOW = 'warning-yellow'
export const NONE = 'none'
export const EXTRA_SMALL = 'extra-small'
export const SMALL = 'small'
export const MEDIUM = 'medium'
export const LARGE = 'large'
export const EXTRA_LARGE = 'extra-large'

export const SIZES = [EXTRA_SMALL, SMALL, MEDIUM, LARGE, EXTRA_LARGE]
export const PADDING_SIZES = [NONE, ...SIZES]
export const BOX_SHADOW = 'box-shadow'
export const BACKGROUND_COLOR_OPAQUE = 'background-color-opaque'
export const UNDERLINE = 'underline'
export const FULL_WIDTH = 'full-width'
export const HOVER_EFFECTS_BUTTONS = [BOX_SHADOW, BACKGROUND_COLOR_OPAQUE, UNDERLINE]
export const MODAL_SIZES = [SMALL, MEDIUM, FULL_WIDTH]

export const COLORS_ICON = [MAIN_GREEN, WHITE, MAIN_DARK_BLUE, ERROR_RED, WARNING_YELLOW, TERTIARY_BLUE]
export const COLORS_BUTTON = [MAIN_GREEN, DARK_GREEN, LIGHT_GREEN, MAIN_DARK_BLUE, DARK_BLUE, LIGHT_BLUE, WHITE, ERROR_RED, TERTIARY_BLUE, TRANSPARENT]
export const COLORS_BORDERED_BOX = [MAIN_GREEN, ERROR_RED, WHITE, DARK_BLUE, MAIN_DARK_BLUE, WARNING_YELLOW, TRANSPARENT, LIGHT_BLUE]

export const MODAL_POPUP = 'popup'
export const MODAL_COVER = 'cover'
export const MODAL_FULL_DARK = 'full-dark'
export const MODAL_FULL_LIGHT = 'full-light'
export const MODAL_LAYOUTS = [MODAL_POPUP, MODAL_COVER, MODAL_FULL_DARK, MODAL_FULL_LIGHT]

export const FREE = 'free'
export const BASIC = 'basic'
export const ADVANCED = 'advanced'
export const PRO = 'pro'
export const PROFILES = ['', FREE, BASIC, ADVANCED, PRO]

export const FONT_BASE = 'base'
export const FONT_XS = 'xs'

export const ROLE_ADMIN = 'admin'
export const ROLE_USER = 'user'
export const ROLE_OWNER = 'owner'

export const MARGIN_10 = 10
export const MARGIN_0 = 0