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

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

@@ -4,14 +4,18 @@ exports.__esModule = true;
 exports.default = exports.THEMES = exports.MODES = void 0;
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 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 _externalContent = require("../../util/external-content");
+var _icons = require("../../util/icons");
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MODES = exports.MODES = {
@@ -25,42 +29,63 @@ const THEMES = exports.THEMES = {
 const ContentTypeInfo = ({
   mode,
   type,
-  externalContent
+  adaptiv,
+  ariaLabel,
+  isCourse,
+  empty,
+  theme
 }, context) => {
   const {
     translate
   } = context;
-  if (mode !== MODES.CARD) {
+  if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {
     return 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;
+  const getLabel = contentType => {
+    switch (contentType) {
+      case 'scorm':
+        return translate('content_type_scorm');
+      case 'video':
+        return translate('content_type_video');
+      case 'article':
+        return translate('content_type_article');
+      case 'podcast':
+        return translate('content_type_podcast');
+      case 'course':
+        return translate('content_type_course');
+      default:
+        return `5'learning`;
+    }
+  };
+  const label = getLabel(type);
+  const iconName = (0, _getOr2.default)('stopwatch', type, _icons.ICONS_NAMES_MAP);
+  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);
 };
 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
+  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))
 } : {};
 const CardTitle = ({
   title,
@@ -122,14 +147,14 @@ const ContentInfo = ({
   theme = 'default',
   'aria-label': ariaLabel
 }) => {
-  const progressBarColor = '#3EC483';
+  const progressBarColor = _colors.COLORS.cm_positive_500;
   const inlineProgressValueStyle = {
     backgroundColor: progressBarColor,
     width: `${progress * 100}%`
   };
-  const externalContent = (0, _externalContent.isExternalContent)(type);
   const courseContent = type === 'course';
   const chapterContent = type === 'chapter';
+  const externalContent = (0, _externalContent.isExternalContent)(type);
   const progressBar = mode === MODES.HERO || !empty && !disabled ? /*#__PURE__*/_react.default.createElement("div", {
     className: !(0, _isNil2.default)(progress) ? _style.default.progressWrapper : _style.default.hideProgressBar
   }, !disabled ? /*#__PURE__*/_react.default.createElement("div", {
@@ -139,24 +164,21 @@ const ContentInfo = ({
     role: "progressbar",
     "aria-label": (0, _get2.default)('progression', ariaLabel)
   }) : null) : null;
-  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 ? _style.default.externalContent : null)
+    className: (0, _classnames.default)(THEMES[theme], _style.default.infoWrapper, mode === MODES.HERO ? _style.default.hero : _style.default.card, disabled ? _style.default.progressBarDisabled : null, chapterContent || courseContent || externalContent ? _style.default.standardContent : null)
   }, /*#__PURE__*/_react.default.createElement(ContentTypeInfo, {
     mode: mode,
     type: type,
-    externalContent: externalContent
+    adaptiv: adaptiv,
+    isCourse: courseContent,
+    empty: empty,
+    theme: theme
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.cardInfo, chapterContent ? _style.default.microLearningCardInfo : null)
+    className: (0, _classnames.default)(_style.default.cardInfo, courseContent ? _style.default.cardCourseTitle : null)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.iconWrapper
-  }, adaptiveIcon, !empty && badgeLabel && badgeCategory && courseContent ? /*#__PURE__*/_react.default.createElement(_contentBadge.default, {
+  }, !empty && badgeLabel && badgeCategory && courseContent ? /*#__PURE__*/_react.default.createElement(_contentBadge.default, {
     category: badgeCategory,
     label: badgeLabel
   }) : null), /*#__PURE__*/_react.default.createElement(CardTitle, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_externalContent","_provider","_contentBadge","_style","e","__esModule","default","MODES","exports","HERO","CARD","THEMES","coorpmanager","style","ContentTypeInfo","mode","type","externalContent","context","translate","createElement","className","microLearningIcon","NovaCompositionCoorpacademyTimer","timerIcon","microLearninglabel","EXTERNAL_CONTENT_ICONS","textColor","color","contentTypeInfo","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","string","CardTitle","title","empty","courseContent","classnames","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","NovaSolidStatusCheckCircle2","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","isExternalContent","chapterContent","progressBar","_isNil2","progressWrapper","hideProgressBar","role","_get2","adaptiveIcon","NovaCompositionCoorpacademyAdaptive","height","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","category","label","number","ContentBadge","oneOf","_keys2","shape","progression","adaptive","_default"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaCompositionCoorpacademyTimer as TimerIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, externalContent}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD) {\n    return null;\n  }\n\n  if (type === 'chapter') {\n    return (\n      <div className={style.microLearningIcon}>\n        <TimerIcon className={style.timerIcon} />\n        <span className={style.microLearninglabel}>{\"5' learning\"}</span>\n      </div>\n    );\n  }\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const textColor = EXTERNAL_CONTENT_ICONS[type].color;\n\n    return (\n      <div className={style.contentTypeInfo} style={{color: textColor}}>\n        {type === 'scorm' ? translate('external_content_scorm') : ''}\n        {type === 'video' ? translate('external_content_video') : ''}\n        {type === 'article' ? translate('external_content_article') : ''}\n        {type === 'podcast' ? translate('external_content_podcast') : ''}\n      </div>\n    );\n  }\n\n  return null;\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  externalContent: PropTypes.bool,\n  type: PropTypes.string,\n  mode: PropTypes.string\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = '#3EC483';\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const externalContent = isExternalContent(type);\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            role=\"progressbar\"\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n\n  const adaptiveIcon = adaptiv ? (\n    <div className={classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)}>\n      <AdaptivIcon height={25} aria-label={get('adaptive', ariaLabel)} />\n    </div>\n  ) : null;\n\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        externalContent ? style.externalContent : null\n      )}\n    >\n      <ContentTypeInfo mode={mode} type={type} externalContent={externalContent} />\n      <div\n        className={classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)}\n      >\n        <div className={style.iconWrapper}>\n          {adaptiveIcon}\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_novaIcons","_provider","_contentBadge","_tag","_colors","_externalContent","_icons","_style","e","__esModule","default","MODES","exports","HERO","CARD","THEMES","coorpmanager","style","ContentTypeInfo","mode","type","adaptiv","ariaLabel","isCourse","empty","theme","context","translate","getLabel","contentType","label","iconName","_getOr2","ICONS_NAMES_MAP","createElement","className","contentTypeInfos","size","icon","classnames","adaptiveIcon","iconShadow","NovaCompositionCoorpacademyAdaptive","height","_get2","contextTypes","skin","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","oneOf","_keys2","CardTitle","title","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","checkIcon","NovaSolidStatusCheckCircle2","authorIcon","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","COLORS","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","chapterContent","externalContent","isExternalContent","progressBar","_isNil2","progressWrapper","hideProgressBar","role","infoWrapper","hero","card","progressBarDisabled","standardContent","cardInfo","cardCourseTitle","iconWrapper","category","number","ContentBadge","shape","progression","adaptive","_default"],"sources":["../../../src/molecule/card-content/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, getOr, isNil, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyAdaptive as AdaptivIcon,\n  NovaSolidStatusCheckCircle2 as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport ContentBadge from '../../atom/content-badge';\nimport Tag from '../../atom/tag';\nimport {COLORS} from '../../variables/colors';\nimport {isExternalContent} from '../../util/external-content';\nimport {ICONS_NAMES_MAP} from '../../util/icons';\nimport style from './style.css';\n\nexport const MODES = {\n  HERO: 'hero',\n  CARD: 'card'\n};\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst ContentTypeInfo = ({mode, type, adaptiv, ariaLabel, isCourse, empty, theme}, context) => {\n  const {translate} = context;\n  if (mode !== MODES.CARD || empty || theme === 'coorpmanager') {\n    return null;\n  }\n  const getLabel = contentType => {\n    switch (contentType) {\n      case 'scorm':\n        return translate('content_type_scorm');\n      case 'video':\n        return translate('content_type_video');\n      case 'article':\n        return translate('content_type_article');\n      case 'podcast':\n        return translate('content_type_podcast');\n      case 'course':\n        return translate('content_type_course');\n      default:\n        return `5'learning`;\n    }\n  };\n  const label = getLabel(type);\n  const iconName = getOr('stopwatch', type, ICONS_NAMES_MAP);\n  return (\n    <div className={style.contentTypeInfos}>\n      <Tag size=\"S\" label={label} icon={{iconName}} />\n      {adaptiv ? (\n        <div className={classnames(style.adaptiveIcon, isCourse ? style.iconShadow : null)}>\n          <AdaptivIcon height={20} aria-label={get('adaptive', ariaLabel)} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nContentTypeInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContentTypeInfo.propTypes = {\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  adaptiv: PropTypes.bool,\n  ariaLabel: PropTypes.string,\n  isCourse: PropTypes.bool,\n  empty: PropTypes.bool,\n  theme: PropTypes.oneOf(keys(THEMES))\n};\n\nconst CardTitle = ({title, empty, courseContent}) => {\n  return (\n    <div\n      className={classnames(\n        style.title,\n        style.innerHTML,\n        courseContent ? style.lightTitle : style.darkTitle,\n        empty ? style.empty : null\n      )}\n      data-name=\"title\"\n      title={title}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: title}}\n    />\n  );\n};\n\nCardTitle.propTypes = {\n  title: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool\n};\n\nconst AuthorName = ({author, empty, courseContent, certifiedAuthor, 'aria-label': ariaLabel}) => {\n  const checkIcon = certifiedAuthor ? (\n    <CheckIcon className={classnames(style.authorIcon, courseContent ? style.iconShadow : null)} />\n  ) : null;\n\n  return (\n    <div\n      data-name=\"author\"\n      title={author}\n      aria-label={ariaLabel}\n      className={classnames(\n        style.author,\n        courseContent ? style.lightTitle : style.darkAuthorTitle,\n        empty ? style.empty : null\n      )}\n    >\n      <span>{author}</span>\n      {checkIcon}\n    </div>\n  );\n};\n\nAuthorName.propTypes = {\n  author: PropTypes.string,\n  empty: PropTypes.bool,\n  courseContent: PropTypes.bool,\n  certifiedAuthor: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst ContentInfo = ({\n  adaptiv,\n  author,\n  certifiedAuthor = false,\n  disabled = false,\n  empty = false,\n  mode = MODES.CARD,\n  progress,\n  title,\n  type,\n  badgeCategory,\n  badgeLabel,\n  theme = 'default',\n  'aria-label': ariaLabel\n}) => {\n  const progressBarColor = COLORS.cm_positive_500;\n  const inlineProgressValueStyle = {\n    backgroundColor: progressBarColor,\n    width: `${progress * 100}%`\n  };\n  const courseContent = type === 'course';\n  const chapterContent = type === 'chapter';\n  const externalContent = isExternalContent(type);\n  const progressBar =\n    mode === MODES.HERO || (!empty && !disabled) ? (\n      <div className={!isNil(progress) ? style.progressWrapper : style.hideProgressBar}>\n        {!disabled ? (\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressValueStyle}\n            role=\"progressbar\"\n            aria-label={get('progression', ariaLabel)}\n          />\n        ) : null}\n      </div>\n    ) : null;\n  return (\n    <div\n      data-name=\"info\"\n      className={classnames(\n        THEMES[theme],\n        style.infoWrapper,\n        mode === MODES.HERO ? style.hero : style.card,\n        disabled ? style.progressBarDisabled : null,\n        chapterContent || courseContent || externalContent ? style.standardContent : null\n      )}\n    >\n      <ContentTypeInfo\n        mode={mode}\n        type={type}\n        adaptiv={adaptiv}\n        isCourse={courseContent}\n        empty={empty}\n        theme={theme}\n      />\n      <div className={classnames(style.cardInfo, courseContent ? style.cardCourseTitle : null)}>\n        <div className={style.iconWrapper}>\n          {!empty && badgeLabel && badgeCategory && courseContent ? (\n            <ContentBadge category={badgeCategory} label={badgeLabel} />\n          ) : null}\n        </div>\n        <CardTitle title={title} empty={empty} courseContent={courseContent} />\n        <AuthorName\n          author={author}\n          empty={empty}\n          courseContent={courseContent}\n          certifiedAuthor={certifiedAuthor}\n          aria-label={get('author', ariaLabel)}\n        />\n      </div>\n      {progressBar}\n    </div>\n  );\n};\n\nContentInfo.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentInfo.propTypes = {\n  adaptiv: PropTypes.bool,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  disabled: PropTypes.bool,\n  empty: PropTypes.bool,\n  progress: PropTypes.number,\n  title: PropTypes.string,\n  type: PropTypes.string,\n  mode: PropTypes.string,\n  badgeCategory: ContentBadge.propTypes.category,\n  badgeLabel: ContentBadge.propTypes.label,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  'aria-label': PropTypes.shape({\n    author: PropTypes.string,\n    progression: PropTypes.string,\n    adaptive: PropTypes.string\n  })\n};\n\nexport default ContentInfo;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/card-content/style.css

@@ -9,62 +9,16 @@
 @value lightBlack from colors;
 @value xtraLightGrey from colors;
 @value white from colors;
-
-.microLearningCardInfo {
-  flex: 1 0 auto;
-}
-
-.microLearningIcon {
-  display: flex;
-  flex-direction: column;
-  align-self: center;
-  margin-top: 53px;
-}
-
-.coorpmanager .microLearningIcon {
-  display: flex;
-  flex-direction: column;
-  align-self: center;
-  margin-top: 35px;
-}
-
-.timerIcon {
-  height: 40px;
-  width: 40px;
-}
-
-.coorpmanager .timerIcon {
-  height: 30px;
-  width: 30px;
-}
-
-.microLearningIcon svg {
-  background:white;
-  border-radius: 50%;
-  margin: 0 auto;
-  padding: 3px;
-  box-sizing: content-box; 
-  color: lightBlack;
-}
-
-.microLearninglabel {
-  font-family: 'Gilroy';
-  font-size: 10px;
-  font-weight: 800;
-  color: lightBlack;
-  text-transform: uppercase;
-}
-
-.coorpmanager .microLearninglabel {
-  font-size: 6px;
-}
+@value cm_grey_200 from colors;
 
 .infoWrapper {
   display: flex;
+  gap: 4px;
   flex-direction: column;
   position: relative;
-  justify-content: center;
-  padding: 0 16px;
+  justify-content: flex-end;
+  padding-left: 16px;
+  padding-right: 16px;
   width: 100%;
   box-sizing: border-box;
 }
@@ -131,7 +85,7 @@
   margin-top: 0px;
 }
 
-.externalContent.coorpmanager .author {
+.standardContent.coorpmanager .author {
   margin-top: 5px;
 }
 
@@ -155,7 +109,6 @@
 
 .infoWrapper.card {
   height: 100%;
-  justify-content: flex-end;
 }
 
 .infoWrapper.empty {
@@ -177,11 +130,9 @@
 }
 
 .adaptiveIcon {
-  font-size: 5px;
   width: 25px;
-  height: 25px;
+  height: 20px;
   color: lightBlack;
-  margin-right: 5px;
 }
 
 .iconWrapper {
@@ -210,48 +161,52 @@
 .progressWrapper {
   position: relative;
   left: 0;
-  width: 194px;
+  width: 150px;
   height: 4px;
   border-radius: 2px;
   overflow: hidden;
   margin: 16px auto;
-  background: light;
+  background: cm_grey_200;
 }
 
 .coorpmanager .progressWrapper {
+  width: 140px;
   height: 2px;
   margin: 11px auto;
 }
 
-.card .progressWrapper {
-  width: 150px;
-}
-
 .hero .progressWrapper {
   margin: 0 auto;
 }
 
-.contentTypeInfo {
-  font-family: 'Gilroy';
-  font-size: 10px;
-  font-weight: 700;
-}
-
-.coorpmanager.externalContent .contentTypeInfo {
-  font-size: 6px;
+.contentTypeInfos {
+  display: flex;
+  align-items: center;
+  gap: 8px;
 }
 
-.externalContent .cardInfo {
+.standardContent .cardInfo {
   flex-grow: 2;
   max-height: 115px;
   overflow: hidden;
 }
 
-.coorpmanager.externalContent .cardInfo {
+.standardContent.infoWrapper {
+  padding-top: 50%;
+}
+
+.coorpmanager.standardContent .cardInfo {
   flex-grow: 2;
   max-height: 79px;
 }
 
+.cardInfo.cardCourseTitle {
+  flex-grow: 0;
+  display: flex;
+  justify-content: flex-end;
+  flex-direction: column;
+}
+
 @media mobile {
   .author {
     font-size: 12px;

package/lib/molecule/cm-popin/types.d.ts

@@ -648,8 +648,6 @@ declare const propTypes: {
                 onClear: PropTypes.Requireable<(...args: any[]) => any>;
                 onFocus: PropTypes.Requireable<(...args: any[]) => any>;
                 onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-                onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-                inputRef: PropTypes.Requireable<(...args: any[]) => any>;
                 theme: PropTypes.Requireable<string>;
                 dataTestId: PropTypes.Requireable<string>;
             }>>;

package/lib/molecule/cm-popin/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"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"}

package/lib/molecule/external-content-button/style.css

@@ -42,6 +42,7 @@
 }
 
 .title {
+  text-transform: uppercase;
   font-family: 'Gilroy';
   font-size: 17px;
   font-weight: bold;

package/lib/molecule/multi-filter-panel/index.d.ts

@@ -39,8 +39,6 @@ declare const MultiFilterPanel: {
                     onClear: import("prop-types").Requireable<(...args: any[]) => any>;
                     onFocus: import("prop-types").Requireable<(...args: any[]) => any>;
                     onBlur: import("prop-types").Requireable<(...args: any[]) => any>;
-                    onKeyDown: import("prop-types").Requireable<(...args: any[]) => any>;
-                    inputRef: import("prop-types").Requireable<(...args: any[]) => any>;
                     theme: import("prop-types").Requireable<string>;
                     dataTestId: import("prop-types").Requireable<string>;
                 }>>;

package/lib/molecule/multi-filter-panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAqBlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDhF,CAAC;AAQF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAEjE,OAAkB,EAAC,qBAAqB,EAAqB,MAAM,cAAc,CAAC;AAqBlF,QAAA,MAAM,gBAAgB;YAAW,qBAAqB,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDhF,CAAC;AAQF,eAAe,gBAAgB,CAAC"}

package/lib/molecule/multi-filter-panel/prop-types.d.ts

@@ -37,8 +37,6 @@ declare const propTypes: {
                 onClear: PropTypes.Requireable<(...args: any[]) => any>;
                 onFocus: PropTypes.Requireable<(...args: any[]) => any>;
                 onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-                onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-                inputRef: PropTypes.Requireable<(...args: any[]) => any>;
                 theme: PropTypes.Requireable<string>;
                 dataTestId: PropTypes.Requireable<string>;
             }>>;

package/lib/molecule/multi-filter-panel/prop-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAC3F,OAAyC,EACvC,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAE/D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,4BAA4B,CAAC;CACvC,CAAC;AAEF,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEzE,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/molecule/multi-filter-panel/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,uCAAuC,CAAC;AAC3F,OAAyC,EACvC,4BAA4B,EAC7B,MAAM,uDAAuD,CAAC;AAE/D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAed,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,4BAA4B,CAAC;CACvC,CAAC;AAEF,oBAAY,kBAAkB,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;AAEzE,oBAAY,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,kBAAkB,EAAE,CAAC;CAC/B,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/molecule/search-form/index.d.ts

@@ -8,8 +8,6 @@ declare namespace SearchForm {
         onReset: PropTypes.Requireable<(...args: any[]) => any>;
         onSearchFocus: PropTypes.Requireable<(...args: any[]) => any>;
         onSearchBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onSearchKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        inputRef: PropTypes.Requireable<(...args: any[]) => any>;
         search: PropTypes.Requireable<PropTypes.InferProps<{
             value: PropTypes.Requireable<string>;
             placeholder: PropTypes.Validator<string>;
@@ -17,14 +15,11 @@ declare namespace SearchForm {
             onClear: PropTypes.Requireable<(...args: any[]) => any>;
             onFocus: PropTypes.Requireable<(...args: any[]) => any>;
             onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-            onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-            inputRef: PropTypes.Requireable<(...args: any[]) => any>;
             theme: PropTypes.Requireable<string>;
             dataTestId: PropTypes.Requireable<string>;
         }>>;
         'search-reset-aria-label': PropTypes.Requireable<string>;
         dataTestId: PropTypes.Requireable<string>;
-        theme: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/lib/molecule/search-form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/search-form/index.js"],"names":[],"mappings":";AAOA,mEAkEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/search-form/index.js"],"names":[],"mappings":";AAOA,mEA0CC"}

package/lib/molecule/search-form/index.js

@@ -2,15 +2,15 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _novaIcons = require("@coorpacademy/nova-icons");
 var _inputSearch = _interopRequireDefault(require("../../atom/input-search"));
 var _style = _interopRequireDefault(require("./style.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const SearchForm = (props, context) => {
   const {
@@ -21,23 +21,17 @@ const SearchForm = (props, context) => {
     search,
     onSearchFocus,
     onSearchBlur,
-    onSearchKeyDown,
-    inputRef,
     'search-reset-aria-label': searchResetAriaLabel,
-    dataTestId,
-    theme
+    dataTestId
   } = props;
   const handleSubmit = (0, _react.useMemo)(() => evt => {
     evt.preventDefault();
     return onSubmit && onSubmit(evt);
   }, [onSubmit]);
-  const handleReset = (0, _react.useMemo)(() => evt => {
-    evt.preventDefault();
-    evt.stopPropagation();
-    return onReset && onReset(evt);
-  }, [onReset]);
-  const isMooc = theme === 'mooc';
-  const clearClassName = search.value ? (0, _classnames.default)(_style.default.wrapperClear, isMooc && _style.default.wrapperClearMooc) : _style.default.wrapperNoClear;
+  const {
+    skin
+  } = context;
+  const dark = (0, _get2.default)('common.dark', skin);
   return /*#__PURE__*/_react.default.createElement("form", {
     className: _style.default.form,
     action: action,
@@ -48,18 +42,17 @@ const SearchForm = (props, context) => {
   }, /*#__PURE__*/_react.default.createElement(_inputSearch.default, _extends({}, search, {
     onFocus: onSearchFocus,
     onBlur: onSearchBlur,
-    onKeyDown: onSearchKeyDown,
-    inputRef: inputRef,
-    dataTestId: dataTestId,
-    theme: theme
+    dataTestId: dataTestId
   })), /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "search-form-reset",
     "aria-label": searchResetAriaLabel,
-    onMouseDown: handleReset,
-    className: clearClassName
-  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: "xmark",
-    className: _style.default.clearIcon
+    onClick: onReset,
+    className: search.value ? _style.default.wrapperClear : _style.default.wrapperNoClear
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationMore, {
+    style: {
+      color: dark
+    },
+    className: _style.default.clear
   })));
 };
 SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -69,12 +62,9 @@ SearchForm.propTypes = process.env.NODE_ENV !== "production" ? {
   onReset: _propTypes.default.func,
   onSearchFocus: _propTypes.default.func,
   onSearchBlur: _propTypes.default.func,
-  onSearchKeyDown: _propTypes.default.func,
-  inputRef: _propTypes.default.func,
   search: _propTypes.default.shape(_inputSearch.default.propTypes),
   'search-reset-aria-label': _propTypes.default.string,
-  dataTestId: _propTypes.default.string,
-  theme: _propTypes.default.string
+  dataTestId: _propTypes.default.string
 } : {};
 var _default = exports.default = SearchForm;
 //# sourceMappingURL=index.js.map

package/lib/molecule/search-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_reactFontawesome","_classnames","_inputSearch","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","onSearchKeyDown","inputRef","searchResetAriaLabel","dataTestId","theme","handleSubmit","useMemo","evt","preventDefault","handleReset","stopPropagation","isMooc","clearClassName","value","classnames","style","wrapperClear","wrapperClearMooc","wrapperNoClear","createElement","className","form","placeholder","onFocus","onBlur","onKeyDown","onMouseDown","FontAwesomeIcon","icon","clearIcon","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","Search","_default","exports"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport classnames from 'classnames';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {\n    action,\n    method,\n    onSubmit,\n    onReset,\n    search,\n    onSearchFocus,\n    onSearchBlur,\n    onSearchKeyDown,\n    inputRef,\n    'search-reset-aria-label': searchResetAriaLabel,\n    dataTestId,\n    theme\n  } = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      evt.stopPropagation();\n      return onReset && onReset(evt);\n    },\n    [onReset]\n  );\n\n  const isMooc = theme === 'mooc';\n\n  const clearClassName = search.value\n    ? classnames(style.wrapperClear, isMooc && style.wrapperClearMooc)\n    : style.wrapperNoClear;\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n      aria-label={search.placeholder}\n    >\n      <Search\n        {...search}\n        onFocus={onSearchFocus}\n        onBlur={onSearchBlur}\n        onKeyDown={onSearchKeyDown}\n        inputRef={inputRef}\n        dataTestId={dataTestId}\n        theme={theme}\n      />\n      <div\n        data-name=\"search-form-reset\"\n        aria-label={searchResetAriaLabel}\n        onMouseDown={handleReset}\n        className={clearClassName}\n      >\n        <FontAwesomeIcon icon=\"xmark\" className={style.clearIcon} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  onSearchKeyDown: PropTypes.func,\n  inputRef: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes),\n  'search-reset-aria-label': PropTypes.string,\n  dataTestId: PropTypes.string,\n  theme: PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_novaIcons","_inputSearch","_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","SearchForm","props","context","action","method","onSubmit","onReset","search","onSearchFocus","onSearchBlur","searchResetAriaLabel","dataTestId","handleSubmit","useMemo","evt","preventDefault","skin","dark","_get2","createElement","className","style","form","placeholder","onFocus","onBlur","onClick","value","wrapperClear","wrapperNoClear","NovaCompositionNavigationMore","color","clear","propTypes","process","env","NODE_ENV","PropTypes","string","func","shape","Search","_default","exports"],"sources":["../../../src/molecule/search-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationMore as ClearIcon} from '@coorpacademy/nova-icons';\nimport Search from '../../atom/input-search';\nimport style from './style.css';\n\nconst SearchForm = (props, context) => {\n  const {\n    action,\n    method,\n    onSubmit,\n    onReset,\n    search,\n    onSearchFocus,\n    onSearchBlur,\n    'search-reset-aria-label': searchResetAriaLabel,\n    dataTestId\n  } = props;\n  const handleSubmit = useMemo(\n    () => evt => {\n      evt.preventDefault();\n      return onSubmit && onSubmit(evt);\n    },\n    [onSubmit]\n  );\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <form\n      className={style.form}\n      action={action}\n      method={method}\n      onSubmit={handleSubmit}\n      data-name=\"searchForm\"\n      aria-label={search.placeholder}\n    >\n      <Search {...search} onFocus={onSearchFocus} onBlur={onSearchBlur} dataTestId={dataTestId} />\n      <div\n        data-name=\"search-form-reset\"\n        aria-label={searchResetAriaLabel}\n        onClick={onReset}\n        className={search.value ? style.wrapperClear : style.wrapperNoClear}\n      >\n        <ClearIcon style={{color: dark}} className={style.clear} />\n      </div>\n    </form>\n  );\n};\n\nSearchForm.propTypes = {\n  action: PropTypes.string,\n  method: PropTypes.string,\n  onSubmit: PropTypes.func,\n  onReset: PropTypes.func,\n  onSearchFocus: PropTypes.func,\n  onSearchBlur: PropTypes.func,\n  search: PropTypes.shape(Search.propTypes),\n  'search-reset-aria-label': PropTypes.string,\n  dataTestId: PropTypes.string\n};\n\nexport default SearchForm;\n"],"mappings":"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","ignoreList":[]}