@coorpacademy/components 11.9.2-alpha.4 → 11.9.2

package/es/atom/avatar/index.js

@@ -18,6 +18,7 @@ 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 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"}
+{"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"}

package/es/atom/avatar/style.css

@@ -48,5 +48,4 @@
 .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;;;;gBAiBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/card-image-preview/index.js"],"names":[],"mappings":";AAQA;;;;gBAeC"}

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

@@ -14,9 +14,7 @@ const CardImagePreview = ({
 
   const emptyIcon = !image ? /*#__PURE__*/React.createElement(PicturesIcon, {
     className: style.emptyIcon,
-    style: {
-      color: whiteColor
-    }
+    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","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"}
+{"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"}

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

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

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} />;\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"}
+{"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"}

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

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

package/es/atom/drag-and-drop/style.css

@@ -18,10 +18,10 @@
 
 .wrapper {
   font-family: "Gilroy";
-  max-height: 350px;
-  max-width: 460px;
   height: 100%;
   width: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 .disabled {
@@ -55,6 +55,7 @@
   width: 100%;
   height: 80%;
   border: none;
+  display: flex;
   border-radius: 7px;
   background: cm_grey_50;
 }
@@ -96,7 +97,6 @@
 .inputWrapper {
   background: cm_grey_50;
   width: 100%;
-  height: 80%;
   box-sizing: border-box;
   border-radius: 7px;
   position: relative;
@@ -147,23 +147,26 @@
   background-color: cm_grey_50;
   border-radius: 3px;
   display: flex;
+  flex-wrap: nowrap;
+  min-width: 0;
   align-items: center;
   justify-content: space-between;
   margin-top: 16px;
   padding: 4px 8px;
   font-size: 12px;
   font-weight: 400;
+  position: relative;
 }
 
 .resetSrcLabel {
   color: cm_grey_700;
-  display: inline-block;
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  direction: rtl;
-  text-align: left;
-  max-width: 90%;
+  white-space: nowrap;
+  flex-wrap: nowrap;
+  position: absolute;
+  left: 0;
+  right: 15px;
 }
 
 .closeIcon {
@@ -172,6 +175,8 @@
   margin-left: 6px;
   height: 15px;
   width: 15px;
+  position: absolute;
+  right: 0;
 }
 
 .dragging {
@@ -244,7 +249,7 @@
 }
 
 .loaderWrapper:hover .loadingCancel {
-  display: block;
+  display: flex;
 }
 
 .loaderWrapper:hover {

package/es/atom/image-upload/index.d.ts

@@ -1,5 +1,5 @@
 export default ImageUpload;
-declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, imageTypes, error, buttonAriaLabel, errorButtonLabel }: {
+declare function ImageUpload({ title, description, previewLabel, previewContent, uploadLabel, loading, modified, disabled, onChange, onReset, name, labelLink, labelButtonLink, hrefLink, imageTypes, error, buttonAriaLabel, errorButtonLabel }: {
     title: any;
     description: any;
     previewLabel: any;
@@ -11,6 +11,9 @@ declare function ImageUpload({ title, description, previewLabel, previewContent,
     onChange: any;
     onReset?: null | undefined;
     name: any;
+    labelLink: any;
+    labelButtonLink: any;
+    hrefLink: any;
     imageTypes?: string[] | undefined;
     error?: string | undefined;
     buttonAriaLabel: any;
@@ -25,6 +28,8 @@ declare namespace ImageUpload {
         error: PropTypes.Requireable<string>;
         buttonAriaLabel: PropTypes.Requireable<string>;
         errorButtonLabel: PropTypes.Requireable<string>;
+        labelLink: PropTypes.Requireable<string>;
+        hrefLink: PropTypes.Requireable<string>;
         title: PropTypes.Requireable<string>;
         description: PropTypes.Requireable<string>;
         uploadLabel: PropTypes.Requireable<string>;

package/es/atom/image-upload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAOA;;;;;;;;;;;;;;;;gBAgEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/image-upload/index.js"],"names":[],"mappings":";AAQA;;;;;;;;;;;;;;;;;;;gBAmFC"}

package/es/atom/image-upload/index.js

@@ -9,6 +9,7 @@ import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import DragAndDrop from '../drag-and-drop';
 import { ImagePropType } from '../../util/proptypes';
+import Link from '../button-link';
 import style from './style.css';
 
 const ImageUpload = ({
@@ -24,6 +25,9 @@ const ImageUpload = ({
   onReset = null,
   name,
   // See ImagePropType for accepted values
+  labelLink,
+  labelButtonLink,
+  hrefLink,
   imageTypes = ['*'],
   error = '',
   buttonAriaLabel,
@@ -37,7 +41,11 @@ const ImageUpload = ({
 
   const acceptedImages = _pipe(_map(t => `image/${t}`), _join(','))(imageTypes);
 
-  return /*#__PURE__*/React.createElement(DragAndDrop, {
+  const linkCustomStyle = {
+    width: '40px',
+    color: 'red'
+  };
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DragAndDrop, {
     title: title,
     description: description,
     previewLabel: previewLabel,
@@ -50,7 +58,7 @@ const ImageUpload = ({
     disabled: disabled,
     buttonAriaLabel: buttonAriaLabel,
     errorButtonLabel: errorButtonLabel
-  }, (onDragStart, onDragStop) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
+  }, (onDragStart, onDragStop) => /*#__PURE__*/React.createElement("input", {
     type: "file",
     name: name,
     accept: acceptedImages,
@@ -60,7 +68,17 @@ const ImageUpload = ({
     onDragEnter: onDragStart,
     onDrop: onDragStop,
     onDragLeave: onDragStop
-  })));
+  })), labelLink && hrefLink ? /*#__PURE__*/React.createElement("div", {
+    className: style.templateLink
+  }, labelLink, /*#__PURE__*/React.createElement(Link, {
+    type: "text",
+    customStyle: linkCustomStyle,
+    link: {
+      href: hrefLink,
+      download: true
+    },
+    label: labelButtonLink
+  })) : null);
 };
 
 ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, DragAndDrop.propTypes, {
@@ -70,7 +88,9 @@ ImageUpload.propTypes = process.env.NODE_ENV !== "production" ? _extends({}, Dra
   imageTypes: PropTypes.arrayOf(ImagePropType),
   error: PropTypes.string,
   buttonAriaLabel: PropTypes.string,
-  errorButtonLabel: PropTypes.string
+  errorButtonLabel: PropTypes.string,
+  labelLink: PropTypes.string,
+  hrefLink: PropTypes.string
 }) : {};
 export default ImageUpload;
 //# sourceMappingURL=index.js.map

package/es/atom/image-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","e","preventDefault","acceptedImages","t","onDragStart","onDragStop","input","propTypes","string","func","arrayOf"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  return (\n    <DragAndDrop\n      title={title}\n      description={description}\n      previewLabel={previewLabel}\n      previewContent={previewContent}\n      uploadLabel={uploadLabel}\n      loading={loading}\n      modified={modified}\n      onReset={handleReset}\n      error={error}\n      disabled={disabled}\n      buttonAriaLabel={buttonAriaLabel}\n      errorButtonLabel={errorButtonLabel}\n    >\n      {(onDragStart, onDragStop) => (\n        <div>\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        </div>\n      )}\n    </DragAndDrop>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,WAAP,MAAwB,kBAAxB;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnB;EACAC,UAAU,GAAG,CAAC,GAAD,CAbM;EAcnBC,KAAK,GAAG,EAdW;EAenBC,eAfmB;EAgBnBC;AAhBmB,CAAD,KAiBd;EACJ,MAAMC,WAAW,GAAGrB,WAAW,CAC7BsB,CAAC,IAAI;IACH,IAAI,OAAMP,OAAN,CAAJ,EAAoB;IACpBO,CAAC,CAACC,cAAF;IACA,OAAOR,OAAO,CAACO,CAAD,CAAd;EACD,CAL4B,EAM7B,CAACP,OAAD,CAN6B,CAA/B;;EASA,MAAMS,cAAc,GAAG,MACrB,KAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,MAAK,GAAL,CAFqB,EAGrBR,UAHqB,CAAvB;;EAKA,oBACE,oBAAC,WAAD;IACE,KAAK,EAAEX,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAES,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAEL,QAVZ;IAWE,eAAe,EAAEM,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACM,WAAD,EAAcC,UAAd,kBACC,8CACE;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEX,IAFR;IAGE,MAAM,EAAEQ,cAHV;IAIE,QAAQ,EAAEb,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAET,KAAK,CAACwB,KALnB;IAME,QAAQ,EAAEd,QANZ;IAOE,WAAW,EAAEY,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EADF,CAfJ,CADF;AAgCD,CAhED;;AAkEAtB,WAAW,CAACwB,SAAZ,wDACK3B,WAAW,CAAC2B,SADjB;EAEEb,IAAI,EAAEf,SAAS,CAAC6B,MAFlB;EAGEhB,QAAQ,EAAEb,SAAS,CAAC8B,IAHtB;EAIEhB,OAAO,EAAEd,SAAS,CAAC8B,IAJrB;EAKEd,UAAU,EAAEhB,SAAS,CAAC+B,OAAV,CAAkB7B,aAAlB,CALd;EAMEe,KAAK,EAAEjB,SAAS,CAAC6B,MANnB;EAOEX,eAAe,EAAElB,SAAS,CAAC6B,MAP7B;EAQEV,gBAAgB,EAAEnB,SAAS,CAAC6B;AAR9B;AAWA,eAAezB,WAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","PropTypes","DragAndDrop","ImagePropType","Link","style","ImageUpload","title","description","previewLabel","previewContent","uploadLabel","loading","modified","disabled","onChange","onReset","name","labelLink","labelButtonLink","hrefLink","imageTypes","error","buttonAriaLabel","errorButtonLabel","handleReset","e","preventDefault","acceptedImages","t","linkCustomStyle","width","color","onDragStart","onDragStop","input","templateLink","href","download","propTypes","string","func","arrayOf"],"sources":["../../../src/atom/image-upload/index.js"],"sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {join, map, pipe, isNil} from 'lodash/fp';\nimport DragAndDrop from '../drag-and-drop';\nimport {ImagePropType} from '../../util/proptypes';\nimport Link from '../button-link';\nimport style from './style.css';\n\nconst ImageUpload = ({\n  title,\n  description,\n  previewLabel,\n  previewContent,\n  uploadLabel,\n  loading,\n  modified,\n  disabled = false,\n  onChange,\n  onReset = null,\n  name,\n  // See ImagePropType for accepted values\n  labelLink,\n  labelButtonLink,\n  hrefLink,\n  imageTypes = ['*'],\n  error = '',\n  buttonAriaLabel,\n  errorButtonLabel\n}) => {\n  const handleReset = useCallback(\n    e => {\n      if (isNil(onReset)) return;\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  const acceptedImages = pipe(\n    map(t => `image/${t}`),\n    join(',')\n  )(imageTypes);\n\n  const linkCustomStyle = {\n    width: '40px',\n    color: 'red'\n  };\n\n  return (\n    <div>\n      <DragAndDrop\n        title={title}\n        description={description}\n        previewLabel={previewLabel}\n        previewContent={previewContent}\n        uploadLabel={uploadLabel}\n        loading={loading}\n        modified={modified}\n        onReset={handleReset}\n        error={error}\n        disabled={disabled}\n        buttonAriaLabel={buttonAriaLabel}\n        errorButtonLabel={errorButtonLabel}\n      >\n        {(onDragStart, onDragStop) => (\n          <input\n            type=\"file\"\n            name={name}\n            accept={acceptedImages}\n            disabled={loading || disabled}\n            className={style.input}\n            onChange={onChange}\n            onDragEnter={onDragStart}\n            onDrop={onDragStop}\n            onDragLeave={onDragStop}\n          />\n        )}\n      </DragAndDrop>\n      {labelLink && hrefLink ? (\n        <div className={style.templateLink}>\n          {labelLink}\n          <Link\n            type=\"text\"\n            customStyle={linkCustomStyle}\n            link={{href: hrefLink, download: true}}\n            label={labelButtonLink}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nImageUpload.propTypes = {\n  ...DragAndDrop.propTypes,\n  name: PropTypes.string,\n  onChange: PropTypes.func,\n  onReset: PropTypes.func,\n  imageTypes: PropTypes.arrayOf(ImagePropType),\n  error: PropTypes.string,\n  buttonAriaLabel: PropTypes.string,\n  errorButtonLabel: PropTypes.string,\n  labelLink: PropTypes.string,\n  hrefLink: PropTypes.string\n};\n\nexport default ImageUpload;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,WAAP,MAAwB,kBAAxB;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,WAAW,GAAG,CAAC;EACnBC,KADmB;EAEnBC,WAFmB;EAGnBC,YAHmB;EAInBC,cAJmB;EAKnBC,WALmB;EAMnBC,OANmB;EAOnBC,QAPmB;EAQnBC,QAAQ,GAAG,KARQ;EASnBC,QATmB;EAUnBC,OAAO,GAAG,IAVS;EAWnBC,IAXmB;EAYnB;EACAC,SAbmB;EAcnBC,eAdmB;EAenBC,QAfmB;EAgBnBC,UAAU,GAAG,CAAC,GAAD,CAhBM;EAiBnBC,KAAK,GAAG,EAjBW;EAkBnBC,eAlBmB;EAmBnBC;AAnBmB,CAAD,KAoBd;EACJ,MAAMC,WAAW,GAAGzB,WAAW,CAC7B0B,CAAC,IAAI;IACH,IAAI,OAAMV,OAAN,CAAJ,EAAoB;IACpBU,CAAC,CAACC,cAAF;IACA,OAAOX,OAAO,CAACU,CAAD,CAAd;EACD,CAL4B,EAM7B,CAACV,OAAD,CAN6B,CAA/B;;EASA,MAAMY,cAAc,GAAG,MACrB,KAAIC,CAAC,IAAK,SAAQA,CAAE,EAApB,CADqB,EAErB,MAAK,GAAL,CAFqB,EAGrBR,UAHqB,CAAvB;;EAKA,MAAMS,eAAe,GAAG;IACtBC,KAAK,EAAE,MADe;IAEtBC,KAAK,EAAE;EAFe,CAAxB;EAKA,oBACE,8CACE,oBAAC,WAAD;IACE,KAAK,EAAEzB,KADT;IAEE,WAAW,EAAEC,WAFf;IAGE,YAAY,EAAEC,YAHhB;IAIE,cAAc,EAAEC,cAJlB;IAKE,WAAW,EAAEC,WALf;IAME,OAAO,EAAEC,OANX;IAOE,QAAQ,EAAEC,QAPZ;IAQE,OAAO,EAAEY,WARX;IASE,KAAK,EAAEH,KATT;IAUE,QAAQ,EAAER,QAVZ;IAWE,eAAe,EAAES,eAXnB;IAYE,gBAAgB,EAAEC;EAZpB,GAcG,CAACS,WAAD,EAAcC,UAAd,kBACC;IACE,IAAI,EAAC,MADP;IAEE,IAAI,EAAEjB,IAFR;IAGE,MAAM,EAAEW,cAHV;IAIE,QAAQ,EAAEhB,OAAO,IAAIE,QAJvB;IAKE,SAAS,EAAET,KAAK,CAAC8B,KALnB;IAME,QAAQ,EAAEpB,QANZ;IAOE,WAAW,EAAEkB,WAPf;IAQE,MAAM,EAAEC,UARV;IASE,WAAW,EAAEA;EATf,EAfJ,CADF,EA6BGhB,SAAS,IAAIE,QAAb,gBACC;IAAK,SAAS,EAAEf,KAAK,CAAC+B;EAAtB,GACGlB,SADH,eAEE,oBAAC,IAAD;IACE,IAAI,EAAC,MADP;IAEE,WAAW,EAAEY,eAFf;IAGE,IAAI,EAAE;MAACO,IAAI,EAAEjB,QAAP;MAAiBkB,QAAQ,EAAE;IAA3B,CAHR;IAIE,KAAK,EAAEnB;EAJT,EAFF,CADD,GAUG,IAvCN,CADF;AA2CD,CAnFD;;AAqFAb,WAAW,CAACiC,SAAZ,wDACKrC,WAAW,CAACqC,SADjB;EAEEtB,IAAI,EAAEhB,SAAS,CAACuC,MAFlB;EAGEzB,QAAQ,EAAEd,SAAS,CAACwC,IAHtB;EAIEzB,OAAO,EAAEf,SAAS,CAACwC,IAJrB;EAKEpB,UAAU,EAAEpB,SAAS,CAACyC,OAAV,CAAkBvC,aAAlB,CALd;EAMEmB,KAAK,EAAErB,SAAS,CAACuC,MANnB;EAOEjB,eAAe,EAAEtB,SAAS,CAACuC,MAP7B;EAQEhB,gBAAgB,EAAEvB,SAAS,CAACuC,MAR9B;EASEtB,SAAS,EAAEjB,SAAS,CAACuC,MATvB;EAUEpB,QAAQ,EAAEnB,SAAS,CAACuC;AAVtB;AAaA,eAAelC,WAAf"}

package/es/atom/image-upload/style.css

@@ -10,3 +10,10 @@
   bottom: 0;
   right: 0;
 }
+
+.templateLink {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  margin-top: 8px;
+}

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

@@ -69,14 +69,10 @@ class InputHtml extends React.Component {
     } = this.state;
     const className = error ? style.error : style.default;
     const iconContent = !preview ? /*#__PURE__*/React.createElement(PreviewIcon, {
-      style: {
-        color: mediumColor
-      },
+      color: mediumColor,
       height: 16
     }) : /*#__PURE__*/React.createElement(PencilIcon, {
-      style: {
-        color: mediumColor
-      },
+      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","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":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SACEC,0BAA0B,IAAIC,WADhC,EAEEC,6BAA6B,IAAIC,UAFnC,QAGO,0BAHP;AAIA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,SAAN,SAAwBR,KAAK,CAACS,SAA9B,CAAwC;EAWP,OAAxBC,wBAAwB,CAACC,KAAD,EAAQC,KAAR,EAAe;IAC5C,MAAM;MAACC;IAAD,IAAUF,KAAhB;IAEA,IAAI,aAAYE,KAAZ,CAAJ,EAAwB,OAAO,IAAP;IAExB,OAAO;MACLC,IAAI,EAAED,KADD;MAELE,OAAO,EAAEH,KAAK,CAACG;IAFV,CAAP;EAID;;EAEDC,WAAW,CAACL,KAAD,EAAQM,OAAR,EAAiB;IAC1B,MAAMN,KAAN;IACA,KAAKC,KAAL,GAAa;MACXE,IAAI,EAAE,OAAM,EAAN,EAAU,OAAV,EAAmBH,KAAnB,CADK;MAEXI,OAAO,EAAE;IAFE,CAAb;IAIA,KAAKG,YAAL,GAAoB,KAAKA,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAApB;IACA,KAAKC,aAAL,GAAqB,KAAKA,aAAL,CAAmBD,IAAnB,CAAwB,IAAxB,CAArB;EACD;;EAEDD,YAAY,CAACG,CAAD,EAAI;IACd,MAAM;MAACC,QAAQ;IAAT,IAAoB,KAAKX,KAA/B;IACA,MAAME,KAAK,GAAGQ,CAAC,CAACE,MAAF,CAASV,KAAvB;IACA,KAAKW,QAAL,CAAcZ,KAAK,KAAK;MACtBE,IAAI,EAAED,KADgB;MAEtBE,OAAO,EAAEH,KAAK,CAACG;IAFO,CAAL,CAAnB;IAIAO,QAAQ,CAACT,KAAD,CAAR;EACD;;EAEDO,aAAa,CAACC,CAAD,EAAI;IACfA,CAAC,CAACI,cAAF;IACA,KAAKD,QAAL,CAAcZ,KAAK,KAAK;MACtBE,IAAI,EAAEF,KAAK,CAACE,IADU;MAEtBC,OAAO,EAAE,CAACH,KAAK,CAACG;IAFM,CAAL,CAAnB;EAID;;EAEDW,MAAM,GAAG;IACP,MAAM;MAACC;IAAD,IAAS,KAAKV,OAApB;;IACA,MAAMW,WAAW,GAAG,OAAM,SAAN,EAAiB,eAAjB,EAAkCD,IAAlC,CAApB;;IAEA,MAAM;MAACE,KAAD;MAAQC,WAAR;MAAqBC,KAArB;MAA4BC,WAA5B;MAAyCC;IAAzC,IAAqD,KAAKtB,KAAhE;IACA,MAAM;MAACG,IAAD;MAAOC;IAAP,IAAkB,KAAKH,KAA7B;IAEA,MAAMsB,SAAS,GAAGH,KAAK,GAAGxB,KAAK,CAACwB,KAAT,GAAiBxB,KAAK,CAAC4B,OAA9C;IACA,MAAMC,WAAW,GAAG,CAACrB,OAAD,gBAClB,oBAAC,WAAD;MAAa,KAAK,EAAE;QAACsB,KAAK,EAAET;MAAR,CAApB;MAA0C,MAAM,EAAE;IAAlD,EADkB,gBAGlB,oBAAC,UAAD;MAAY,KAAK,EAAE;QAACS,KAAK,EAAET;MAAR,CAAnB;MAAyC,MAAM,EAAE;IAAjD,EAHF;IAKA,oBACE;MAAK,SAAS,EAAEM;IAAhB,gBACE,gDACE;MAAM,SAAS,EAAE3B,KAAK,CAACsB;IAAvB,GAAgC,GAAEA,KAAM,GAAxC,CADF,eAEE;MAAK,SAAS,EAAEtB,KAAK,CAAC+B;IAAtB,gBACE,oBAAC,YAAD;MACE,KAAK,EAAET,KADT;MAEE,IAAI,EAAEf,IAFR;MAGE,WAAW,EAAEgB,WAHf;MAIE,QAAQ,EAAE,KAAKZ,YAJjB;MAKE,QAAQ,EAAEe,QALZ;MAME,OAAO,EAAElB,OANX;MAOE,SAAS,EAAER,KAAK,CAACgC;IAPnB,EADF,CAFF,eAaE;MAAM,SAAS,EAAEhC,KAAK,CAACiC,MAAvB;MAA+B,OAAO,EAAE,KAAKpB;IAA7C,GACGgB,WADH,CAbF,CADF,eAkBE;MAAK,SAAS,EAAE7B,KAAK,CAACyB;IAAtB,GAAoCA,WAApC,CAlBF,CADF;EAsBD;;AArFqC;;AAAlCxB,S,CACGiC,S,2CAAY;EACjBZ,KAAK,EAAE5B,SAAS,CAACyC,MADA;EAEjBZ,WAAW,EAAE7B,SAAS,CAACyC,MAFN;EAGjBT,QAAQ,EAAEhC,SAAS,CAAC0C,IAHH;EAIjB9B,KAAK,EAAEZ,SAAS,CAACyC,MAJA;EAKjBX,KAAK,EAAE9B,SAAS,CAACyC,MALA;EAMjBpB,QAAQ,EAAErB,SAAS,CAAC2C,IANH;EAOjBZ,WAAW,EAAE/B,SAAS,CAACyC;AAPN,C;AAsFrB,eAAelC,SAAf"}
+{"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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"}

package/es/atom/life/index.js

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

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

@@ -55,9 +55,7 @@ const ResourceMiniature = (props, context) => {
       backgroundImage: `url(${poster})`
     }
   }), !selected ? /*#__PURE__*/React.createElement(Icon, {
-    style: {
-      color: white
-    },
+    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","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"}
+{"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"}

package/es/atom/title/index.d.ts

@@ -6,6 +6,7 @@ declare namespace Title {
         subtitle: PropTypes.Requireable<string>;
         type: PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
+        subtitleSize: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/es/atom/title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AAsBA,gDAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/title/index.js"],"names":[],"mappings":";AA2BA,gDAeC"}

package/es/atom/title/index.js

@@ -12,13 +12,20 @@ const getTitleStype = type => {
   }
 };
 
-const getSubtitleStype = type => {
+const getSubtitleStype = (type, size) => {
   switch (type) {
     case 'page':
       return style.subtitlePage;
 
     case 'form-group':
-      return style.subtitleFormGroup;
+      switch (size) {
+        case 'standard':
+          return style.subtitleFormGroup;
+
+        case 'small':
+          return style.smallSubtitleFormGroup;
+      }
+
   }
 };
 
@@ -27,10 +34,11 @@ const Title = props => {
     title,
     subtitle,
     type,
-    'data-name': dataName
+    'data-name': dataName,
+    subtitleSize = 'standard'
   } = props;
   const titleStyle = getTitleStype(type);
-  const subtitleStyle = getSubtitleStype(type);
+  const subtitleStyle = getSubtitleStype(type, subtitleSize);
   const subtitleSection = subtitle ? /*#__PURE__*/React.createElement("div", {
     className: subtitleStyle
   }, subtitle) : null;
@@ -44,7 +52,8 @@ Title.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   subtitle: PropTypes.string,
   type: PropTypes.oneOf(['page', 'form-group']),
-  'data-name': PropTypes.string
+  'data-name': PropTypes.string,
+  subtitleSize: PropTypes.string
 } : {};
 export default Title;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","getTitleStype","type","titlePage","titleFormGroup","getSubtitleStype","subtitlePage","subtitleFormGroup","Title","props","title","subtitle","dataName","titleStyle","subtitleStyle","subtitleSection","propTypes","string","oneOf"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst getTitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      return style.titleFormGroup;\n  }\n};\n\nconst getSubtitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      return style.subtitleFormGroup;\n  }\n};\n\nconst Title = props => {\n  const {title, subtitle, type, 'data-name': dataName} = props;\n  const titleStyle = getTitleStype(type);\n  const subtitleStyle = getSubtitleStype(type);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={titleStyle} data-name={dataName}>\n        {title}\n      </div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string\n};\nexport default Title;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,IAAI,IAAI;EAC5B,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACG,SAAb;;IACF,KAAK,YAAL;MACE,OAAOH,KAAK,CAACI,cAAb;EAJJ;AAMD,CAPD;;AASA,MAAMC,gBAAgB,GAAGH,IAAI,IAAI;EAC/B,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACM,YAAb;;IACF,KAAK,YAAL;MACE,OAAON,KAAK,CAACO,iBAAb;EAJJ;AAMD,CAPD;;AASA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBT,IAAlB;IAAwB,aAAaU;EAArC,IAAiDH,KAAvD;EACA,MAAMI,UAAU,GAAGZ,aAAa,CAACC,IAAD,CAAhC;EACA,MAAMY,aAAa,GAAGT,gBAAgB,CAACH,IAAD,CAAtC;EAEA,MAAMa,eAAe,GAAGJ,QAAQ,gBAAG;IAAK,SAAS,EAAEG;EAAhB,GAAgCH,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,8CACE;IAAK,SAAS,EAAEE,UAAhB;IAA4B,aAAWD;EAAvC,GACGF,KADH,CADF,EAIGK,eAJH,CADF;AAQD,CAfD;;AAiBAP,KAAK,CAACQ,SAAN,2CAAkB;EAChBN,KAAK,EAAEX,SAAS,CAACkB,MADD;EAEhBN,QAAQ,EAAEZ,SAAS,CAACkB,MAFJ;EAGhBf,IAAI,EAAEH,SAAS,CAACmB,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAanB,SAAS,CAACkB;AAJP,CAAlB;AAMA,eAAeT,KAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","getTitleStype","type","titlePage","titleFormGroup","getSubtitleStype","size","subtitlePage","subtitleFormGroup","smallSubtitleFormGroup","Title","props","title","subtitle","dataName","subtitleSize","titleStyle","subtitleStyle","subtitleSection","propTypes","string","oneOf"],"sources":["../../../src/atom/title/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst getTitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      return style.titleFormGroup;\n  }\n};\n\nconst getSubtitleStype = (type, size) => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      switch (size) {\n        case 'standard':\n          return style.subtitleFormGroup;\n        case 'small':\n          return style.smallSubtitleFormGroup;\n      }\n  }\n};\n\nconst Title = props => {\n  const {title, subtitle, type, 'data-name': dataName, subtitleSize = 'standard'} = props;\n  const titleStyle = getTitleStype(type);\n  const subtitleStyle = getSubtitleStype(type, subtitleSize);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={titleStyle} data-name={dataName}>\n        {title}\n      </div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group']),\n  'data-name': PropTypes.string,\n  subtitleSize: PropTypes.string\n};\nexport default Title;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAGC,IAAI,IAAI;EAC5B,QAAQA,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACG,SAAb;;IACF,KAAK,YAAL;MACE,OAAOH,KAAK,CAACI,cAAb;EAJJ;AAMD,CAPD;;AASA,MAAMC,gBAAgB,GAAG,CAACH,IAAD,EAAOI,IAAP,KAAgB;EACvC,QAAQJ,IAAR;IACE,KAAK,MAAL;MACE,OAAOF,KAAK,CAACO,YAAb;;IACF,KAAK,YAAL;MACE,QAAQD,IAAR;QACE,KAAK,UAAL;UACE,OAAON,KAAK,CAACQ,iBAAb;;QACF,KAAK,OAAL;UACE,OAAOR,KAAK,CAACS,sBAAb;MAJJ;;EAJJ;AAWD,CAZD;;AAcA,MAAMC,KAAK,GAAGC,KAAK,IAAI;EACrB,MAAM;IAACC,KAAD;IAAQC,QAAR;IAAkBX,IAAlB;IAAwB,aAAaY,QAArC;IAA+CC,YAAY,GAAG;EAA9D,IAA4EJ,KAAlF;EACA,MAAMK,UAAU,GAAGf,aAAa,CAACC,IAAD,CAAhC;EACA,MAAMe,aAAa,GAAGZ,gBAAgB,CAACH,IAAD,EAAOa,YAAP,CAAtC;EAEA,MAAMG,eAAe,GAAGL,QAAQ,gBAAG;IAAK,SAAS,EAAEI;EAAhB,GAAgCJ,QAAhC,CAAH,GAAqD,IAArF;EAEA,oBACE,8CACE;IAAK,SAAS,EAAEG,UAAhB;IAA4B,aAAWF;EAAvC,GACGF,KADH,CADF,EAIGM,eAJH,CADF;AAQD,CAfD;;AAiBAR,KAAK,CAACS,SAAN,2CAAkB;EAChBP,KAAK,EAAEb,SAAS,CAACqB,MADD;EAEhBP,QAAQ,EAAEd,SAAS,CAACqB,MAFJ;EAGhBlB,IAAI,EAAEH,SAAS,CAACsB,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB,CAHU;EAIhB,aAAatB,SAAS,CAACqB,MAJP;EAKhBL,YAAY,EAAEhB,SAAS,CAACqB;AALR,CAAlB;AAOA,eAAeV,KAAf"}

package/es/atom/title/style.css

@@ -41,3 +41,9 @@
     line-height: 20px;
     color: cm_grey_400;
 }
+
+
+.smallSubtitleFormGroup{
+    composes: subtitleFormGroup;
+    max-width: 450px
+}

package/es/molecule/audio/index.js

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