@coorpacademy/components 11.9.2-alpha.1 → 11.9.2-alpha.4

package/es/atom/avatar/index.js

@@ -18,7 +18,6 @@ const Avatar = ({
   }))), /*#__PURE__*/React.createElement("div", {
     className: style.iconBubble
   }, /*#__PURE__*/React.createElement(BoltIcon, {
-    color: "#fff",
     className: style.icon
   })));
 };

package/es/atom/avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyBolt","BoltIcon","style","Avatar","url","container","circle","avatar","avatarImg","iconBubble","icon","propTypes","string","isRequired"],"sources":["../../../src/atom/avatar/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyBolt as BoltIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Avatar = ({url}) => {\n  return (\n    <div className={style.container}>\n      <div className={style.circle}>\n        <div className={style.avatar}>\n          <img className={style.avatarImg} src={url} />\n        </div>\n      </div>\n      <div className={style.iconBubble}>\n        <BoltIcon color=\"#fff\" className={style.icon} />\n      </div>\n    </div>\n  );\n};\n\nAvatar.propTypes = {\n  url: PropTypes.string.isRequired\n};\n\nexport default Avatar;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,+BAA+B,IAAIC,QAA3C,QAA0D,0BAA1D;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EACxB,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACG;EAAtB,gBACE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAtB,gBACE;IAAK,SAAS,EAAEL,KAAK,CAACM,SAAtB;IAAiC,GAAG,EAAEJ;EAAtC,EADF,CADF,CADF,eAME;IAAK,SAAS,EAAEF,KAAK,CAACO;EAAtB,gBACE,oBAAC,QAAD;IAAU,KAAK,EAAC,MAAhB;IAAuB,SAAS,EAAEP,KAAK,CAACQ;EAAxC,EADF,CANF,CADF;AAYD,CAbD;;AAeAP,MAAM,CAACQ,SAAP,2CAAmB;EACjBP,GAAG,EAAEL,SAAS,CAACa,MAAV,CAAiBC;AADL,CAAnB;AAIA,eAAeV,MAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyBolt","BoltIcon","style","Avatar","url","container","circle","avatar","avatarImg","iconBubble","icon","propTypes","string","isRequired"],"sources":["../../../src/atom/avatar/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyBolt as BoltIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Avatar = ({url}) => {\n  return (\n    <div className={style.container}>\n      <div className={style.circle}>\n        <div className={style.avatar}>\n          <img className={style.avatarImg} src={url} />\n        </div>\n      </div>\n      <div className={style.iconBubble}>\n        <BoltIcon className={style.icon} />\n      </div>\n    </div>\n  );\n};\n\nAvatar.propTypes = {\n  url: PropTypes.string.isRequired\n};\n\nexport default Avatar;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,+BAA+B,IAAIC,QAA3C,QAA0D,0BAA1D;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,MAAM,GAAG,CAAC;EAACC;AAAD,CAAD,KAAW;EACxB,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACG;EAAtB,gBACE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,gBACE;IAAK,SAAS,EAAEJ,KAAK,CAACK;EAAtB,gBACE;IAAK,SAAS,EAAEL,KAAK,CAACM,SAAtB;IAAiC,GAAG,EAAEJ;EAAtC,EADF,CADF,CADF,eAME;IAAK,SAAS,EAAEF,KAAK,CAACO;EAAtB,gBACE,oBAAC,QAAD;IAAU,SAAS,EAAEP,KAAK,CAACQ;EAA3B,EADF,CANF,CADF;AAYD,CAbD;;AAeAP,MAAM,CAACQ,SAAP,2CAAmB;EACjBP,GAAG,EAAEL,SAAS,CAACa,MAAV,CAAiBC;AADL,CAAnB;AAIA,eAAeV,MAAf"}

package/es/atom/avatar/style.css

@@ -48,4 +48,5 @@
 .icon {
   width: 20px;
   height: 20px;
+  color: "#fff";
 }

package/es/atom/card-image-preview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/card-image-preview/index.js"],"names":[],"mappings":";AAQA;;;;gBAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/card-image-preview/index.js"],"names":[],"mappings":";AAQA;;;;gBAiBC"}

package/es/atom/card-image-preview/index.js

@@ -14,7 +14,9 @@ const CardImagePreview = ({
 
   const emptyIcon = !image ? /*#__PURE__*/React.createElement(PicturesIcon, {
     className: style.emptyIcon,
-    color: whiteColor
+    style: {
+      color: whiteColor
+    }
   }) : null;
   return /*#__PURE__*/React.createElement("div", {
     className: style.image,

package/es/atom/card-image-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyPictures","PicturesIcon","Provider","style","CardImagePreview","image","skin","whiteColor","emptyIcon","backgroundImage","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../src/atom/card-image-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyPictures as PicturesIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\n\nimport style from './style.css';\n\nconst CardImagePreview = ({image}, {skin}) => {\n  const whiteColor = get('common.white', skin);\n  const emptyIcon = !image ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n\n  return (\n    <div\n      className={style.image}\n      style={{\n        backgroundImage: image ? `url('${image}')` : 'none'\n      }}\n      data-name=\"card-image-preview\"\n    >\n      {emptyIcon}\n    </div>\n  );\n};\n\nCardImagePreview.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardImagePreview.propTypes = {\n  image: PropTypes.string\n};\nexport default CardImagePreview;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,mCAAmC,IAAIC,YAA/C,QAAkE,0BAAlE;AACA,OAAOC,QAAP,MAAqB,aAArB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,EAAU;EAACC;AAAD,CAAV,KAAqB;EAC5C,MAAMC,UAAU,GAAG,KAAI,cAAJ,EAAoBD,IAApB,CAAnB;;EACA,MAAME,SAAS,GAAG,CAACH,KAAD,gBAAS,oBAAC,YAAD;IAAc,SAAS,EAAEF,KAAK,CAACK,SAA/B;IAA0C,KAAK,EAAED;EAAjD,EAAT,GAA2E,IAA7F;EAEA,oBACE;IACE,SAAS,EAAEJ,KAAK,CAACE,KADnB;IAEE,KAAK,EAAE;MACLI,eAAe,EAAEJ,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IADxC,CAFT;IAKE,aAAU;EALZ,GAOGG,SAPH,CADF;AAWD,CAfD;;AAiBAJ,gBAAgB,CAACM,YAAjB,GAAgC;EAC9BJ,IAAI,EAAEJ,QAAQ,CAACS,iBAAT,CAA2BL;AADH,CAAhC;AAIAF,gBAAgB,CAACQ,SAAjB,2CAA6B;EAC3BP,KAAK,EAAEN,SAAS,CAACc;AADU,CAA7B;AAGA,eAAeT,gBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyPictures","PicturesIcon","Provider","style","CardImagePreview","image","skin","whiteColor","emptyIcon","color","backgroundImage","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../src/atom/card-image-preview/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyPictures as PicturesIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\n\nimport style from './style.css';\n\nconst CardImagePreview = ({image}, {skin}) => {\n  const whiteColor = get('common.white', skin);\n  const emptyIcon = !image ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n\n  return (\n    <div\n      className={style.image}\n      style={{\n        backgroundImage: image ? `url('${image}')` : 'none'\n      }}\n      data-name=\"card-image-preview\"\n    >\n      {emptyIcon}\n    </div>\n  );\n};\n\nCardImagePreview.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardImagePreview.propTypes = {\n  image: PropTypes.string\n};\nexport default CardImagePreview;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,mCAAmC,IAAIC,YAA/C,QAAkE,0BAAlE;AACA,OAAOC,QAAP,MAAqB,aAArB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,EAAU;EAACC;AAAD,CAAV,KAAqB;EAC5C,MAAMC,UAAU,GAAG,KAAI,cAAJ,EAAoBD,IAApB,CAAnB;;EACA,MAAME,SAAS,GAAG,CAACH,KAAD,gBAChB,oBAAC,YAAD;IAAc,SAAS,EAAEF,KAAK,CAACK,SAA/B;IAA0C,KAAK,EAAE;MAACC,KAAK,EAAEF;IAAR;EAAjD,EADgB,GAEd,IAFJ;EAIA,oBACE;IACE,SAAS,EAAEJ,KAAK,CAACE,KADnB;IAEE,KAAK,EAAE;MACLK,eAAe,EAAEL,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IADxC,CAFT;IAKE,aAAU;EALZ,GAOGG,SAPH,CADF;AAWD,CAjBD;;AAmBAJ,gBAAgB,CAACO,YAAjB,GAAgC;EAC9BL,IAAI,EAAEJ,QAAQ,CAACU,iBAAT,CAA2BN;AADH,CAAhC;AAIAF,gBAAgB,CAACS,SAAjB,2CAA6B;EAC3BR,KAAK,EAAEN,SAAS,CAACe;AADU,CAA7B;AAGA,eAAeV,gBAAf"}

package/es/atom/difficulty-level/index.js

@@ -11,26 +11,22 @@ const Icon = ({
   switch (level) {
     case 1:
       return /*#__PURE__*/React.createElement(NovaCompositionCoorpacademyLevel1, {
-        className: style.icon,
-        color: "#fff"
+        className: style.icon
       });
 
     case 2:
       return /*#__PURE__*/React.createElement(NovaCompositionCoorpacademyLevel2, {
-        className: style.icon,
-        color: "#fff"
+        className: style.icon
       });
 
     case 3:
       return /*#__PURE__*/React.createElement(NovaCompositionCoorpacademyLevel3, {
-        className: style.icon,
-        color: "#fff"
+        className: style.icon
       });
 
     default:
       return /*#__PURE__*/React.createElement(NovaCompositionCoorpacademyLevel0, {
-        className: style.icon,
-        color: "#fff"
+        className: style.icon
       });
   }
 };

package/es/atom/difficulty-level/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","includes","NovaCompositionCoorpacademyLevel0","NovaCompositionCoorpacademyLevel1","NovaCompositionCoorpacademyLevel2","NovaCompositionCoorpacademyLevel3","style","Icon","level","icon","propTypes","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","easyContainer","normalContainer","hardContainer","text","string"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} color=\"#fff\" />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} color=\"#fff\" />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} color=\"#fff\" />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} color=\"#fff\" />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,SACEC,iCADF,EAEEC,iCAFF,EAGEC,iCAHF,EAIEC,iCAJF,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAT,CAAD,KAAiB;EAC5B,QAAQA,KAAR;IACE,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEF,KAAK,CAACG,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;;IACF;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG,IAApD;QAA0D,KAAK,EAAC;MAAhE,EAAP;EARJ;AAUD,CAXD;;AAaAF,IAAI,CAACG,SAAL,2CAAiB;EACfF,KAAK,EAAET,SAAS,CAACY,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;EAACJ,KAAD;EAAQK;AAAR,CAAD,kBACtB;EAAK,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;EACE,SAAS,EAAEd,UAAU,CAAC;IACpB,CAACM,KAAK,CAACS,gBAAP,GAA0B,CAACd,QAAQ,CAACO,KAAD,EAAQ,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAR,CADf;IAEpB,CAACF,KAAK,CAACU,aAAP,GAAuBR,KAAK,KAAK,CAFb;IAGpB,CAACF,KAAK,CAACW,eAAP,GAAyBT,KAAK,KAAK,CAHf;IAIpB,CAACF,KAAK,CAACY,aAAP,GAAuBV,KAAK,KAAK;EAJb,CAAD;AADvB,gBAQE,oBAAC,IAAD;EAAM,KAAK,EAAEA;AAAb,EARF,eASE;EAAM,SAAS,EAAEF,KAAK,CAACa;AAAvB,GAA8BN,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACF,SAAhB,2CAA4B;EAC1BF,KAAK,EAAED,IAAI,CAACG,SAAL,CAAeF,KADI;EAE1BK,QAAQ,EAAEd,SAAS,CAACqB;AAFM,CAA5B;AAKA,eAAeR,eAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","includes","NovaCompositionCoorpacademyLevel0","NovaCompositionCoorpacademyLevel1","NovaCompositionCoorpacademyLevel2","NovaCompositionCoorpacademyLevel3","style","Icon","level","icon","propTypes","oneOf","DifficultyLevel","children","inlineContainer","unknownContainer","easyContainer","normalContainer","hardContainer","text","string"],"sources":["../../../src/atom/difficulty-level/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyLevel0,\n  NovaCompositionCoorpacademyLevel1,\n  NovaCompositionCoorpacademyLevel2,\n  NovaCompositionCoorpacademyLevel3\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst Icon = ({level = 0}) => {\n  switch (level) {\n    case 1:\n      return <NovaCompositionCoorpacademyLevel1 className={style.icon} />;\n    case 2:\n      return <NovaCompositionCoorpacademyLevel2 className={style.icon} />;\n    case 3:\n      return <NovaCompositionCoorpacademyLevel3 className={style.icon} />;\n    default:\n      return <NovaCompositionCoorpacademyLevel0 className={style.icon} />;\n  }\n};\n\nIcon.propTypes = {\n  level: PropTypes.oneOf([1, 2, 3])\n};\n\nconst DifficultyLevel = ({level, children}) => (\n  <div className={style.inlineContainer}>\n    <div\n      className={classnames({\n        [style.unknownContainer]: !includes(level, [1, 2, 3]),\n        [style.easyContainer]: level === 1,\n        [style.normalContainer]: level === 2,\n        [style.hardContainer]: level === 3\n      })}\n    >\n      <Icon level={level} />\n      <span className={style.text}>{children}</span>\n    </div>\n  </div>\n);\n\nDifficultyLevel.propTypes = {\n  level: Icon.propTypes.level,\n  children: PropTypes.string\n};\n\nexport default DifficultyLevel;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,SACEC,iCADF,EAEEC,iCAFF,EAGEC,iCAHF,EAIEC,iCAJF,QAKO,0BALP;AAMA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAAC;EAACC,KAAK,GAAG;AAAT,CAAD,KAAiB;EAC5B,QAAQA,KAAR;IACE,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEF,KAAK,CAACG;MAApD,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG;MAApD,EAAP;;IACF,KAAK,CAAL;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG;MAApD,EAAP;;IACF;MACE,oBAAO,oBAAC,iCAAD;QAAmC,SAAS,EAAEH,KAAK,CAACG;MAApD,EAAP;EARJ;AAUD,CAXD;;AAaAF,IAAI,CAACG,SAAL,2CAAiB;EACfF,KAAK,EAAET,SAAS,CAACY,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAhB;AADQ,CAAjB;;AAIA,MAAMC,eAAe,GAAG,CAAC;EAACJ,KAAD;EAAQK;AAAR,CAAD,kBACtB;EAAK,SAAS,EAAEP,KAAK,CAACQ;AAAtB,gBACE;EACE,SAAS,EAAEd,UAAU,CAAC;IACpB,CAACM,KAAK,CAACS,gBAAP,GAA0B,CAACd,QAAQ,CAACO,KAAD,EAAQ,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAR,CADf;IAEpB,CAACF,KAAK,CAACU,aAAP,GAAuBR,KAAK,KAAK,CAFb;IAGpB,CAACF,KAAK,CAACW,eAAP,GAAyBT,KAAK,KAAK,CAHf;IAIpB,CAACF,KAAK,CAACY,aAAP,GAAuBV,KAAK,KAAK;EAJb,CAAD;AADvB,gBAQE,oBAAC,IAAD;EAAM,KAAK,EAAEA;AAAb,EARF,eASE;EAAM,SAAS,EAAEF,KAAK,CAACa;AAAvB,GAA8BN,QAA9B,CATF,CADF,CADF;;AAgBAD,eAAe,CAACF,SAAhB,2CAA4B;EAC1BF,KAAK,EAAED,IAAI,CAACG,SAAL,CAAeF,KADI;EAE1BK,QAAQ,EAAEd,SAAS,CAACqB;AAFM,CAA5B;AAKA,eAAeR,eAAf"}

package/es/atom/difficulty-level/style.css

@@ -8,6 +8,7 @@
 .icon {
   width: 18px;
   height: 15px;
+  color: "#fff";
 }
 
 .text {

package/es/atom/input-html/index.js

@@ -69,10 +69,14 @@ class InputHtml extends React.Component {
     } = this.state;
     const className = error ? style.error : style.default;
     const iconContent = !preview ? /*#__PURE__*/React.createElement(PreviewIcon, {
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       height: 16
     }) : /*#__PURE__*/React.createElement(PencilIcon, {
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       height: 16
     });
     return /*#__PURE__*/React.createElement("div", {

package/es/atom/input-html/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaLineBusinessCircleView","PreviewIcon","NovaLineContentEditionPencil2","PencilIcon","InputPreview","style","InputHtml","Component","getDerivedStateFromProps","props","state","value","text","preview","constructor","context","handleChange","bind","handlePreview","e","onChange","target","setState","preventDefault","render","skin","mediumColor","title","placeholder","error","description","disabled","className","default","iconContent","contentWrapper","input","toggle","propTypes","string","bool","func"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, isUndefined} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nclass InputHtml extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    placeholder: PropTypes.string,\n    disabled: PropTypes.bool,\n    value: PropTypes.string,\n    error: PropTypes.string,\n    onChange: PropTypes.func,\n    description: PropTypes.string\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {value} = props;\n\n    if (isUndefined(value)) return null;\n\n    return {\n      text: value,\n      preview: state.preview\n    };\n  }\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      text: getOr('', 'value', props),\n      preview: true\n    };\n    this.handleChange = this.handleChange.bind(this);\n    this.handlePreview = this.handlePreview.bind(this);\n  }\n\n  handleChange(e) {\n    const {onChange = noop} = this.props;\n    const value = e.target.value;\n    this.setState(state => ({\n      text: value,\n      preview: state.preview\n    }));\n    onChange(value);\n  }\n\n  handlePreview(e) {\n    e.preventDefault();\n    this.setState(state => ({\n      text: state.text,\n      preview: !state.preview\n    }));\n  }\n\n  render() {\n    const {skin} = this.context;\n    const mediumColor = getOr('#999999', 'common.medium', skin);\n\n    const {title, placeholder, error, description, disabled} = this.props;\n    const {text, preview} = this.state;\n\n    const className = error ? style.error : style.default;\n    const iconContent = !preview ? (\n      <PreviewIcon color={mediumColor} height={16} />\n    ) : (\n      <PencilIcon color={mediumColor} height={16} />\n    );\n    return (\n      <div className={className}>\n        <label>\n          <span className={style.title}>{`${title} `}</span>\n          <div className={style.contentWrapper}>\n            <InputPreview\n              title={title}\n              text={text}\n              placeholder={placeholder}\n              onChange={this.handleChange}\n              disabled={disabled}\n              preview={preview}\n              className={style.input}\n            />\n          </div>\n          <span className={style.toggle} onClick={this.handlePreview}>\n            {iconContent}\n          </span>\n        </label>\n        <div className={style.description}>{description}</div>\n      </div>\n    );\n  }\n}\nexport default InputHtml;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaLineBusinessCircleView","PreviewIcon","NovaLineContentEditionPencil2","PencilIcon","InputPreview","style","InputHtml","Component","getDerivedStateFromProps","props","state","value","text","preview","constructor","context","handleChange","bind","handlePreview","e","onChange","target","setState","preventDefault","render","skin","mediumColor","title","placeholder","error","description","disabled","className","default","iconContent","color","contentWrapper","input","toggle","propTypes","string","bool","func"],"sources":["../../../src/atom/input-html/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, getOr, isUndefined} from 'lodash/fp';\nimport {\n  NovaLineBusinessCircleView as PreviewIcon,\n  NovaLineContentEditionPencil2 as PencilIcon\n} from '@coorpacademy/nova-icons';\nimport InputPreview from './input-preview';\nimport style from './style.css';\n\nclass InputHtml extends React.Component {\n  static propTypes = {\n    title: PropTypes.string,\n    placeholder: PropTypes.string,\n    disabled: PropTypes.bool,\n    value: PropTypes.string,\n    error: PropTypes.string,\n    onChange: PropTypes.func,\n    description: PropTypes.string\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {value} = props;\n\n    if (isUndefined(value)) return null;\n\n    return {\n      text: value,\n      preview: state.preview\n    };\n  }\n\n  constructor(props, context) {\n    super(props);\n    this.state = {\n      text: getOr('', 'value', props),\n      preview: true\n    };\n    this.handleChange = this.handleChange.bind(this);\n    this.handlePreview = this.handlePreview.bind(this);\n  }\n\n  handleChange(e) {\n    const {onChange = noop} = this.props;\n    const value = e.target.value;\n    this.setState(state => ({\n      text: value,\n      preview: state.preview\n    }));\n    onChange(value);\n  }\n\n  handlePreview(e) {\n    e.preventDefault();\n    this.setState(state => ({\n      text: state.text,\n      preview: !state.preview\n    }));\n  }\n\n  render() {\n    const {skin} = this.context;\n    const mediumColor = getOr('#999999', 'common.medium', skin);\n\n    const {title, placeholder, error, description, disabled} = this.props;\n    const {text, preview} = this.state;\n\n    const className = error ? style.error : style.default;\n    const iconContent = !preview ? (\n      <PreviewIcon style={{color: mediumColor}} height={16} />\n    ) : (\n      <PencilIcon style={{color: mediumColor}} height={16} />\n    );\n    return (\n      <div className={className}>\n        <label>\n          <span className={style.title}>{`${title} `}</span>\n          <div className={style.contentWrapper}>\n            <InputPreview\n              title={title}\n              text={text}\n              placeholder={placeholder}\n              onChange={this.handleChange}\n              disabled={disabled}\n              preview={preview}\n              className={style.input}\n            />\n          </div>\n          <span className={style.toggle} onClick={this.handlePreview}>\n            {iconContent}\n          </span>\n        </label>\n        <div className={style.description}>{description}</div>\n      </div>\n    );\n  }\n}\nexport default InputHtml;\n"],"mappings":"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"}

package/es/atom/life/index.js

@@ -76,13 +76,19 @@ const Life = (props, context) => {
     style: heartCustomStyle
   }, /*#__PURE__*/React.createElement(HeartIconOutline, {
     className: cssStyle.heartOutline,
-    color: white
+    style: {
+      color: white
+    }
   }), /*#__PURE__*/React.createElement(HeartIcon, {
     className: pickStyle(cssStyle.heartNormalDefault, cssStyle.heartNormalFailed, cssStyle.heartNormalAnimatedFailed, cssStyle.heartNormalRevival),
-    color: negativeColor
+    style: {
+      color: negativeColor
+    }
   }), /*#__PURE__*/React.createElement(HeartBrokenIcon, {
     className: pickStyle(cssStyle.heartBrokenDefault, cssStyle.heartBrokenFailed, cssStyle.heartBrokenAnimatedFailed, cssStyle.heartBrokenRevival),
-    color: negativeColor
+    style: {
+      color: negativeColor
+    }
   })));
 };
 

package/es/atom/life/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyBrokenHeart","HeartBrokenIcon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIconOutline","Provider","cssStyle","MODES","default","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","childContextTypes","propTypes","bool","shape","oneOf","string","number"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.default,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} color={white} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          color={negativeColor}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          color={negativeColor}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyBrokenHeart","HeartBrokenIcon","NovaCompositionCoorpacademyVoteHeartOutline","HeartIconOutline","Provider","cssStyle","MODES","default","small","BOUNCES","bounce","bounceTwice","bounceAndPause","Life","props","context","skin","heartOnRight","animated","count","failed","mode","operator","revival","className","style","customStyle","negativeColor","white","pickStyle","successStyle","failedStyle","animatedFailedStyle","revivalStyle","heartWrapper","heartWrapperFailed","heartWrapperDefault","bounceClass","type","heartCustomStyle","animationDelay","delay","animationDuration","duration","left","countStyle","livesCounterFailed","livesCounterDefault","livesCounterWrapper","previousLivesCounterDefault","previousLivesCounterFailed","previousLivesRevival","operatorWrapper","heartOutline","color","heartNormalDefault","heartNormalFailed","heartNormalAnimatedFailed","heartNormalRevival","heartBrokenDefault","heartBrokenFailed","heartBrokenAnimatedFailed","heartBrokenRevival","contextTypes","childContextTypes","propTypes","bool","shape","oneOf","string","number"],"sources":["../../../src/atom/life/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyBrokenHeart as HeartBrokenIcon,\n  NovaCompositionCoorpacademyVoteHeartOutline as HeartIconOutline\n} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport cssStyle from './style.css';\n\nconst MODES = {\n  default: cssStyle.default,\n  small: cssStyle.small\n};\n\nconst BOUNCES = {\n  bounce: cssStyle.bounce,\n  bounceTwice: cssStyle.bounceTwice,\n  bounceAndPause: cssStyle.bounceAndPause\n};\n\nconst Life = (props, context) => {\n  const {skin} = context;\n  const {\n    bounce = null,\n    heartOnRight = false,\n    animated = false,\n    count = 3,\n    failed = false,\n    mode = 'default',\n    operator = 'x',\n    revival,\n    className,\n    style: customStyle\n  } = props;\n  const negativeColor = get('common.negative', skin);\n  const white = get('common.white', skin);\n\n  if (count === null) {\n    return null;\n  }\n\n  const pickStyle = (successStyle, failedStyle, animatedFailedStyle, revivalStyle) => {\n    if (revival) return revivalStyle;\n    if (failed && animated) return animatedFailedStyle;\n    if (failed) return failedStyle;\n    return successStyle;\n  };\n\n  const heartWrapper =\n    failed && animated ? cssStyle.heartWrapperFailed : cssStyle.heartWrapperDefault;\n  const bounceClass = bounce ? BOUNCES[bounce.type] : null;\n  const heartCustomStyle = {\n    animationDelay: bounce && bounce.delay,\n    animationDuration: bounce && bounce.duration,\n    left: heartOnRight && '70px'\n  };\n\n  const countStyle = failed ? cssStyle.livesCounterFailed : cssStyle.livesCounterDefault;\n\n  return (\n    <div data-name=\"life\" className={classnames(MODES[mode], className)} style={customStyle}>\n      <div className={cssStyle.livesCounterWrapper}>\n        <div\n          className={pickStyle(\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterDefault,\n            cssStyle.previousLivesCounterFailed,\n            cssStyle.previousLivesRevival\n          )}\n        >\n          {count + 1}\n        </div>\n        <div data-name=\"counter\" className={countStyle}>\n          {count}\n        </div>\n      </div>\n      <div className={cssStyle.operatorWrapper}>\n        <span className={cssStyle.operator}>{operator}</span>\n      </div>\n      <div className={classnames(heartWrapper, bounceClass)} style={heartCustomStyle}>\n        <HeartIconOutline className={cssStyle.heartOutline} style={{color: white}} />\n        <HeartIcon\n          className={pickStyle(\n            cssStyle.heartNormalDefault,\n            cssStyle.heartNormalFailed,\n            cssStyle.heartNormalAnimatedFailed,\n            cssStyle.heartNormalRevival\n          )}\n          style={{color: negativeColor}}\n        />\n        <HeartBrokenIcon\n          className={pickStyle(\n            cssStyle.heartBrokenDefault,\n            cssStyle.heartBrokenFailed,\n            cssStyle.heartBrokenAnimatedFailed,\n            cssStyle.heartBrokenRevival\n          )}\n          style={{color: negativeColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nLife.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nLife.propTypes = {\n  revival: PropTypes.bool,\n  animated: PropTypes.bool,\n  bounce: PropTypes.shape({\n    type: PropTypes.oneOf(['bounce', 'bounceTwice', 'bounceAndPause']),\n    delay: PropTypes.string\n  }),\n  heartOnRight: PropTypes.bool,\n  mode: PropTypes.oneOf(keys(MODES)),\n  count: PropTypes.number,\n  failed: PropTypes.bool,\n  className: PropTypes.string,\n  operator: PropTypes.string,\n  style: PropTypes.shape({})\n};\n\nexport default Life;\n"],"mappings":"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"}

package/es/atom/resource-miniature/index.js

@@ -55,7 +55,9 @@ const ResourceMiniature = (props, context) => {
       backgroundImage: `url(${poster})`
     }
   }), !selected ? /*#__PURE__*/React.createElement(Icon, {
-    color: white,
+    style: {
+      color: white
+    },
     className: style.icon
   }) : null), /*#__PURE__*/React.createElement("div", {
     className: classnames(descriptionClassName, style.innerHTML) // eslint-disable-next-line react/no-danger

package/es/atom/resource-miniature/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidAudioAudioControlPlay","PlayIcon","NovaLineFilesOfficeFileOfficePdf","PDFIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","classnames","Provider","style","TYPES","pdf","icon","audio","video","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","innerHTML","__html","propTypes","oneOf","bool","string","func","contextTypes","childContextTypes"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon color={white} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,8BAA8B,IAAIC,QADpC,EAEEC,gCAAgC,IAAIC,OAFtC,EAGEC,qCAAqC,IAAIC,WAH3C,QAIO,0BAJP;AAKA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZC,GAAG,EAAE;IAACF,KAAK,EAAEA,KAAK,CAACE,GAAd;IAAmBC,IAAI,EAAER;EAAzB,CADO;EAEZS,KAAK,EAAE;IAACJ,KAAK,EAAEA,KAAK,CAACI,KAAd;IAAqBD,IAAI,EAAEN;EAA3B,CAFK;EAGZQ,KAAK,EAAE;IAACL,KAAK,EAAEA,KAAK,CAACK,KAAd;IAAqBF,IAAI,EAAEV;EAA3B;AAHK,CAAd;;AAMA,MAAMa,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC5C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,IAAD;IAAOC,WAAP;IAAoBC,MAApB;IAA4BC,OAAO,EAAEC,aAArC;IAAoDC,QAAQ,GAAG;EAA/D,IAAwER,KAA9E;EACA,MAAMS,oBAAoB,GAAGD,QAAQ,GAAGf,KAAK,CAACiB,mBAAT,GAA+BjB,KAAK,CAACW,WAA1E;;EACA,MAAMO,KAAK,GAAG,KAAI,cAAJ,EAAoBT,IAApB,CAAd;;EACA,MAAMU,OAAO,GAAG,KAAI,gBAAJ,EAAsBV,IAAtB,CAAhB;;EACA,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAH,GAAaD,KAAhD;EACA,MAAMG,IAAI,GAAGpB,KAAK,CAACS,IAAD,CAAL,CAAYP,IAAzB;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACS,IAAD,CAAL,CAAYV,KAA5B;IAAmC,OAAO,EAAEc,aAA5C;IAA2D,aAAWJ;EAAtE,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACsB,aAAtB;IAAqC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAd;EAA5C,gBACE;IAAK,SAAS,EAAEpB,KAAK,CAACY,MAAtB;IAA8B,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAhC;EAArC,EADF,EAEG,CAACG,QAAD,gBAAY,oBAAC,IAAD;IAAM,KAAK,EAAEG,KAAb;IAAoB,SAAS,EAAElB,KAAK,CAACG;EAArC,EAAZ,GAA4D,IAF/D,CADF,eAKE;IACE,SAAS,EAAEL,UAAU,CAACkB,oBAAD,EAAuBhB,KAAK,CAACyB,SAA7B,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEf;IAAT;EAH3B,EALF,CADF;AAaD,CArBD;;AAuBAL,iBAAiB,CAACqB,SAAlB,2CAA8B;EAC5BjB,IAAI,EAAEnB,SAAS,CAACqC,KAAV,CAAgB,MAAK3B,KAAL,CAAhB,CADsB;EAE5Bc,QAAQ,EAAExB,SAAS,CAACsC,IAFQ;EAG5BlB,WAAW,EAAEpB,SAAS,CAACuC,MAHK;EAI5BlB,MAAM,EAAErB,SAAS,CAACuC,MAJU;EAK5BjB,OAAO,EAAEtB,SAAS,CAACwC;AALS,CAA9B;AAQAzB,iBAAiB,CAAC0B,YAAlB,GAAiC;EAC/BvB,IAAI,EAAEV,QAAQ,CAACkC,iBAAT,CAA2BxB;AADF,CAAjC;AAIA,eAAeH,iBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaSolidAudioAudioControlPlay","PlayIcon","NovaLineFilesOfficeFileOfficePdf","PDFIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","classnames","Provider","style","TYPES","pdf","icon","audio","video","ResourceMiniature","props","context","skin","type","description","poster","onClick","handleOnClick","selected","descriptionClassName","selectedDescription","white","primary","posterOutlineColor","Icon","posterWrapper","borderColor","backgroundImage","color","innerHTML","__html","propTypes","oneOf","bool","string","func","contextTypes","childContextTypes"],"sources":["../../../src/atom/resource-miniature/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaSolidAudioAudioControlPlay as PlayIcon,\n  NovaLineFilesOfficeFileOfficePdf as PDFIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Provider from '../provider';\nimport style from './style.css';\n\nconst TYPES = {\n  pdf: {style: style.pdf, icon: PDFIcon},\n  audio: {style: style.audio, icon: PodcastIcon},\n  video: {style: style.video, icon: PlayIcon}\n};\n\nconst ResourceMiniature = (props, context) => {\n  const {skin} = context;\n  const {type, description, poster, onClick: handleOnClick, selected = false} = props;\n  const descriptionClassName = selected ? style.selectedDescription : style.description;\n  const white = get('common.white', skin);\n  const primary = get('common.primary', skin);\n  const posterOutlineColor = selected ? primary : white;\n  const Icon = TYPES[type].icon;\n  return (\n    <div className={TYPES[type].style} onClick={handleOnClick} data-type={type}>\n      <div className={style.posterWrapper} style={{borderColor: posterOutlineColor}}>\n        <div className={style.poster} style={{backgroundImage: `url(${poster})`}} />\n        {!selected ? <Icon style={{color: white}} className={style.icon} /> : null}\n      </div>\n      <div\n        className={classnames(descriptionClassName, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: description}}\n      />\n    </div>\n  );\n};\n\nResourceMiniature.propTypes = {\n  type: PropTypes.oneOf(keys(TYPES)),\n  selected: PropTypes.bool,\n  description: PropTypes.string,\n  poster: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nResourceMiniature.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default ResourceMiniature;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,8BAA8B,IAAIC,QADpC,EAEEC,gCAAgC,IAAIC,OAFtC,EAGEC,qCAAqC,IAAIC,WAH3C,QAIO,0BAJP;AAKA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,KAAK,GAAG;EACZC,GAAG,EAAE;IAACF,KAAK,EAAEA,KAAK,CAACE,GAAd;IAAmBC,IAAI,EAAER;EAAzB,CADO;EAEZS,KAAK,EAAE;IAACJ,KAAK,EAAEA,KAAK,CAACI,KAAd;IAAqBD,IAAI,EAAEN;EAA3B,CAFK;EAGZQ,KAAK,EAAE;IAACL,KAAK,EAAEA,KAAK,CAACK,KAAd;IAAqBF,IAAI,EAAEV;EAA3B;AAHK,CAAd;;AAMA,MAAMa,iBAAiB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC5C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,IAAD;IAAOC,WAAP;IAAoBC,MAApB;IAA4BC,OAAO,EAAEC,aAArC;IAAoDC,QAAQ,GAAG;EAA/D,IAAwER,KAA9E;EACA,MAAMS,oBAAoB,GAAGD,QAAQ,GAAGf,KAAK,CAACiB,mBAAT,GAA+BjB,KAAK,CAACW,WAA1E;;EACA,MAAMO,KAAK,GAAG,KAAI,cAAJ,EAAoBT,IAApB,CAAd;;EACA,MAAMU,OAAO,GAAG,KAAI,gBAAJ,EAAsBV,IAAtB,CAAhB;;EACA,MAAMW,kBAAkB,GAAGL,QAAQ,GAAGI,OAAH,GAAaD,KAAhD;EACA,MAAMG,IAAI,GAAGpB,KAAK,CAACS,IAAD,CAAL,CAAYP,IAAzB;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACS,IAAD,CAAL,CAAYV,KAA5B;IAAmC,OAAO,EAAEc,aAA5C;IAA2D,aAAWJ;EAAtE,gBACE;IAAK,SAAS,EAAEV,KAAK,CAACsB,aAAtB;IAAqC,KAAK,EAAE;MAACC,WAAW,EAAEH;IAAd;EAA5C,gBACE;IAAK,SAAS,EAAEpB,KAAK,CAACY,MAAtB;IAA8B,KAAK,EAAE;MAACY,eAAe,EAAG,OAAMZ,MAAO;IAAhC;EAArC,EADF,EAEG,CAACG,QAAD,gBAAY,oBAAC,IAAD;IAAM,KAAK,EAAE;MAACU,KAAK,EAAEP;IAAR,CAAb;IAA6B,SAAS,EAAElB,KAAK,CAACG;EAA9C,EAAZ,GAAqE,IAFxE,CADF,eAKE;IACE,SAAS,EAAEL,UAAU,CAACkB,oBAAD,EAAuBhB,KAAK,CAAC0B,SAA7B,CADvB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAH3B,EALF,CADF;AAaD,CArBD;;AAuBAL,iBAAiB,CAACsB,SAAlB,2CAA8B;EAC5BlB,IAAI,EAAEnB,SAAS,CAACsC,KAAV,CAAgB,MAAK5B,KAAL,CAAhB,CADsB;EAE5Bc,QAAQ,EAAExB,SAAS,CAACuC,IAFQ;EAG5BnB,WAAW,EAAEpB,SAAS,CAACwC,MAHK;EAI5BnB,MAAM,EAAErB,SAAS,CAACwC,MAJU;EAK5BlB,OAAO,EAAEtB,SAAS,CAACyC;AALS,CAA9B;AAQA1B,iBAAiB,CAAC2B,YAAlB,GAAiC;EAC/BxB,IAAI,EAAEV,QAAQ,CAACmC,iBAAT,CAA2BzB;AADF,CAAjC;AAIA,eAAeH,iBAAf"}

package/es/atom/review-presentation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AA+CA,6DA+BC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.js"],"names":[],"mappings":";AAyGA,6DA+BC"}

package/es/atom/review-presentation/index.js

@@ -1,9 +1,10 @@
-import React from 'react';
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import getOr from 'lodash/fp/getOr';
 import map from 'lodash/fp/map';
-import { NovaSolidStatusCheckCircle2 as CheckIcon, NovaSolidVoteRewardsVoteHeart as HeartIcon, NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon, NovaLineSelectionCursorsCursorArrowTarget as TargetIcon } from '@coorpacademy/nova-icons';
-import ToolTip from '../tooltip';
+import { NovaSolidStatusCheckCircle2 as CheckIcon, NovaSolidVoteRewardsVoteHeart as HeartIcon, NovaCompositionCoorpacademyInformationIcon as InformationIcon, NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon, NovaLineSelectionCursorsCursorArrowTarget as TargetIcon } from '@coorpacademy/nova-icons';
 import style from './style.css';
 import propTypes from './prop-types';
 const ICONS = {
@@ -30,6 +31,50 @@ const ReviewIcon = ({
   });
 };
 
+const ToolTip = ({
+  tooltipText,
+  'aria-label': moreDetailsAriaLabel,
+  'data-testid': dataTestId,
+  closeToolTipInformationTextAriaLabel
+}) => {
+  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);
+  const handleKeyPress = useCallback(event => {
+    if (event.key === 'Enter') {
+      setToolTipIsVisible(!toolTipIsVisible);
+    } else if (event.key === 'Tab' || event.key === 'Escape') {
+      setToolTipIsVisible(false);
+    }
+  }, [setToolTipIsVisible, toolTipIsVisible]);
+  const handleMouseOver = useCallback(() => {
+    setToolTipIsVisible(true);
+  }, [setToolTipIsVisible]);
+  const handleMouseLeave = useCallback(() => {
+    setToolTipIsVisible(false);
+  }, [setToolTipIsVisible]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.tooltipContainer,
+    onMouseLeave: handleMouseLeave,
+    onMouseOver: handleMouseOver
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: style.tooltipIconContainer,
+    "data-testid": dataTestId,
+    onKeyDown: handleKeyPress,
+    tabIndex: 0
+  }, /*#__PURE__*/React.createElement(InformationIcon, {
+    className: style.informationIcon,
+    width: 12,
+    height: 12,
+    "aria-label": moreDetailsAriaLabel
+  })), toolTipIsVisible ? /*#__PURE__*/React.createElement("div", {
+    className: style.toolTip,
+    "data-testid": "review-presentation-tooltip",
+    "aria-label": closeToolTipInformationTextAriaLabel
+  }, /*#__PURE__*/React.createElement("p", {
+    className: style.tooltipText
+  }, tooltipText)) : null);
+};
+
 const ReviewListItemWrapper = ({
   iconKey,
   label
@@ -44,10 +89,10 @@ const ReviewListItemWrapper = ({
   }, /*#__PURE__*/React.createElement(ReviewIcon, {
     icon: iconKey
   }), " ", label.text), /*#__PURE__*/React.createElement(ToolTip, {
-    TooltipContent: label.tooltipText,
+    tooltipText: label.tooltipText,
+    "aria-label": label.moreDetailsAriaLabel,
     closeToolTipInformationTextAriaLabel: label.closeToolTipInformationTextAriaLabel,
-    "data-testid": `review-list-item-tooltip-button-${iconKey}`,
-    "aria-label": label.moreDetailsAriaLabel
+    "data-testid": `review-list-item-tooltip-button-${iconKey}`
   }));
 };
 
@@ -90,18 +135,23 @@ const ReviewPresentation = props => {
   }, labelsList)));
 };
 
+ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
+  tooltipText: PropTypes.string,
+  'aria-label': PropTypes.string,
+  'data-testid': PropTypes.string,
+  closeToolTipInformationTextAriaLabel: PropTypes.string
+} : {};
 ReviewIcon.propTypes = process.env.NODE_ENV !== "production" ? {
   icon: PropTypes.string
 } : {};
-ReviewListItemWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
+ReviewListItemWrapper.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, ToolTip.propTypes, {
   iconKey: PropTypes.string,
   label: PropTypes.shape({
-    tooltipText: ToolTip.propTypes.tooltipText,
-    moreDetailsAriaLabel: ToolTip.propTypes['aria-label'],
-    closeToolTipInformationTextAriaLabel: ToolTip.propTypes.closeToolTipInformationTextAriaLabel,
-    text: PropTypes.string
+    tooltipText: PropTypes.string,
+    moreDetailsAriaLabel: PropTypes.string,
+    closeToolTipInformationTextAriaLabel: PropTypes.string
   })
-} : {};
+}) : {};
 ReviewPresentation.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewPresentation;
 //# sourceMappingURL=index.js.map

package/es/atom/review-presentation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","getOr","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","ToolTip","style","propTypes","ICONS","skills","questions","lifes","allright","ReviewIcon","icon","Icon","labelIcon","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","tooltipText","closeToolTipInformationTextAriaLabel","moreDetailsAriaLabel","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","key","reviewList","string","shape"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport ToolTip from '../tooltip';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  /* istanbul ignore next */\n  if (!Icon) {\n    return <div className={style.labelIcon} />;\n  }\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n  return (\n    <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n      <div className={style.reviewListText}>\n        <ReviewIcon icon={iconKey} /> {label.text}\n      </div>\n      <ToolTip\n        TooltipContent={label.tooltipText}\n        closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n        data-testid={`review-list-item-tooltip-button-${iconKey}`}\n        aria-label={label.moreDetailsAriaLabel}\n      />\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <ReviewListItemWrapper\n                iconKey={key}\n                label={label}\n                tooltipText={label.tooltipText}\n                aria-label={label.moreDetailsAriaLabel}\n              />\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nReviewIcon.propTypes = {\n  icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n  iconKey: PropTypes.string,\n  label: PropTypes.shape({\n    tooltipText: ToolTip.propTypes.tooltipText,\n    moreDetailsAriaLabel: ToolTip.propTypes['aria-label'],\n    closeToolTipInformationTextAriaLabel: ToolTip.propTypes.closeToolTipInformationTextAriaLabel,\n    text: PropTypes.string\n  })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","getOr","map","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidVoteRewardsVoteHeart","HeartIcon","NovaCompositionCoorpacademyInformationIcon","InformationIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","style","propTypes","ICONS","skills","questions","lifes","allright","ReviewIcon","icon","Icon","labelIcon","ToolTip","tooltipText","moreDetailsAriaLabel","dataTestId","closeToolTipInformationTextAriaLabel","toolTipIsVisible","setToolTipIsVisible","handleKeyPress","event","key","handleMouseOver","handleMouseLeave","tooltipContainer","tooltipIconContainer","informationIcon","toolTip","ReviewListItemWrapper","iconKey","label","reviewListItemWrapper","reviewListText","text","ReviewPresentation","props","ariaLabel","reviewTitle","reviewText","labelsList","reviewWrapper","__html","reviewListWrapper","convert","cap","reviewList","string","shape"],"sources":["../../../src/atom/review-presentation/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport map from 'lodash/fp/map';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidVoteRewardsVoteHeart as HeartIcon,\n  NovaCompositionCoorpacademyInformationIcon as InformationIcon,\n  NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon,\n  NovaLineSelectionCursorsCursorArrowTarget as TargetIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ICONS = {\n  skills: TargetIcon,\n  questions: QuestionIcon,\n  lifes: HeartIcon,\n  allright: CheckIcon\n};\n\nconst ReviewIcon = ({icon}) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  /* istanbul ignore next */\n  if (!Icon) {\n    return <div className={style.labelIcon} />;\n  }\n  return <Icon className={style.labelIcon} />;\n};\n\nconst ToolTip = ({\n  tooltipText,\n  'aria-label': moreDetailsAriaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel\n}) => {\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const handleKeyPress = useCallback(\n    event => {\n      if (event.key === 'Enter') {\n        setToolTipIsVisible(!toolTipIsVisible);\n      } else if (event.key === 'Tab' || event.key === 'Escape') {\n        setToolTipIsVisible(false);\n      }\n    },\n    [setToolTipIsVisible, toolTipIsVisible]\n  );\n  const handleMouseOver = useCallback(() => {\n    setToolTipIsVisible(true);\n  }, [setToolTipIsVisible]);\n\n  const handleMouseLeave = useCallback(() => {\n    setToolTipIsVisible(false);\n  }, [setToolTipIsVisible]);\n\n  return (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={style.tooltipIconContainer}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyPress}\n        tabIndex={0}\n      >\n        <InformationIcon\n          className={style.informationIcon}\n          width={12}\n          height={12}\n          aria-label={moreDetailsAriaLabel}\n        />\n      </button>\n      {toolTipIsVisible ? (\n        <div\n          className={style.toolTip}\n          data-testid=\"review-presentation-tooltip\"\n          aria-label={closeToolTipInformationTextAriaLabel}\n        >\n          <p className={style.tooltipText}>{tooltipText}</p>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nconst ReviewListItemWrapper = ({iconKey, label}) => {\n  return (\n    <div className={style.reviewListItemWrapper} data-tip data-for=\"reviewListItem\" tabIndex={0}>\n      <div className={style.reviewListText}>\n        <ReviewIcon icon={iconKey} /> {label.text}\n      </div>\n      <ToolTip\n        tooltipText={label.tooltipText}\n        aria-label={label.moreDetailsAriaLabel}\n        closeToolTipInformationTextAriaLabel={label.closeToolTipInformationTextAriaLabel}\n        data-testid={`review-list-item-tooltip-button-${iconKey}`}\n      />\n    </div>\n  );\n};\n\nconst ReviewPresentation = props => {\n  const {'aria-label': ariaLabel, reviewTitle, reviewText, labelsList} = props;\n\n  return (\n    <div className={style.reviewWrapper} aria-label={ariaLabel}>\n      <div\n        className={style.reviewTitle}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewTitle}}\n      />\n      <div\n        className={style.reviewText}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: reviewText}}\n      />\n      <ul className={style.reviewListWrapper}>\n        {map.convert({cap: false})((label, key) => {\n          return (\n            <li key={`step-${key}`} className={style.reviewList}>\n              <ReviewListItemWrapper\n                iconKey={key}\n                label={label}\n                tooltipText={label.tooltipText}\n                aria-label={label.moreDetailsAriaLabel}\n              />\n            </li>\n          );\n        }, labelsList)}\n      </ul>\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  tooltipText: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-testid': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string\n};\n\nReviewIcon.propTypes = {\n  icon: PropTypes.string\n};\n\nReviewListItemWrapper.propTypes = {\n  ...ToolTip.propTypes,\n  iconKey: PropTypes.string,\n  label: PropTypes.shape({\n    tooltipText: PropTypes.string,\n    moreDetailsAriaLabel: PropTypes.string,\n    closeToolTipInformationTextAriaLabel: PropTypes.string\n  })\n};\n\nReviewPresentation.propTypes = propTypes;\n\nexport default ReviewPresentation;\n"],"mappings":"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"}

package/es/atom/review-presentation/style.css

@@ -3,14 +3,12 @@
 @value mobile from breakpoints;
 @value colors: "../../variables/colors.css";
 @value xtraLightGrey from colors;
+@value cm_blue_900 from colors;
 @value cm_grey_75 from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
+@value white from colors;
 
-.reviewWrapper {
-  width: 100%;
-  border-radius: 16px;
-  background-color: xtraLightGrey;
-  padding-bottom: 40px;
-}
 
 .textBase {
   font-family: "Gilroy";
@@ -19,6 +17,13 @@
   user-select: none;
 }
 
+.reviewWrapper {
+  width: 100%;
+  border-radius: 16px;
+  background-color: xtraLightGrey;
+  padding-bottom: 40px;
+}
+
 .reviewTitle {
   composes: textBase;
   font-weight: 700;
@@ -72,6 +77,61 @@
   width: 16px;
 }
 
+.informationIcon {
+  color: cm_grey_500;
+}
+
+.toolTip {
+  transition: opacity 0.8s;
+  position: absolute;
+  height: auto;
+  width: 200px;
+  border-radius: 7px;
+  background-color: cm_grey_700;
+  right: -81px;
+  bottom: 32px;
+}
+
+.toolTip::before {
+  content: '';
+  display: inline-block;
+  visibility: inherit;
+  opacity: inherit;
+  width: 15px;
+  height: 15px;
+  transform: rotate(-45deg);
+  background-color: cm_grey_700;
+  position: inherit;
+  bottom: -5px;
+  right: 40%;
+  border-radius: 2px;
+}
+
+.tooltipText {
+  composes: textBase;
+  font-weight: 500;
+  font-size: 14px;
+  display: inline-block;
+  border-radius: 3px;
+  word-wrap: break-word;
+  color: white;
+  padding: 8px 14px;
+  text-align: center;
+}
+
+.tooltipContainer {
+  overflow: visible;
+  position: relative;
+}
+
+.tooltipIconContainer {
+  display: flex;
+  justify-content: flex-end;
+  border: none;
+  background: cm_grey_75;
+  height: 25px;
+}
+
 @media tablet {
   .reviewWrapper{
     width: 100%;
@@ -82,4 +142,4 @@
   .reviewWrapper{
     width: 100%;
   }
-}
+}

package/es/molecule/audio/index.js

@@ -55,7 +55,9 @@ class Audio extends React.Component {
         backgroundImage: `url(${poster})`
       }
     }, /*#__PURE__*/React.createElement(PodcastIcon, {
-      color: white,
+      style: {
+        color: white
+      },
       className: style.icon
     }), description ? /*#__PURE__*/React.createElement("div", {
       className: classnames(style.description, style.innerHTML),

package/es/molecule/audio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyMicrophone","PodcastIcon","Provider","style","Audio","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","frame","backgroundImage","icon","innerHTML","__html","audio","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon color={white} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,qCAAqC,IAAIC,WAAjD,QAAmE,0BAAnE;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAN,SAAoBP,KAAK,CAACQ,SAA1B,CAAoC;EAYlCC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAgB5BC,QAhB4B,GAgBjBC,OAAO,IAAI;MACpB,KAAKC,YAAL,GAAoBD,OAApB;IACD,CAlB2B;;IAE1B,KAAKE,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKF,YAAL,GAAoB,IAApB;IACA,KAAKF,QAAL,GAAgB,KAAKA,QAAL,CAAcI,IAAd,CAAmB,IAAnB,CAAhB;EACD;;EAEDC,qBAAqB,CAACC,SAAD,EAAY;IAC/B,MAAM;MAACC;IAAD,IAAa,KAAKT,KAAxB;IACA,OAAOQ,SAAS,CAACC,QAAV,KAAuBA,QAA9B;EACD;;EAEDC,kBAAkB,GAAG;IACnB,KAAKN,YAAL,CAAkBO,IAAlB;EACD;;EAMDN,UAAU,CAACO,CAAD,EAAI;IACZ,MAAM;MAACC;IAAD,IAAW,KAAKb,KAAtB;IACA,IAAIa,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;EACb;;EAEDE,MAAM,GAAG;IACP,MAAM;MAACC,WAAD;MAAcN,QAAd;MAAwBO;IAAxB,IAAkC,KAAKhB,KAA7C;IACA,MAAM;MAACiB;IAAD,IAAS,KAAKhB,OAApB;;IAEA,MAAMiB,KAAK,GAAG,KAAI,cAAJ,EAAoBD,IAApB,CAAd;;IACA,oBACE;MAAK,SAAS,EAAErB,KAAK,CAACuB,KAAtB;MAA6B,KAAK,EAAE;QAACC,eAAe,EAAG,OAAMJ,MAAO;MAAhC;IAApC,gBACE,oBAAC,WAAD;MAAa,KAAK,EAAEE,KAApB;MAA2B,SAAS,EAAEtB,KAAK,CAACyB;IAA5C,EADF,EAEGN,WAAW,gBACV;MACE,SAAS,EAAEvB,UAAU,CAACI,KAAK,CAACmB,WAAP,EAAoBnB,KAAK,CAAC0B,SAA1B,CADvB;MAEE,aAAU,kBAFZ,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAER;MAAT;IAJ3B,EADU,GAOR,IATN,eAUE;MACE,SAAS,EAAEnB,KAAK,CAAC4B,KADnB;MAEE,QAAQ,MAFV;MAGE,YAAY,EAAC,YAHf;MAIE,GAAG,EAAE,KAAKtB,QAJZ;MAKE,QAAQ,EAAC,EALX;MAME,MAAM,EAAE,KAAKG,UANf;MAOE,IAAI,EAAC,OAPP;MAQE,aAAU,OARZ;MASE,OAAO,EAAC;IATV,gBAWE;MAAQ,GAAG,EAAEI;IAAb,EAXF,CAVF,CADF;EA0BD;;AApEiC;;AAA9BZ,K,CAQG4B,Y,GAAe;EACpBR,IAAI,EAAEtB,QAAQ,CAAC+B,iBAAT,CAA2BT;AADb,C;AARlBpB,K,CACG8B,S,2CAAY;EACjBZ,WAAW,EAAExB,SAAS,CAACqC,MADN;EAEjBnB,QAAQ,EAAElB,SAAS,CAACqC,MAFH;EAGjBZ,MAAM,EAAEzB,SAAS,CAACqC,MAHD;EAIjBf,MAAM,EAAEtB,SAAS,CAACsC;AAJD,C;AAsErB,eAAehC,KAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyMicrophone","PodcastIcon","Provider","style","Audio","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","frame","backgroundImage","color","icon","innerHTML","__html","audio","contextTypes","childContextTypes","propTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon style={{color: white}} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,qCAAqC,IAAIC,WAAjD,QAAmE,0BAAnE;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAN,SAAoBP,KAAK,CAACQ,SAA1B,CAAoC;EAYlCC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAgB5BC,QAhB4B,GAgBjBC,OAAO,IAAI;MACpB,KAAKC,YAAL,GAAoBD,OAApB;IACD,CAlB2B;;IAE1B,KAAKE,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKF,YAAL,GAAoB,IAApB;IACA,KAAKF,QAAL,GAAgB,KAAKA,QAAL,CAAcI,IAAd,CAAmB,IAAnB,CAAhB;EACD;;EAEDC,qBAAqB,CAACC,SAAD,EAAY;IAC/B,MAAM;MAACC;IAAD,IAAa,KAAKT,KAAxB;IACA,OAAOQ,SAAS,CAACC,QAAV,KAAuBA,QAA9B;EACD;;EAEDC,kBAAkB,GAAG;IACnB,KAAKN,YAAL,CAAkBO,IAAlB;EACD;;EAMDN,UAAU,CAACO,CAAD,EAAI;IACZ,MAAM;MAACC;IAAD,IAAW,KAAKb,KAAtB;IACA,IAAIa,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;EACb;;EAEDE,MAAM,GAAG;IACP,MAAM;MAACC,WAAD;MAAcN,QAAd;MAAwBO;IAAxB,IAAkC,KAAKhB,KAA7C;IACA,MAAM;MAACiB;IAAD,IAAS,KAAKhB,OAApB;;IAEA,MAAMiB,KAAK,GAAG,KAAI,cAAJ,EAAoBD,IAApB,CAAd;;IACA,oBACE;MAAK,SAAS,EAAErB,KAAK,CAACuB,KAAtB;MAA6B,KAAK,EAAE;QAACC,eAAe,EAAG,OAAMJ,MAAO;MAAhC;IAApC,gBACE,oBAAC,WAAD;MAAa,KAAK,EAAE;QAACK,KAAK,EAAEH;MAAR,CAApB;MAAoC,SAAS,EAAEtB,KAAK,CAAC0B;IAArD,EADF,EAEGP,WAAW,gBACV;MACE,SAAS,EAAEvB,UAAU,CAACI,KAAK,CAACmB,WAAP,EAAoBnB,KAAK,CAAC2B,SAA1B,CADvB;MAEE,aAAU,kBAFZ,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAET;MAAT;IAJ3B,EADU,GAOR,IATN,eAUE;MACE,SAAS,EAAEnB,KAAK,CAAC6B,KADnB;MAEE,QAAQ,MAFV;MAGE,YAAY,EAAC,YAHf;MAIE,GAAG,EAAE,KAAKvB,QAJZ;MAKE,QAAQ,EAAC,EALX;MAME,MAAM,EAAE,KAAKG,UANf;MAOE,IAAI,EAAC,OAPP;MAQE,aAAU,OARZ;MASE,OAAO,EAAC;IATV,gBAWE;MAAQ,GAAG,EAAEI;IAAb,EAXF,CAVF,CADF;EA0BD;;AApEiC;;AAA9BZ,K,CAQG6B,Y,GAAe;EACpBT,IAAI,EAAEtB,QAAQ,CAACgC,iBAAT,CAA2BV;AADb,C;AARlBpB,K,CACG+B,S,2CAAY;EACjBb,WAAW,EAAExB,SAAS,CAACsC,MADN;EAEjBpB,QAAQ,EAAElB,SAAS,CAACsC,MAFH;EAGjBb,MAAM,EAAEzB,SAAS,CAACsC,MAHD;EAIjBhB,MAAM,EAAEtB,SAAS,CAACuC;AAJD,C;AAsErB,eAAejC,KAAf"}

package/es/molecule/battle-request/index.js

@@ -54,7 +54,9 @@ const BattleRequest = (props, context) => {
     className: style.start
   }, startLabel), /*#__PURE__*/React.createElement(ArrowRightIcon, {
     className: style.arrow,
-    color: light
+    style: {
+      color: light
+    }
   }));
 };