@coorpacademy/components 11.38.3-alpha.19 → 11.38.3-alpha.21

package/lib/molecule/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_externalContent","_provider","_cardContent","_icon","_colors","_customer","_favorite","_selectable","_notification","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","THEMES","exports","coorpmanager","style","ICON_SIZE","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","_get2","whiteColor","EXTERNAL_CONTENT_ICONS","iconName","iconColor","ICONS_TYPES","backgroundIcon","createElement","className","classnames","externalIconCircleWrapper","externalIconCircleWithImageWrapper","customStyle","color","COLORS","white","height","width","_backgroundIcon","backgroundColor","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","NovaCompositionCoorpacademyPictures","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","_isEmpty2","_pick2","cardStyle","course","lazy","grid","_isUndefined2","handleClick","useMemo","lock","lockContent","NovaCompositionCoorpacademyPadlock","lockIcon","dangerouslySetInnerHTML","__html","inlineBadgeStyle","getType","contentType","console","log","mode","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","_keys2","Favorite","Selectable","_default"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, ICONS_TYPES, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport FaIcon from '../../atom/icon';\nimport {COLORS} from '../../variables/colors';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ICON_SIZE = '28px';\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if ((externalContent && EXTERNAL_CONTENT_ICONS[type]) || type === 'chapter') {\n    const {iconName, iconColor} = ICONS_TYPES[type];\n    const backgroundIcon = (\n      <div\n        className={classnames(\n          style.externalIconCircleWrapper,\n          style.externalIconCircleWithImageWrapper\n        )}\n      >\n        <FaIcon\n          iconName={iconName}\n          customStyle={{\n            color: COLORS.white,\n            height: ICON_SIZE,\n            width: ICON_SIZE\n          }}\n        />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n          data-testid=\"card-background-image\"\n        >\n          <FaIcon\n            iconName={iconName}\n            customStyle={{\n              color: COLORS.white,\n              height: ICON_SIZE,\n              width: ICON_SIZE\n            }}\n          />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n  return (\n    <div className={style.imageWrapper}>\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    disabledContent,\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span\n        aria-label={disabledArialabel}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: disabledContent}}\n      />\n    </div>\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n  // eslint-disable-next-line no-console\n  console.log('type of card', type, 'favorite', favorite);\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  disabledContent: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_externalContent","_provider","_cardContent","_customer","_favorite","_selectable","_notification","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","THEMES","exports","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","_get2","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","createElement","className","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","NovaCompositionCoorpacademyPictures","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","_isEmpty2","_pick2","cardStyle","chapter","course","lazy","grid","_isUndefined2","handleClick","useMemo","lock","lockContent","NovaCompositionCoorpacademyPadlock","lockIcon","height","dangerouslySetInnerHTML","__html","inlineBadgeStyle","getType","contentType","mode","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","_keys2","Favorite","Selectable","_default"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    disabledContent,\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span\n        aria-label={disabledArialabel}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: disabledContent}}\n      />\n    </div>\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  disabledContent: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/card/notification.css

@@ -5,16 +5,13 @@
 @value grey from colors;
 @value dark from colors;
 @value white from colors;
-@value cm_blue_700 from colors;
-@value primary_100 from colors;
-@value cm_grey_75 from colors;
 
 .notificationWrapper {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
-  background: rgba(29, 29, 43, 0.5);
+  background: color(dark a(75%));
   position: absolute;
   z-index: 0;
   opacity: 0;
@@ -22,64 +19,44 @@
 }
 
 .notification {
-  width: 156px;
+  width: 100px;
+  height: 100px;
   background: light;
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%, -50%);
-  border-radius: 12px;
-  padding: 16px;
+  margin: -50px 0 0 -50px;
+  border-radius: 7px;
+  padding: 12px 7px 7px;
   box-sizing: border-box;
   color: grey;
-  background: cm_grey_75;
-  align-items: center;
-  display: flex;
-  gap: 12px;
-  justify-content: center;
-  flex-direction: column;
 }
 
-/* pour le dev */
-.showOverlay {
-  visibility: visible;
-  opacity: 1;
-  z-index: 3;
-}
-
-/* .showOverlay .notification {
-  animation: scale 120s ease-in-out forwards;
+.showOverlay .notification {
+  animation: scale 3s ease-in-out forwards;
 }
 
 .showOverlay {
-  animation: fadeIn 120s ease-in-out forwards;
-} */
+  animation: fadeIn 3s ease-in-out forwards;
+}
 
 .notification .icon {
   font-size: 30px;
-  height: 20px;
-  width: 15px;
-}
-
-.iconWrapper {
-  width: 32px;
-  height: 32px;
-  padding: 8px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 12px;
+  height: 30px;
+  width: 100%;
 }
 
 .message {
-  line-height: 20px;
+  width: 100%;
+  height: 50px;
+  line-height: 50px;
 }
 
 .message span {
   display: inline-block;
   vertical-align: middle;
   user-select: none;
-  line-height: 20px;
+  line-height: 16px;
   font-size: 14px;
   font-family: 'Gilroy';
   text-align: center;

package/lib/molecule/card/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/notification.js"],"names":[],"mappings":";AA+BA,uDAuBC"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/notification.js"],"names":[],"mappings":";AAyBA,uDAmBC"}

package/lib/molecule/card/notification.js

@@ -8,25 +8,14 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _novaIcons = require("@coorpacademy/nova-icons");
-var _colors = require("../../variables/colors");
 var _notification = _interopRequireDefault(require("./notification.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const NOTIFICATION_ICON = {
   addFavorite: _novaIcons.NovaCompositionCoorpacademyCheck,
-  removeFavorite: _novaIcons.NovaSolidStatusClose,
+  removeFavorite: _novaIcons.NovaCompositionNavigationMore,
   lock: _novaIcons.NovaSolidLoginLocked,
   unlock: _novaIcons.NovaSolidLocksLockUnlock1
 };
-const NOTIFICATIONS_COLORS = {
-  addFavorite: {
-    color: _colors.COLORS.cm_blue_700,
-    backgroundColor: _colors.COLORS.primary_100
-  },
-  removeFavorite: {
-    color: _colors.COLORS.neutral_500,
-    backgroundColor: _colors.COLORS.cm_grey_100
-  }
-};
 const handleOverlayClick = e => {
   e.stopPropagation();
   e.preventDefault();
@@ -38,12 +27,6 @@ const Notification = props => {
     icon
   } = props;
   const IconType = (0, _get2.default)(icon, NOTIFICATION_ICON);
-  const {
-    color,
-    backgroundColor
-  } = (0, _get2.default)(icon, NOTIFICATIONS_COLORS);
-  // eslint-disable-next-line no-console
-  console.log('color', color, 'backgroundColor', backgroundColor);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "notification",
     "data-type": icon,
@@ -51,18 +34,13 @@ const Notification = props => {
     className: (0, _classnames.default)(_notification.default.showOverlay, _notification.default.notificationWrapper)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _notification.default.notification
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _notification.default.iconWrapper,
-    style: {
-      backgroundColor
-    }
   }, /*#__PURE__*/_react.default.createElement(IconType, {
     className: _notification.default.icon,
     style: {
-      color
+      color: null
     },
     stroke: null
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: _notification.default.message
   }, /*#__PURE__*/_react.default.createElement("span", {
     role: "status"

package/lib/molecule/card/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_colors","_notification","e","__esModule","default","NOTIFICATION_ICON","addFavorite","CheckIcon","removeFavorite","CloseIcon","lock","LockIcon","unlock","UnlockIcon","NOTIFICATIONS_COLORS","color","COLORS","cm_blue_700","backgroundColor","primary_100","neutral_500","cm_grey_100","handleOverlayClick","stopPropagation","preventDefault","Notification","props","message","icon","IconType","_get2","console","log","createElement","onClick","className","classnames","style","showOverlay","notificationWrapper","notification","iconWrapper","stroke","role","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","oneOf","_keys2","_default","exports"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../../variables/colors';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: CloseIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst NOTIFICATIONS_COLORS = {\n  addFavorite: {color: COLORS.cm_blue_700, backgroundColor: COLORS.primary_100},\n  removeFavorite: {color: COLORS.neutral_500, backgroundColor: COLORS.cm_grey_100}\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n  const IconType = get(icon, NOTIFICATION_ICON);\n  const {color, backgroundColor} = get(icon, NOTIFICATIONS_COLORS);\n  // eslint-disable-next-line no-console\n  console.log('color', color, 'backgroundColor', backgroundColor);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <div className={style.iconWrapper} style={{backgroundColor}}>\n          <IconType className={style.icon} style={{color}} stroke={null} />\n        </div>\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"notification.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_notification","e","__esModule","default","NOTIFICATION_ICON","addFavorite","CheckIcon","removeFavorite","MoreIcon","lock","LockIcon","unlock","UnlockIcon","handleOverlayClick","stopPropagation","preventDefault","Notification","props","message","icon","IconType","_get2","createElement","onClick","className","classnames","style","showOverlay","notificationWrapper","notification","color","stroke","role","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","oneOf","_keys2","_default","exports"],"sources":["../../../src/molecule/card/notification.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaSolidLoginLocked as LockIcon,\n  NovaSolidLocksLockUnlock1 as UnlockIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport style from './notification.css';\n\nconst NOTIFICATION_ICON = {\n  addFavorite: CheckIcon,\n  removeFavorite: MoreIcon,\n  lock: LockIcon,\n  unlock: UnlockIcon\n};\n\nconst handleOverlayClick = e => {\n  e.stopPropagation();\n  e.preventDefault();\n  return false;\n};\n\nconst Notification = props => {\n  const {message, icon} = props;\n\n  const IconType = get(icon, NOTIFICATION_ICON);\n  return (\n    <div\n      data-name=\"notification\"\n      data-type={icon}\n      onClick={handleOverlayClick}\n      className={classnames(style.showOverlay, style.notificationWrapper)}\n    >\n      <div className={style.notification}>\n        <IconType className={style.icon} style={{color: null}} stroke={null} />\n        <div className={style.message}>\n          <span role=\"status\">{message}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\nNotification.propTypes = {\n  message: PropTypes.string.isRequired,\n  icon: PropTypes.oneOf(keys(NOTIFICATION_ICON)).isRequired\n};\n\nexport default Notification;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAMA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvC,MAAMG,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,2CAAS;EACtBC,cAAc,EAAEC,wCAAQ;EACxBC,IAAI,EAAEC,+BAAQ;EACdC,MAAM,EAAEC;AACV,CAAC;AAED,MAAMC,kBAAkB,GAAGZ,CAAC,IAAI;EAC9BA,CAAC,CAACa,eAAe,CAAC,CAAC;EACnBb,CAAC,CAACc,cAAc,CAAC,CAAC;EAClB,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAO;IAAEC;EAAI,CAAC,GAAGF,KAAK;EAE7B,MAAMG,QAAQ,GAAG,IAAAC,KAAA,CAAAlB,OAAA,EAAIgB,IAAI,EAAEf,iBAAiB,CAAC;EAC7C,oBACEV,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IACE,aAAU,cAAc;IACxB,aAAWH,IAAK;IAChBI,OAAO,EAAEV,kBAAmB;IAC5BW,SAAS,EAAE,IAAAC,mBAAU,EAACC,qBAAK,CAACC,WAAW,EAAED,qBAAK,CAACE,mBAAmB;EAAE,gBAEpElC,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IAAKE,SAAS,EAAEE,qBAAK,CAACG;EAAa,gBACjCnC,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACF,QAAQ;IAACI,SAAS,EAAEE,qBAAK,CAACP,IAAK;IAACO,KAAK,EAAE;MAACI,KAAK,EAAE;IAAI,CAAE;IAACC,MAAM,EAAE;EAAK,CAAE,CAAC,eACvErC,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IAAKE,SAAS,EAAEE,qBAAK,CAACR;EAAQ,gBAC5BxB,MAAA,CAAAS,OAAA,CAAAmB,aAAA;IAAMU,IAAI,EAAC;EAAQ,GAAEd,OAAc,CAChC,CACF,CACF,CAAC;AAEV,CAAC;AACDF,YAAY,CAACiB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBlB,OAAO,EAAEmB,kBAAS,CAACC,MAAM,CAACC,UAAU;EACpCpB,IAAI,EAAEkB,kBAAS,CAACG,KAAK,CAAC,IAAAC,MAAA,CAAAtC,OAAA,EAAKC,iBAAiB,CAAC,CAAC,CAACmC;AACjD,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GAEaa,YAAY","ignoreList":[]}

package/lib/molecule/card/style.css

@@ -31,14 +31,12 @@
   animation: fadeIn 1s ease-out forwards;
   cursor: pointer;
   box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.11);
-  border: 2px solid white;
 }
 
 .defaultStyle[disabled] .favorite {
   z-index: 0;
 }
 
-
 .grid.empty {
   padding-bottom: 25px;
   opacity: 0.6;
@@ -46,17 +44,17 @@
 
 .course {
   composes: defaultStyle;
-  border-radius: 12px;
+  border-radius: 8px;
   width: 256px;
   height: 297px;
 }
 
-/* .chapter {
+.chapter {
   composes: defaultStyle;
   border-radius: 8px;
   width: 203px;
   height: 297px;
-} */
+}
 
 .coorpmanager.course {
   border-radius: 5px;
@@ -64,11 +62,11 @@
   height: 201px;
 }
 
-/* .coorpmanager.chapter {
+.coorpmanager.chapter {
   border-radius: 5px;
   width: 138px;
   height: 201px;
-} */
+}
 
 .course .imageWrapper {
   width: 100%;
@@ -78,7 +76,7 @@
   left: 0;
 }
 
-/* .chapter .chapterImageWrapper {
+.chapter .chapterImageWrapper {
   max-height: 77px;
   width: 100%;
   position: absolute;
@@ -88,7 +86,7 @@
 
 .coorpmanager.chapter .chapterImageWrapper {
   max-height: 52px;
-} */
+}
 
 .defaultStyle .image {
   overflow: hidden;
@@ -159,7 +157,8 @@
 }
 
 .course .defaultStyle:hover,
-.defaultStyle:hover {
+.chapter .defaultStyle:hover {
+  background: light;
   cursor: pointer;
   transition: background 0.25s ease-in-out;
 }
@@ -274,8 +273,6 @@
   border-bottom-right-radius: 7px;
   z-index: 1;
   user-select: none;
-  /* border-color: transparent;
-  border-top-left-radius: 2px; */
 }
 
 .coorpmanager .badge {
@@ -364,7 +361,7 @@
   transition: transform 0.25s ease-in-out;
 }
 
-/* .externalIcon {
+.externalIcon {
   color: white;
   width: 45px;
   height: 45px;
@@ -374,7 +371,7 @@
   color: white;
   width: 23px;
   height: 23px;
-} */
+}
 
 .externalIconCircleWrapper::after {
   animation: pulse 3s linear 0s infinite;
@@ -434,7 +431,7 @@
   margin-top: 20px;
 }
 
-/* .coorpmanager .externalIconWithImage {
+.coorpmanager .externalIconWithImage {
   color: white;
   width: 25px;
   height: 25px;
@@ -445,7 +442,7 @@
   color: white;
   width: 28px;
   height: 28px;
-} */
+}
 
 .externalIconCircleWithImageWrapper::after,
 .externalIconCircleWithImageWrapper::before {
@@ -455,6 +452,7 @@
   top: 0;
   left: 0;
   position: absolute;
+
   border-radius: 50%;
   transform: scale(1);
   opacity: 0;

package/lib/molecule/card-content/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAgIA;;;;;;;;;;;;;;gBA6EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAsHA;;;;;;;;;;;;;;gBA8EC"}

package/lib/molecule/card-content/index.js

@@ -12,8 +12,6 @@ var _novaIcons = require("@coorpacademy/nova-icons");
 var _externalContent = require("../../util/external-content");
 var _provider = _interopRequireDefault(require("../../atom/provider"));
 var _contentBadge = _interopRequireDefault(require("../../atom/content-badge"));
-var _tag = _interopRequireDefault(require("../../atom/tag"));
-var _colors = require("../../variables/colors");
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MODES = exports.MODES = {
@@ -24,86 +22,45 @@ const THEMES = exports.THEMES = {
   default: null,
   coorpmanager: _style.default.coorpmanager
 };
-const getCardInfo = (contentType, translate) => {
-  switch (contentType) {
-    case 'chapter':
-      return {
-        label: "5'learning",
-        iconName: 'stopwatch'
-      };
-    case 'scorm':
-      return {
-        label: translate('external_content_scorm'),
-        iconName: 'rectangle-history'
-      };
-    case 'video':
-      return {
-        label: translate('external_content_video'),
-        iconName: 'circle-play'
-      };
-    case 'article':
-      return {
-        label: translate('external_content_article'),
-        iconName: 'file-lines'
-      };
-    case 'podcast':
-      return {
-        label: translate('external_content_podcast'),
-        iconName: 'microphone-lines'
-      };
-    default:
-      return {
-        label: 'Course',
-        iconName: 'book-open'
-      };
-  }
-};
 const ContentTypeInfo = ({
   mode,
   type,
-  adaptiv,
-  ariaLabel,
-  isCourse,
-  empty,
-  theme
+  externalContent
 }, context) => {
   const {
     translate
   } = context;
-  if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {
+  if (mode !== MODES.CARD) {
     return null;
   }
-  const {
-    label,
-    iconName
-  } = getCardInfo(type, translate);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.contentTypeInfos
-  }, /*#__PURE__*/_react.default.createElement(_tag.default, {
-    size: "S",
-    label: label,
-    icon: {
-      iconName
-    }
-  }), adaptiv ? /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.adaptiveIcon, isCourse ? _style.default.iconShadow : null)
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyAdaptive, {
-    height: 20,
-    "aria-label": (0, _get2.default)('adaptive', ariaLabel)
-  })) : null);
+  if (type === 'chapter') {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.microLearningIcon
+    }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyTimer, {
+      className: _style.default.timerIcon
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: _style.default.microLearninglabel
+    }, "5' learning"));
+  }
+  if (externalContent && _externalContent.EXTERNAL_CONTENT_ICONS[type]) {
+    const textColor = _externalContent.EXTERNAL_CONTENT_ICONS[type].color;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.contentTypeInfo,
+      style: {
+        color: textColor
+      }
+    }, type === 'scorm' ? translate('external_content_scorm') : '', type === 'video' ? translate('external_content_video') : '', type === 'article' ? translate('external_content_article') : '', type === 'podcast' ? translate('external_content_podcast') : '');
+  }
+  return null;
 };
 ContentTypeInfo.contextTypes = {
   skin: _provider.default.childContextTypes.skin,
   translate: _provider.default.childContextTypes.translate
 };
 ContentTypeInfo.propTypes = process.env.NODE_ENV !== "production" ? {
+  externalContent: _propTypes.default.bool,
   type: _propTypes.default.string,
-  mode: _propTypes.default.string,
-  adaptiv: _propTypes.default.bool,
-  ariaLabel: _propTypes.default.string,
-  isCourse: _propTypes.default.bool,
-  empty: _propTypes.default.bool,
-  theme: _propTypes.default.oneOf((0, _keys2.default)(THEMES))
+  mode: _propTypes.default.string
 } : {};
 const CardTitle = ({
   title,
@@ -165,7 +122,7 @@ const ContentInfo = ({
   theme = 'default',
   'aria-label': ariaLabel
 }) => {
-  const progressBarColor = _colors.COLORS.cm_positive_500;
+  const progressBarColor = '#3EC483';
   const inlineProgressValueStyle = {
     backgroundColor: progressBarColor,
     width: `${progress * 100}%`
@@ -182,24 +139,24 @@ const ContentInfo = ({
     role: "progressbar",
     "aria-label": (0, _get2.default)('progression', ariaLabel)
   }) : null) : null;
-  // eslint-disable-next-line no-console
-  console.log(' adaptiv', adaptiv);
+  const adaptiveIcon = adaptiv ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_style.default.adaptiveIcon, courseContent ? _style.default.iconShadow : null)
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyAdaptive, {
+    height: 25,
+    "aria-label": (0, _get2.default)('adaptive', ariaLabel)
+  })) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "info",
-    className: (0, _classnames.default)(THEMES[theme], _style.default.infoWrapper, mode === MODES.HERO ? _style.default.hero : _style.default.card, disabled ? _style.default.progressBarDisabled : null, externalContent || chapterContent || courseContent ? _style.default.externalContent : null // generalize css class name
-    )
+    className: (0, _classnames.default)(THEMES[theme], _style.default.infoWrapper, mode === MODES.HERO ? _style.default.hero : _style.default.card, disabled ? _style.default.progressBarDisabled : null, externalContent ? _style.default.externalContent : null)
   }, /*#__PURE__*/_react.default.createElement(ContentTypeInfo, {
     mode: mode,
     type: type,
-    adaptiv: adaptiv,
-    isCourse: courseContent,
-    empty: empty,
-    theme: theme
+    externalContent: externalContent
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.cardInfo, courseContent ? _style.default.cardCourseTitle : null)
+    className: (0, _classnames.default)(_style.default.cardInfo, chapterContent ? _style.default.microLearningCardInfo : null)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.iconWrapper
-  }, !empty && badgeLabel && badgeCategory && courseContent ? /*#__PURE__*/_react.default.createElement(_contentBadge.default, {
+  }, adaptiveIcon, !empty && badgeLabel && badgeCategory && courseContent ? /*#__PURE__*/_react.default.createElement(_contentBadge.default, {
     category: badgeCategory,
     label: badgeLabel
   }) : null), /*#__PURE__*/_react.default.createElement(CardTitle, {