@coorpacademy/components 11.38.6-alpha.27 → 11.38.6-alpha.29

package/lib/atom/input-search/style.css

@@ -8,13 +8,11 @@
 @value white from colors;
 @value dark from colors;
 @value black from colors;
-@value cm_grey_75 from colors;
 @value cm_grey_100 from colors;
 @value cm_grey_150 from colors;
 @value cm_grey_400 from colors;
 @value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
-@value brand from colors;
 
 .wrapperSearch {
   display: flex;
@@ -68,7 +66,6 @@
   color: medium;
 }
 
-/* Theme: coorpmanager */
 .coorpmanager {
   position: relative;
 }
@@ -180,65 +177,6 @@
   line-height: 16px;
 }
 
-/* Theme: mooc */
-.wrapperMooc {
-  display: flex;
-  flex-flow: nowrap;
-  flex-direction: row;
-  align-items: center;
-  overflow: hidden;
-  border-radius: 12px;
-  transition: box-shadow 0.3s ease-in-out;
-  background: cm_grey_100;
-  padding: 2px;
-  width: 100%;
-  flex: 1;
-}
-
-.wrapperMoocParent {
-  width: 100%;
-  flex: 1;
-  border-radius: 12px;
-  transition: box-shadow 0.3s ease-in-out;
-  background: transparent;
-}
-
-.moocSearch {
-  background-color: cm_grey_100;
-  border-radius: 12px;
-  height: 44px;
-  margin: 0;
-  font-family: Gilroy;
-  font-size: 14px;
-  font-weight: 500;
-  color: cm_grey_700;
-  padding: 0 0 0 45px;
-  padding-right: 48px;
-  outline: none;
-}
-
-.moocSearch:focus-within {
-  background-color: cm_grey_75;
-}
-
-.wrapperMoocParent:focus-within .wrapperMooc {
-  background: transparent;
-  box-shadow: 0 0 0 2px rgba(255,255,255,0), 0 0 0 2px brand;
-}
-
-.wrapperMooc:hover {
-  box-shadow: 0 0 0 2px brand;
-}
-
-.wrapperMooc .clearIcon {
-  position: relative;
-  right: 26px;
-  color: cm_grey_400;
-  width: 14px;
-  height: 14px;
-  cursor: pointer;
-}
-
 input:-webkit-autofill,
 input:-webkit-autofill:hover, 
 input:-webkit-autofill:focus, 
@@ -246,20 +184,6 @@ input:-webkit-autofill:active{
   -webkit-background-clip: text;
 }
 
-.moocSearch:-webkit-autofill,
-.moocSearch:-webkit-autofill:hover,
-.moocSearch:-webkit-autofill:focus,
-.moocSearch:-webkit-autofill:active {
-  -webkit-box-shadow: 0 0 0 1000px cm_grey_100 inset !important;
-  -webkit-text-fill-color: cm_grey_700 !important;
-  background-color: cm_grey_100 !important;
-}
-
-.wrapperMoocParent:focus-within .moocSearch:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 1000px cm_grey_75 inset !important;
-  background-color: cm_grey_75 !important;
-}
-
 @media tablet {
   .search,
   input {
@@ -270,16 +194,6 @@ input:-webkit-autofill:active{
     font-size: 12px;
     color: medium;
   }
-
-  .wrapperMoocParent {
-    max-width: 100%;
-    box-sizing: border-box;
-  }
-
-  .wrapperMooc {
-    max-width: 100%;
-    box-sizing: border-box;
-  }
 }
 
 @media mobile {
@@ -290,14 +204,4 @@ input:-webkit-autofill:active{
   .search::placeholder {
     font-size: 12px;
   }
-
-  .wrapperMoocParent {
-    max-width: 100%;
-    box-sizing: border-box;
-  }
-
-  .wrapperMooc {
-    max-width: 100%;
-    box-sizing: border-box;
-  }
 }

package/lib/molecule/card/customer.css

@@ -47,9 +47,6 @@
     rgba(0, 0, 0, 0) 20%
   );
 }
-.chapterCustomer {
-  padding-top: 10px;
-}
 
 .coorpmanager.customer.chapterCustomer {
   padding-top: 0px;

package/lib/molecule/card/favorite.css

@@ -8,8 +8,8 @@
 @value black from colors;
 
 .favorite {
-  width: 24px;
-  height: 24px;
+  width: 36px;
+  height: 36px;
   position: absolute;
   right: 8px;
   top: 8px;
@@ -19,7 +19,7 @@
   line-height: 0px;
   box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.11);
   background-color: #ffffff;
-  border-radius: 100%;
+  border-radius: 8px;
   border: none;
   padding: 0;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;AA2PA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;;;AAlKF,uDA8HG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;AA4QA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BE;;;AAjKF,uDA6HG"}

package/lib/molecule/card/index.js

@@ -14,6 +14,8 @@ var _novaIcons = require("@coorpacademy/nova-icons");
 var _externalContent = require("../../util/external-content");
 var _provider = _interopRequireDefault(require("../../atom/provider"));
 var _cardContent = _interopRequireWildcard(require("../card-content"));
+var _icon = _interopRequireDefault(require("../../atom/icon"));
+var _colors = require("../../variables/colors");
 var _customer = _interopRequireDefault(require("./customer"));
 var _favorite = _interopRequireDefault(require("./favorite"));
 var _selectable = _interopRequireDefault(require("./selectable"));
@@ -27,6 +29,7 @@ const THEMES = exports.THEMES = {
   default: null,
   coorpmanager: _style.default.coorpmanager
 };
+const ICON_SIZE = '28px';
 const CardBackground = ({
   type,
   image,
@@ -38,22 +41,35 @@ const CardBackground = ({
   const externalContent = (0, _externalContent.isExternalContent)(type);
   const primaryColor = (0, _get2.default)('common.primary', skin);
   const whiteColor = (0, _get2.default)('common.white', skin);
-  if (externalContent && _externalContent.EXTERNAL_CONTENT_ICONS[type]) {
-    const IconType = _externalContent.EXTERNAL_CONTENT_ICONS[type].icon;
-    const iconColor = _externalContent.EXTERNAL_CONTENT_ICONS[type].color;
+  if (externalContent && _externalContent.EXTERNAL_CONTENT_ICONS[type] || type === 'chapter') {
+    const {
+      iconName,
+      iconColor
+    } = _externalContent.ICONS_TYPES[type];
     const backgroundIcon = /*#__PURE__*/_react.default.createElement("div", {
-      className: _style.default.externalIconCircleWrapper
-    }, /*#__PURE__*/_react.default.createElement(IconType, {
-      className: _style.default.externalIcon
+      className: (0, _classnames.default)(_style.default.externalIconCircleWrapper, _style.default.externalIconCircleWithImageWrapper)
+    }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+      iconName: iconName,
+      customStyle: {
+        color: _colors.COLORS.white,
+        height: ICON_SIZE,
+        width: ICON_SIZE
+      }
     }));
     if (image) {
       const _backgroundIcon = /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(_style.default.externalIconCircleWrapper, _style.default.externalIconCircleWithImageWrapper),
         style: {
           backgroundColor: iconColor
+        },
+        "data-testid": "card-background-image"
+      }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+        iconName: iconName,
+        customStyle: {
+          color: _colors.COLORS.white,
+          height: ICON_SIZE,
+          width: ICON_SIZE
         }
-      }, /*#__PURE__*/_react.default.createElement(IconType, {
-        className: _style.default.externalIconWithImage
       }));
       return /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.imageWrapper
@@ -85,7 +101,7 @@ const CardBackground = ({
     }
   }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.imageWrapper, type === 'chapter' ? _style.default.chapterImageWrapper : null)
+    className: _style.default.imageWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "cover",
     "aria-label": ariaLabel,
@@ -142,7 +158,7 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
   } = props;
   const empty = (0, _isEmpty2.default)((0, _pick2.default)(['title', 'type', 'author', 'image'], props));
   const primaryColor = (0, _get2.default)('common.primary', skin);
-  const cardStyle = (0, _classnames.default)(THEMES[theme], type === 'chapter' ? _style.default.chapter : _style.default.course, title ? null : _style.default.lazy, _style.default.grid, empty ? _style.default.empty : null);
+  const cardStyle = (0, _classnames.default)(THEMES[theme], _style.default.course, title ? null : _style.default.lazy, _style.default.grid, empty ? _style.default.empty : null);
   const disabled = hidden && (!isSelected || (0, _isUndefined2.default)(isSelected));
   const handleClick = (0, _react.useMemo)(() => e => onClick(e), [onClick]);
   const lock = disabled ? /*#__PURE__*/_react.default.createElement("div", {

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","_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":[]}
+{"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","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  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,13 +5,16 @@
 @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: color(dark a(75%));
+  background: rgba(29, 29, 43, 0.5);
   position: absolute;
   z-index: 0;
   opacity: 0;
@@ -19,17 +22,22 @@
 }
 
 .notification {
-  width: 100px;
-  height: 100px;
+  width: 156px;
   background: light;
   position: absolute;
   top: 50%;
   left: 50%;
-  margin: -50px 0 0 -50px;
-  border-radius: 7px;
-  padding: 12px 7px 7px;
+  margin: -78px 0 0 -78px;
+  border-radius: 12px;
+  padding: 16px;
   box-sizing: border-box;
   color: grey;
+  background: cm_grey_75;
+  align-items: center;
+  display: flex;
+  gap: 12px;
+  justify-content: center;
+  flex-direction: column;
 }
 
 .showOverlay .notification {
@@ -42,21 +50,29 @@
 
 .notification .icon {
   font-size: 30px;
-  height: 30px;
-  width: 100%;
+  height: 20px;
+  width: 15px;
+}
+
+.iconWrapper {
+  width: 32px;
+  height: 32px;
+  padding: 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 12px;
 }
 
 .message {
-  width: 100%;
-  height: 50px;
-  line-height: 50px;
+  line-height: 20px;
 }
 
 .message span {
   display: inline-block;
   vertical-align: middle;
   user-select: none;
-  line-height: 16px;
+  line-height: 20px;
   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":";AAyBA,uDAmBC"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/notification.js"],"names":[],"mappings":";AA+BA,uDAqBC"}

package/lib/molecule/card/notification.js

@@ -8,14 +8,25 @@ 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.NovaCompositionNavigationMore,
+  removeFavorite: _novaIcons.NovaSolidStatusClose,
   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();
@@ -27,6 +38,10 @@ const Notification = props => {
     icon
   } = props;
   const IconType = (0, _get2.default)(icon, NOTIFICATION_ICON);
+  const {
+    color,
+    backgroundColor
+  } = (0, _get2.default)(icon, NOTIFICATIONS_COLORS);
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "notification",
     "data-type": icon,
@@ -34,13 +49,18 @@ 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: null
+      color
     },
     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","_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":[]}
+{"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","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  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":";;;;;;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,OAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEvC,MAAMG,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,2CAAS;EACtBC,cAAc,EAAEC,+BAAS;EACzBC,IAAI,EAAEC,+BAAQ;EACdC,MAAM,EAAEC;AACV,CAAC;AAED,MAAMC,oBAAoB,GAAG;EAC3BR,WAAW,EAAE;IAACS,KAAK,EAAEC,cAAM,CAACC,WAAW;IAAEC,eAAe,EAAEF,cAAM,CAACG;EAAW,CAAC;EAC7EX,cAAc,EAAE;IAACO,KAAK,EAAEC,cAAM,CAACI,WAAW;IAAEF,eAAe,EAAEF,cAAM,CAACK;EAAW;AACjF,CAAC;AAED,MAAMC,kBAAkB,GAAGpB,CAAC,IAAI;EAC9BA,CAAC,CAACqB,eAAe,CAAC,CAAC;EACnBrB,CAAC,CAACsB,cAAc,CAAC,CAAC;EAClB,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IAACC,OAAO;IAAEC;EAAI,CAAC,GAAGF,KAAK;EAC7B,MAAMG,QAAQ,GAAG,IAAAC,KAAA,CAAA1B,OAAA,EAAIwB,IAAI,EAAEvB,iBAAiB,CAAC;EAC7C,MAAM;IAACU,KAAK;IAAEG;EAAe,CAAC,GAAG,IAAAY,KAAA,CAAA1B,OAAA,EAAIwB,IAAI,EAAEd,oBAAoB,CAAC;EAChE,oBACEpB,MAAA,CAAAU,OAAA,CAAA2B,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,gBAEpE3C,MAAA,CAAAU,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAEE,qBAAK,CAACG;EAAa,gBACjC5C,MAAA,CAAAU,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAEE,qBAAK,CAACI,WAAY;IAACJ,KAAK,EAAE;MAACjB;IAAe;EAAE,gBAC1DxB,MAAA,CAAAU,OAAA,CAAA2B,aAAA,CAACF,QAAQ;IAACI,SAAS,EAAEE,qBAAK,CAACP,IAAK;IAACO,KAAK,EAAE;MAACpB;IAAK,CAAE;IAACyB,MAAM,EAAE;EAAK,CAAE,CAC7D,CAAC,eACN9C,MAAA,CAAAU,OAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAEE,qBAAK,CAACR;EAAQ,gBAC5BjC,MAAA,CAAAU,OAAA,CAAA2B,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,CAAA9C,OAAA,EAAKC,iBAAiB,CAAC,CAAC,CAAC2C;AACjD,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAhD,OAAA,GAEaqB,YAAY","ignoreList":[]}

package/lib/molecule/card/style.css

@@ -31,12 +31,14 @@
   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;
@@ -44,17 +46,11 @@
 
 .course {
   composes: defaultStyle;
-  border-radius: 8px;
+  border-radius: 12px;
   width: 256px;
   height: 297px;
 }
 
-.chapter {
-  composes: defaultStyle;
-  border-radius: 8px;
-  width: 203px;
-  height: 297px;
-}
 
 .coorpmanager.course {
   border-radius: 5px;
@@ -62,12 +58,6 @@
   height: 201px;
 }
 
-.coorpmanager.chapter {
-  border-radius: 5px;
-  width: 138px;
-  height: 201px;
-}
-
 .course .imageWrapper {
   width: 100%;
   height: 100%;
@@ -76,18 +66,6 @@
   left: 0;
 }
 
-.chapter .chapterImageWrapper {
-  max-height: 77px;
-  width: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.coorpmanager.chapter .chapterImageWrapper {
-  max-height: 52px;
-}
-
 .defaultStyle .image {
   overflow: hidden;
   background-position: 50%;
@@ -157,8 +135,7 @@
 }
 
 .course .defaultStyle:hover,
-.chapter .defaultStyle:hover {
-  background: light;
+.defaultStyle:hover {
   cursor: pointer;
   transition: background 0.25s ease-in-out;
 }
@@ -361,18 +338,6 @@
   transition: transform 0.25s ease-in-out;
 }
 
-.externalIcon {
-  color: white;
-  width: 45px;
-  height: 45px;
-}
-
-.coorpmanager .externalIcon {
-  color: white;
-  width: 23px;
-  height: 23px;
-}
-
 .externalIconCircleWrapper::after {
   animation: pulse 3s linear 0s infinite;
   animation-play-state: paused;
@@ -431,19 +396,6 @@
   margin-top: 20px;
 }
 
-.coorpmanager .externalIconWithImage {
-  color: white;
-  width: 25px;
-  height: 25px;
-  padding: 0 0 0 1px;
-}
-
-.externalIconWithImage {
-  color: white;
-  width: 28px;
-  height: 28px;
-}
-
 .externalIconCircleWithImageWrapper::after,
 .externalIconCircleWithImageWrapper::before {
   content: '';
@@ -452,7 +404,6 @@
   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":";;;;;;;;;;AAsHA;;;;;;;;;;;;;;gBA8EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card-content/index.js"],"names":[],"mappings":";;;;;;;;;;AAiIA;;;;;;;;;;;;;;gBA0EC"}