@raona/components/dist/components/cards/stylesConstants.js

React components used at Raona to work with SPFx

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
// import { IconStyles, NewsBodyStyles, EntityBodyStyles, AlternateNewsBodyStyles, SlickerSlideStyles, CardStyles, VideoBodyStyles, EventBodyStyles, EventDetailedBodyStyles } from '../../entities';
//#region [ ProductCardStyles ]
exports.productCardStyle = {
    card: 'card',
    wrapper: 'card__wrapper',
};
exports.productMetaStyles = {
    metaDiv: 'card__meta card_meta--right',
    icon: 'card__icon',
    deleteIcon: 'icon-delete',
    favIcon: 'icon-saved',
    catalogIcon: 'icon-add-square',
    shareIcon: 'icon-share',
    iconActive: 'card__icon card__icon--active',
    deleteIconFill: 'icon-delete-fill',
    favIconFill: 'icon-saved-fill',
    catalogIconFill: 'icon-add-border',
    shareIconFill: 'icon-share-fill',
};
exports.productHeaderStyle = {
    headerDiv: 'card__header',
    image: 'card__img',
    head: 'card__headInfo',
    title: 'card__title card__title--people',
    id: 'card__ID',
    date: 'card__date',
};
exports.productBodyStyles = {
    bodyDiv: 'card__body',
    title: 'card__title',
    text: 'card__text',
    info: 'card__info',
    category: 'card__category',
    link: 'link',
};
//#endregion
//#region [ UserCardStyles ]
exports.userCardStyle = {
    card: 'card card--people',
    wrapper: 'card__wrapper',
    meta: 'card__meta',
    cardHeader: 'card__header card__header--people',
    cardBody: 'card__body',
};
exports.userMetaStyles = {
    metaDiv: 'card__meta card__meta--right',
    icon: 'card__icon',
    deleteIcon: 'icon-delete',
    favIcon: 'icon-saved',
    catalogIcon: 'icon-add-square',
    shareIcon: 'icon-share',
    iconActive: 'icon-saved-fill',
    deleteIconFill: 'icon-delete-fill',
    favIconFill: 'icon-saved-border',
    catalogIconFill: 'icon-add-border',
    shareIconFill: 'icon-share-fill',
    lockIconOpen: 'icon-padlock-open',
    lockIconClosed: 'icon-padlock-close'
};
exports.userHeaderStyle = {
    headerDiv: 'card__header card__header--people',
    image: 'card__img card__img--people',
    head: 'card__headInfo',
    title: 'card__title card__title--people',
    id: 'card__ID',
    date: 'card__date',
};
exports.userBodyStyles = {
    bodyDiv: 'card__body',
    title: 'card__title card__title--people',
    text: 'card__text card__text--people',
    info: 'card__info',
    category: 'card__category',
    link: 'link',
};
//#endregion
//#region [ DocsCardStyles ]
exports.docsCardStyle = {
    card: 'card card--docs',
    wrapper: 'card__wrapper',
};
exports.docsMetaStyles = {
    metaDiv: 'card__meta',
    icon: 'card__icon card__icon--docs',
    deleteIcon: 'icon-delete',
    favIcon: 'icon-saved',
    catalogIcon: 'icon-add-square',
    shareIcon: 'icon-share',
    iconActive: 'card__icon card__icon--active',
    deleteIconFill: 'icon-delete-fill',
    favIconFill: 'icon-saved-fill',
    catalogIconFill: 'icon-add-square-fill',
    shareIconFill: 'icon-share-fill',
};
exports.docsHeaderStyle = {
    headerDiv: 'card__header card__header--docs',
    image: 'card__img card__img--docs',
    head: 'card__headInfo card__headInfo--docs',
    title: 'card__title card__title--docs',
    id: 'card__name',
    date: 'card__info',
};
exports.docsBodyStyles = {
    bodyDiv: 'card__body card__body--docs',
    title: 'card__title card__title--people',
    text: 'card__text card__text--people',
    info: 'card__info',
    category: 'card__category',
    link: 'link',
};
//#endregion
//#region [ Icons ]
exports.docsMetaCheckBoxIcon = {
    className: 'card__icon card__icon--docs',
    iconName: 'icon-checkbox-off'
};
exports.docsShareIcon = {
    className: 'card__icon card__icon--docsBody',
    iconName: 'icon-share'
};
exports.docsDeleteIcon = {
    className: 'card__icon card__icon--docsBody',
    iconName: 'icon-delete'
};
//#endregion
//#region [ News ]
exports.newsConstantBodyStyles = {
    metacard__metaleft: 'card__meta card__meta--left',
    metaCat: 'card__metaCat',
    headerfull: 'card__header card__header--full',
    headernoImg: ' card__header--noImg',
    headervideo: ' card__header--video',
    headerdraft: ' card__header--draft',
    imgfull: 'card__img card__img--full'
};
exports.alternateNewsBodyStyleConstant = {
    card: 'card',
    inner: 'card__inner',
    bg: 'card__bg card__bg--color02',
    bg_color: 'card__bg card__bg--color02',
    img: 'card__img',
    shadow: 'card__shadow',
    content: 'card__content',
    category: 'card__category',
    title: 'card__title',
    meta: 'card__meta',
    metaItem: 'card__metaItem',
    fabookmark: 'icon-saved-fill',
    notfabookmark: 'icon-saved-border',
    metaRight: 'card__metaRight',
    iconheart: 'icon-heart-border',
    iconbubble: 'icon-comments-fill',
    date: 'card__date card__date--discovery',
};
exports.categoryBodyStyleConstant = {
    card: 'contentCard',
    wrapper: 'contentCard__wrapper',
    wrapperHover: 'contentCard__wrapper contentCard__wrapper--hover',
    bg: 'contentCard__bg',
    img: 'contentCard__img',
    content: 'contentCard__content',
    title: 'contentCard__title',
    meta: 'contentCard__meta',
    icon: 'contentCard__icon',
    iconInformationFill: 'icon-information-fill',
    iconSavedFill: 'icon-saved-fill',
    contentH: 'contentCard__contentH',
    titleH: 'contentCard__titleH',
    bg_hover: 'contentCard__bgHover contentCard__bg--hover',
    desc: 'contentcard__desc'
};
exports.slickerSlideStylesConstant = {
    sections_slider: 'section section--sliders',
    wrapper: 'section__wrapper',
    title: 'section__title section__title--link',
    cardslider: 'cardZone cardSlider',
    masonry: 'LastNews__cardZone',
    position: 'relative',
    width: '100vw'
};
exports.entityConstantBodyStyles = {
    metaCard_tag: 'card__meta card__meta--left',
    metaCat: 'card__metaCat',
    headerFolder: 'card__header card__header--folder',
    headerFolderImg: 'card__img card__img--folder'
};
exports.videosConstantBodyStyles = {
    card: 'card card--video',
    wrapper: 'card__inner',
    bg: 'card__bg card__bg--color02',
    img: 'card__img',
    shadow: 'card__shadow',
    content: 'card__content card__content--video',
    category: 'card__category card__category--video',
    icon: 'card__iconVideo icon-video',
    title: 'card__title card__title--video'
};
exports.videosAlternateConstantBodyStyles = {
    card: 'cardVideo',
    wrapper: 'cardVideo__wrapper',
    icon: {
        videoContent: 'cardVideo__contentVideo',
        iconSpan: 'cardVideo__video cardVideo__iconVideo',
        iconName: 'ms-Icon ms-Icon--TriangleRight12'
    },
    content: {
        content: 'cardVideo__content',
        category: 'cardVideo__category',
        title: 'cardVideo__title',
        date: 'cardVideo__date',
        link: 'cardVideo__link'
    }
};
exports.eventConstantBodyStyles = {
    card: 'card card--event',
    inner: 'card__inner',
    background: 'card__bg card__bg--color01',
    bg: 'card__bg card__bg--color02',
    img: 'card__img',
    shadow: 'card__shadow',
    content: 'card__content card__content--event',
    category: 'card__category card__category--event',
    pastevent: 'card__category card__category--past',
    date: {
        date: 'card__date',
        day: 'card__dateMonth',
        month: 'card__dateYear'
    },
    title: 'card__title card__title--event',
    description: 'card__description',
    location: 'card__location',
    location_icon: 'icon-place-fill'
};
exports.eventAlternateConstantBodyStyles = {
    card: 'cardsEvents',
    wrapper: 'cardsEvents__wrapper',
    date: {
        date: 'cardsEvents__date',
        day: 'cardsEvents__day',
        month: 'cardsEvents__month'
    },
    content: {
        content: 'cardsEvents__content',
        category: 'cardsEvents__category',
        title: 'cardsEvents__title',
        location: 'cardsEvents__location',
        time: 'cardsEvents__time'
    }
};
exports.eventDetailedConstantBodyStyles = {
    card: 'eventCard',
    wrapper: 'eventCard__wrapper',
    image: 'eventCard__image',
    bg_img: "background-image: url('img/12.png')",
    cat_img: 'eventCard__imgCat',
    type: 'eventCard__type',
    title: 'eventCard__title',
    meta: 'eventCard__meta',
    date_icon: 'icon-calendar',
    location_icon: 'icon-place-fill',
    past_event: 'eventCard__pastEvent'
};
exports.vacancyConstantBodyStyles = {
    card: 'card',
    inner: 'card__inner',
    bg: 'card__bg card__bg--vac',
    content: 'card__content card__content--vac',
    country: 'card__category',
    title: 'card__title card__title--vac',
    meta: {
        meta: 'card__meta card__meta--vac',
        metaItem: 'card__metaItem card__metaItem--vac',
        time_icon: 'icon-time-border',
        location_icon: 'icon-place-fill'
    }
};
exports.alternateVacancyConstantBodyStyles = {
    card: 'cardVacancies',
    wrapper: 'cardVacancies__wrapper',
    content: {
        content: 'cardVacancies__content',
        department: 'cardVacancies__department',
        title: 'cardVacancies__title',
        description: 'cardVacancies__desc',
        info: {
            info: 'cardVacancies__info',
            date: 'cardVacancies__date',
            location: 'cardVacancies__location',
        }
    }
};
exports.blogConstantBodyStyles = {
    card: 'cardBlog',
    wrapper: 'cardBlog_wrapper',
    image: 'cardBlog__image',
    name: 'cardBlog__blogName',
    title: 'cardBlog__title',
    description: 'cardBlog__desc',
    link: 'cardBlog__link'
};
exports.blogAlternateConstantBodyStyles = {
    card: 'blogCard',
    wrapper: 'blogCard__wrapper',
    image: 'blogCard__image',
    content: {
        content: 'blogCard__content',
        name: 'blogCard__name',
        title: 'blogCard__title',
        date: 'blogCard__date',
        desc: 'blogCard__desc',
    }
};
exports.discoveryConstantBodyStyles = {
    card: 'card card--discovery card--dFull',
    inner: 'card__inner card__inner--discovery',
    bg: 'card__bg card__bg--discovery card__bg--dFull',
    image: 'card__img',
    shadow: 'card__shadow',
    category: 'card__category card__category--discovery',
    footer: 'card__footer',
    content: 'card__content card__content--discovery card__content--dFull',
    title: 'card__title card__title--dFull',
    date: 'card__date card__date--discovery card__date--dFull',
    description: 'card__description card__description--dFull',
    link: 'card__link',
    url: 'card__url',
    icon: 'icon-arrow-small-right',
    meta: 'card__meta',
    metaItem: 'card__metaItem',
    favIconFill: 'icon-saved-border',
    favIcon: 'icon-saved-fill',
    metaRight: 'card__metaRight',
    iconheart: 'icon-heart-border'
};
exports.homeDiscoveryConstantBodyStyles = {
    card: 'card card--discovery',
    inner: 'card__inner card__inner--discovery',
    bg: 'card__bg card__bg--discovery',
    image: 'card__img',
    shadow: 'card__shadow',
    content: 'card__content card__content--discovery',
    category: 'card__category',
    date: 'card__date card__date--discovery',
    title: 'card__title',
    footer: 'card__footer',
    link: 'card__link',
    url: 'card__url',
    icon: 'icon-arrow-small-right',
    meta: 'card__meta',
    metaItem: 'card__metaItem',
    favIconFill: 'icon-saved-border',
    metaRight: 'card__metaRight',
    iconheart: 'icon-heart-border'
};
exports.pressConstantStyles = {
    card: 'pressCard',
    wrapper: 'pressCard__wrapper',
    content: 'pressCard__content',
    title: 'pressCard__title',
    icon: {
        iconContainer: 'pressCard__iconContainer',
        iconSpan: 'pressCard__icon',
        iconName: 'ms-Icon ms-Icon--NavigateExternalInline',
    },
    info: 'pressCard__info'
};
exports.noticeConstantStyles = {
    card: 'cardEvents',
    wrapper: 'cardEvents__wrapper',
    content: {
        content: 'cardEvents__content cardEvents__small',
        info: 'cardEvents__information',
        image: 'cardEvents__image',
        category: 'cardEvents__category',
        link: 'cardsWhatNew__link',
        title: 'cardEvents__title',
        date: 'cardEvents__date',
        desc: 'cardEvents__desc'
    }
};
exports.rssConstantStyles = {
    card: 'socialMediaCard',
    wrapper: 'socialMediaCard__wrapper',
    header: {
        header: 'socialMediaCard__header',
        image: 'socialMediaCard__image'
    },
    body: 'socialMediaCard__body',
    content: {
        content: 'socialMediaCard__content',
        meta: 'socialMediaCard__meta',
        // iconName: 'icon-twitter',
        title: 'socialMediaCard__title',
        network: 'socialMediaCard__network',
        date: 'socialMediaCard__date',
        text: 'socialMediaCard__text',
    },
    hashtags: {
        hashtags: 'socialMediaCard__hashtags',
        hashtag: 'contSocialCard__hashtag',
    }
};
exports.requestConstantStyles = {
    card: 'requestCard',
    wrapper: 'requestCard__wrapper',
    link: 'card__link',
    meta: 'requestCard__meta',
    tooltipInfo: {
        href: 'requestCard__icon',
        icon: 'icon-information-border',
    },
    tooltipFav: {
        href: 'requestCard__icon',
        iconFav: 'icon-star-fill',
        iconNotFav: 'icon-star-border'
    },
    body: {
        body: 'requestCard__body',
        title: 'requestCard__title',
        category: 'requestCard__cat',
    },
    primaryButtonDlg: 'btn btn--modal btn--corp',
    containerDlg: 'dialogMainOverride',
};
exports.spNewsConstantStyles = {
    card: 'cardF',
    wrapper: 'cardF__wrapper',
    image: {
        header: 'cardF__header',
        image: 'cardF__image',
    },
    body: {
        body: 'cardF__body',
        title: 'cardF__title',
        description: 'cardF__description'
    }
};