react-cm-ui/src/global/constants.js

React UI for Healthy Church

export const UI_CLASS_NAME = 'cmui';

export const BEM_APP_BAR = 'app_bar';

export const BEM_BUTTON = 'button';

export const BEM_CHIP = 'chip';

export const BEM_CONTAINER = 'container';

export const BEM_CONTENT = 'content';

export const BEM_DATA_GRID = 'data_grid';

export const BEM_GRID = 'grid';
export const BEM_GRID_COLUMN = `${BEM_GRID}--column`;
export const BEM_GRID_ROW = `${BEM_GRID}--row`;

export const BEM_EMAIL_LINK = 'email_link';

export const BEM_FILTERS_RAIL = 'filters_rail';
export const BEM_FILTERS_RAIL_ROW = `${BEM_FILTERS_RAIL}--row`;
export const BEM_FILTERS_RAIL_ROW_COMPONENT = `${BEM_FILTERS_RAIL}--row_component`;

export const BEM_ICON = 'icon';

export const BEM_MOBILE_STEPPER = 'mobile_stepper';

export const BEM_SNACKBAR = 'snackbar';

export const BEM_MODAL = 'modal';
export const BEM_MODAL_ACTIONS = `${BEM_MODAL}--actions`;
export const BEM_MODAL_CONTENT = `${BEM_MODAL}--content`;
export const BEM_MODAL_DIMMER = `${BEM_MODAL}--dimmer`;
export const BEM_MODAL_INNER_CONTAINER = `${BEM_MODAL}--inner_container`;
export const BEM_MODAL_TITLE = `${BEM_MODAL}--title`;

export const BEM_NAVIGATION_BREADCRUMBS = 'navigation_breadcrumbs';
export const BEM_NAVIGATION_SECTIONAL_TABS = 'navigation_sectional_tabs';
export const BEM_NAVIGATION_TAB_ROOT_CLASS = `${BEM_NAVIGATION_SECTIONAL_TABS}--tab`;

export const BEM_PERSON_CONTACT_INFO = 'person_contact_info';
export const BEM_PERSON_CORE_MILESTONES = 'person_core_milestones';

export const BEM_PERSON_PANEL = 'person_panel';
export const BEM_PERSON_PANEL_DETAILS = `${BEM_PERSON_PANEL}--details`;
export const BEM_PERSON_PANEL_DETAILS_ACTION_BUTTON = `${BEM_PERSON_PANEL_DETAILS}_action_button`;

export const BEM_POPOVER = 'popover';

export const BEM_SELECT = 'select';

export const BEM_TELEPHONE_LINK = 'telphone_link';

export const EMAIL_LINK_CLASSES = `${UI_CLASS_NAME} ${BEM_EMAIL_LINK}`;
export const PERSON_CORE_MILESTONES_CLASSES = `${UI_CLASS_NAME} ${BEM_PERSON_CORE_MILESTONES}`;
export const PERSON_CONTACT_INFO_CLASSES = `${UI_CLASS_NAME} ${BEM_PERSON_CONTACT_INFO}`;
export const TELEPHONE_LINK_CLASSES = `${UI_CLASS_NAME} ${BEM_TELEPHONE_LINK}`;