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

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

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["React","PropTypes","classnames","NovaCompositionNavigationMore","MoreIcon","NovaSolidLoginLocked","LockIcon","NovaSolidLocksLockUnlock1","UnlockIcon","NovaCompositionCoorpacademyCheck","CheckIcon","style","NOTIFICATION_ICON","addFavorite","removeFavorite","lock","unlock","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","_get","createElement","onClick","className","showOverlay","notificationWrapper","notification","color","stroke","role","propTypes","process","env","NODE_ENV","string","isRequired","oneOf","_keys"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,6BAA6B,IAAIC,QAAQ,EACzCC,oBAAoB,IAAIC,QAAQ,EAChCC,yBAAyB,IAAIC,UAAU,EACvCC,gCAAgC,IAAIC,SAAS,QACxC,0BAA0B;AACjC,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEH,SAAS;EACtBI,cAAc,EAAEV,QAAQ;EACxBW,IAAI,EAAET,QAAQ;EACdU,MAAM,EAAER;AACV,CAAC;AAED,MAAMS,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAe,CAAC,CAAC;EACnBD,CAAC,CAACE,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,GAAGC,IAAA,CAAIF,IAAI,EAAEZ,iBAAiB,CAAC;EAC7C,oBACEZ,KAAA,CAAA2B,aAAA;IACE,aAAU,cAAc;IACxB,aAAWH,IAAK;IAChBI,OAAO,EAAEX,kBAAmB;IAC5BY,SAAS,EAAE3B,UAAU,CAACS,KAAK,CAACmB,WAAW,EAAEnB,KAAK,CAACoB,mBAAmB;EAAE,gBAEpE/B,KAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAElB,KAAK,CAACqB;EAAa,gBACjChC,KAAA,CAAA2B,aAAA,CAACF,QAAQ;IAACI,SAAS,EAAElB,KAAK,CAACa,IAAK;IAACb,KAAK,EAAE;MAACsB,KAAK,EAAE;IAAI,CAAE;IAACC,MAAM,EAAE;EAAK,CAAE,CAAC,eACvElC,KAAA,CAAA2B,aAAA;IAAKE,SAAS,EAAElB,KAAK,CAACY;EAAQ,gBAC5BvB,KAAA,CAAA2B,aAAA;IAAMQ,IAAI,EAAC;EAAQ,GAAEZ,OAAc,CAChC,CACF,CACF,CAAC;AAEV,CAAC;AACDF,YAAY,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBhB,OAAO,EAAEtB,SAAS,CAACuC,MAAM,CAACC,UAAU;EACpCjB,IAAI,EAAEvB,SAAS,CAACyC,KAAK,CAACC,KAAA,CAAK/B,iBAAiB,CAAC,CAAC,CAAC6B;AACjD,CAAC;AAED,eAAepB,YAAY","ignoreList":[]}
+{"version":3,"file":"notification.js","names":["React","PropTypes","classnames","NovaSolidLoginLocked","LockIcon","NovaSolidLocksLockUnlock1","UnlockIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaSolidStatusClose","CloseIcon","COLORS","style","NOTIFICATION_ICON","addFavorite","removeFavorite","lock","unlock","NOTIFICATIONS_COLORS","color","cm_blue_700","backgroundColor","primary_100","neutral_500","cm_grey_100","handleOverlayClick","e","stopPropagation","preventDefault","Notification","props","message","icon","IconType","_get","createElement","onClick","className","showOverlay","notificationWrapper","notification","iconWrapper","stroke","role","propTypes","process","env","NODE_ENV","string","isRequired","oneOf","_keys"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,oBAAoB,IAAIC,QAAQ,EAChCC,yBAAyB,IAAIC,UAAU,EACvCC,gCAAgC,IAAIC,SAAS,EAC7CC,oBAAoB,IAAIC,SAAS,QAC5B,0BAA0B;AACjC,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,KAAK,MAAM,oBAAoB;AAEtC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEN,SAAS;EACtBO,cAAc,EAAEL,SAAS;EACzBM,IAAI,EAAEZ,QAAQ;EACda,MAAM,EAAEX;AACV,CAAC;AAED,MAAMY,oBAAoB,GAAG;EAC3BJ,WAAW,EAAE;IAACK,KAAK,EAAER,MAAM,CAACS,WAAW;IAAEC,eAAe,EAAEV,MAAM,CAACW;EAAW,CAAC;EAC7EP,cAAc,EAAE;IAACI,KAAK,EAAER,MAAM,CAACY,WAAW;IAAEF,eAAe,EAAEV,MAAM,CAACa;EAAW;AACjF,CAAC;AAED,MAAMC,kBAAkB,GAAGC,CAAC,IAAI;EAC9BA,CAAC,CAACC,eAAe,CAAC,CAAC;EACnBD,CAAC,CAACE,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,GAAGC,IAAA,CAAIF,IAAI,EAAEnB,iBAAiB,CAAC;EAC7C,MAAM;IAACM,KAAK;IAAEE;EAAe,CAAC,GAAGa,IAAA,CAAIF,IAAI,EAAEd,oBAAoB,CAAC;EAChE,oBACElB,KAAA,CAAAmC,aAAA;IACE,aAAU,cAAc;IACxB,aAAWH,IAAK;IAChBI,OAAO,EAAEX,kBAAmB;IAC5BY,SAAS,EAAEnC,UAAU,CAACU,KAAK,CAAC0B,WAAW,EAAE1B,KAAK,CAAC2B,mBAAmB;EAAE,gBAEpEvC,KAAA,CAAAmC,aAAA;IAAKE,SAAS,EAAEzB,KAAK,CAAC4B;EAAa,gBACjCxC,KAAA,CAAAmC,aAAA;IAAKE,SAAS,EAAEzB,KAAK,CAAC6B,WAAY;IAAC7B,KAAK,EAAE;MAACS;IAAe;EAAE,gBAC1DrB,KAAA,CAAAmC,aAAA,CAACF,QAAQ;IAACI,SAAS,EAAEzB,KAAK,CAACoB,IAAK;IAACpB,KAAK,EAAE;MAACO;IAAK,CAAE;IAACuB,MAAM,EAAE;EAAK,CAAE,CAC7D,CAAC,eACN1C,KAAA,CAAAmC,aAAA;IAAKE,SAAS,EAAEzB,KAAK,CAACmB;EAAQ,gBAC5B/B,KAAA,CAAAmC,aAAA;IAAMQ,IAAI,EAAC;EAAQ,GAAEZ,OAAc,CAChC,CACF,CACF,CAAC;AAEV,CAAC;AACDF,YAAY,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBhB,OAAO,EAAE9B,SAAS,CAAC+C,MAAM,CAACC,UAAU;EACpCjB,IAAI,EAAE/B,SAAS,CAACiD,KAAK,CAACC,KAAA,CAAKtC,iBAAiB,CAAC,CAAC,CAACoC;AACjD,CAAC;AAED,eAAepB,YAAY","ignoreList":[]}

package/es/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/es/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"}

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

@@ -1,13 +1,17 @@
 import _keys from "lodash/fp/keys";
 import _isNil from "lodash/fp/isNil";
+import _getOr from "lodash/fp/getOr";
 import _get from "lodash/fp/get";
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaCompositionCoorpacademyAdaptive as AdaptivIcon, NovaSolidStatusCheckCircle2 as CheckIcon, NovaCompositionCoorpacademyTimer as TimerIcon } from '@coorpacademy/nova-icons';
-import { isExternalContent, EXTERNAL_CONTENT_ICONS } from '../../util/external-content';
+import { NovaCompositionCoorpacademyAdaptive as AdaptivIcon, NovaSolidStatusCheckCircle2 as CheckIcon } from '@coorpacademy/nova-icons';
 import Provider from '../../atom/provider';
 import ContentBadge from '../../atom/content-badge';
+import Tag from '../../atom/tag';
+import { COLORS } from '../../variables/colors';
+import { isExternalContent } from '../../util/external-content';
+import { ICONS_NAMES_MAP } from '../../util/icons';
 import style from './style.css';
 export const MODES = {
   HERO: 'hero',
@@ -20,42 +24,63 @@ export const 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.createElement("div", {
-      className: style.microLearningIcon
-    }, /*#__PURE__*/React.createElement(TimerIcon, {
-      className: style.timerIcon
-    }), /*#__PURE__*/React.createElement("span", {
-      className: style.microLearninglabel
-    }, "5' learning"));
-  }
-  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {
-    const textColor = EXTERNAL_CONTENT_ICONS[type].color;
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.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 = _getOr('stopwatch', type, ICONS_NAMES_MAP);
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.contentTypeInfos
+  }, /*#__PURE__*/React.createElement(Tag, {
+    size: "S",
+    label: label,
+    icon: {
+      iconName
+    }
+  }), adaptiv ? /*#__PURE__*/React.createElement("div", {
+    className: classnames(style.adaptiveIcon, isCourse ? style.iconShadow : null)
+  }, /*#__PURE__*/React.createElement(AdaptivIcon, {
+    height: 20,
+    "aria-label": _get('adaptive', ariaLabel)
+  })) : null);
 };
 ContentTypeInfo.contextTypes = {
   skin: Provider.childContextTypes.skin,
   translate: Provider.childContextTypes.translate
 };
 ContentTypeInfo.propTypes = process.env.NODE_ENV !== "production" ? {
-  externalContent: PropTypes.bool,
   type: PropTypes.string,
-  mode: PropTypes.string
+  mode: PropTypes.string,
+  adaptiv: PropTypes.bool,
+  ariaLabel: PropTypes.string,
+  isCourse: PropTypes.bool,
+  empty: PropTypes.bool,
+  theme: PropTypes.oneOf(_keys(THEMES))
 } : {};
 const CardTitle = ({
   title,
@@ -117,14 +142,14 @@ const ContentInfo = ({
   theme = 'default',
   'aria-label': ariaLabel
 }) => {
-  const progressBarColor = '#3EC483';
+  const progressBarColor = COLORS.cm_positive_500;
   const inlineProgressValueStyle = {
     backgroundColor: progressBarColor,
     width: `${progress * 100}%`
   };
-  const externalContent = isExternalContent(type);
   const courseContent = type === 'course';
   const chapterContent = type === 'chapter';
+  const externalContent = isExternalContent(type);
   const progressBar = mode === MODES.HERO || !empty && !disabled ? /*#__PURE__*/React.createElement("div", {
     className: !_isNil(progress) ? style.progressWrapper : style.hideProgressBar
   }, !disabled ? /*#__PURE__*/React.createElement("div", {
@@ -134,24 +159,21 @@ const ContentInfo = ({
     role: "progressbar",
     "aria-label": _get('progression', ariaLabel)
   }) : null) : null;
-  const adaptiveIcon = adaptiv ? /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.adaptiveIcon, courseContent ? style.iconShadow : null)
-  }, /*#__PURE__*/React.createElement(AdaptivIcon, {
-    height: 25,
-    "aria-label": _get('adaptive', ariaLabel)
-  })) : null;
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "info",
-    className: classnames(THEMES[theme], style.infoWrapper, mode === MODES.HERO ? style.hero : style.card, disabled ? style.progressBarDisabled : null, externalContent ? style.externalContent : null)
+    className: classnames(THEMES[theme], style.infoWrapper, mode === MODES.HERO ? style.hero : style.card, disabled ? style.progressBarDisabled : null, chapterContent || courseContent || externalContent ? style.standardContent : null)
   }, /*#__PURE__*/React.createElement(ContentTypeInfo, {
     mode: mode,
     type: type,
-    externalContent: externalContent
+    adaptiv: adaptiv,
+    isCourse: courseContent,
+    empty: empty,
+    theme: theme
   }), /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.cardInfo, chapterContent ? style.microLearningCardInfo : null)
+    className: classnames(style.cardInfo, courseContent ? style.cardCourseTitle : null)
   }, /*#__PURE__*/React.createElement("div", {
     className: style.iconWrapper
-  }, adaptiveIcon, !empty && badgeLabel && badgeCategory && courseContent ? /*#__PURE__*/React.createElement(ContentBadge, {
+  }, !empty && badgeLabel && badgeCategory && courseContent ? /*#__PURE__*/React.createElement(ContentBadge, {
     category: badgeCategory,
     label: badgeLabel
   }) : null), /*#__PURE__*/React.createElement(CardTitle, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","NovaCompositionCoorpacademyTimer","TimerIcon","isExternalContent","EXTERNAL_CONTENT_ICONS","Provider","ContentBadge","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ContentTypeInfo","mode","type","externalContent","context","translate","createElement","className","microLearningIcon","timerIcon","microLearninglabel","textColor","color","contentTypeInfo","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","bool","string","CardTitle","title","empty","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","ariaLabel","checkIcon","authorIcon","iconShadow","darkAuthorTitle","ContentInfo","adaptiv","disabled","progress","badgeCategory","badgeLabel","theme","progressBarColor","inlineProgressValueStyle","backgroundColor","width","chapterContent","progressBar","_isNil","progressWrapper","hideProgressBar","role","_get","adaptiveIcon","height","infoWrapper","hero","card","progressBarDisabled","cardInfo","microLearningCardInfo","iconWrapper","category","label","number","oneOf","_keys","shape","progression","adaptive"],"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","PropTypes","classnames","NovaCompositionCoorpacademyAdaptive","AdaptivIcon","NovaSolidStatusCheckCircle2","CheckIcon","Provider","ContentBadge","Tag","COLORS","isExternalContent","ICONS_NAMES_MAP","style","MODES","HERO","CARD","THEMES","default","coorpmanager","ContentTypeInfo","mode","type","adaptiv","ariaLabel","isCourse","empty","theme","context","translate","getLabel","contentType","label","iconName","_getOr","createElement","className","contentTypeInfos","size","icon","adaptiveIcon","iconShadow","height","_get","contextTypes","skin","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","oneOf","_keys","CardTitle","title","courseContent","innerHTML","lightTitle","darkTitle","dangerouslySetInnerHTML","__html","AuthorName","author","certifiedAuthor","checkIcon","authorIcon","darkAuthorTitle","ContentInfo","disabled","progress","badgeCategory","badgeLabel","progressBarColor","cm_positive_500","inlineProgressValueStyle","backgroundColor","width","chapterContent","externalContent","progressBar","_isNil","progressWrapper","hideProgressBar","role","infoWrapper","hero","card","progressBarDisabled","standardContent","cardInfo","cardCourseTitle","iconWrapper","category","number","shape","progression","adaptive"],"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/es/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/es/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/es/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/es/molecule/external-content-button/style.css

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

package/es/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/es/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/es/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/es/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/es/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/es/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"}