@coorpacademy/components 11.12.2 → 11.12.3-alpha.11

package/es/molecule/expandable-item/index.d.ts

@@ -0,0 +1,26 @@
+/// <reference path="../../../src/globals.d.ts" />
+export namespace ICONS {
+    export { ArrowIcon as arrow };
+}
+export default ExpandableItem;
+import { NovaCompositionNavigationArrowDown as ArrowIcon } from "@coorpacademy/nova-icons";
+declare function ExpandableItem({ icon, title, isExpended, content, onClick, image }: {
+    icon: any;
+    title: any;
+    isExpended: any;
+    content: any;
+    onClick: any;
+    image: any;
+}): JSX.Element;
+declare namespace ExpandableItem {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const icon: PropTypes.Requireable<string>;
+        const isExpended: PropTypes.Requireable<boolean>;
+        const content: PropTypes.Requireable<string>;
+        const image: PropTypes.Requireable<string>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/expandable-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/index.js"],"names":[],"mappings":";;;;;;AAWA;;;;;;;gBAqBC"}

package/es/molecule/expandable-item/index.js

@@ -0,0 +1,51 @@
+import _keys from "lodash/fp/keys";
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { NovaCompositionNavigationArrowDown as ArrowIcon } from '@coorpacademy/nova-icons';
+import styles from './style.css';
+export const ICONS = {
+  arrow: ArrowIcon
+};
+
+const ExpandableItem = ({
+  icon,
+  title,
+  isExpended,
+  content,
+  onClick,
+  image
+}) => {
+  const Icon = ICONS[icon];
+  return /*#__PURE__*/React.createElement("div", {
+    className: isExpended ? styles.expendedContainer : styles.container,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.header, isExpended ? styles.expendedHeader : null)
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: styles.title
+  }, title), Icon ? /*#__PURE__*/React.createElement(Icon, {
+    className: classnames(styles.icon, isExpended ? styles.expendedIcon : null)
+  }) : null), isExpended ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: styles.content // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }), image ? /*#__PURE__*/React.createElement("img", {
+    className: styles.image,
+    src: image,
+    alt: ''
+  }) : null) : null);
+};
+
+ExpandableItem.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.string,
+  icon: PropTypes.oneOf(_keys(ICONS)),
+  isExpended: PropTypes.bool,
+  content: PropTypes.string,
+  image: PropTypes.string,
+  onClick: PropTypes.func
+} : {};
+export default ExpandableItem;
+//# sourceMappingURL=index.js.map

package/es/molecule/expandable-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","styles","ICONS","arrow","ExpandableItem","icon","title","isExpended","content","onClick","image","Icon","expendedContainer","container","header","expendedHeader","expendedIcon","__html","propTypes","string","oneOf","bool","func"],"sources":["../../../src/molecule/expandable-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst ExpandableItem = ({icon, title, isExpended, content, onClick, image}) => {\n  const Icon = ICONS[icon];\n  return (\n    <div className={isExpended ? styles.expendedContainer : styles.container} onClick={onClick}>\n      <div className={classnames(styles.header, isExpended ? styles.expendedHeader : null)}>\n        <h3 className={styles.title}>{title}</h3>\n        {Icon ? (\n          <Icon className={classnames(styles.icon, isExpended ? styles.expendedIcon : null)} />\n        ) : null}\n      </div>\n      {isExpended ? (\n        <div>\n          <div\n            className={styles.content} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {image ? <img className={styles.image} src={image} alt={''} /> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nExpandableItem.propTypes = {\n  title: PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  isExpended: PropTypes.bool,\n  content: PropTypes.string,\n  image: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport default ExpandableItem;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAEH;AADY,CAAd;;AAIP,MAAMI,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,KAAP;EAAcC,UAAd;EAA0BC,OAA1B;EAAmCC,OAAnC;EAA4CC;AAA5C,CAAD,KAAwD;EAC7E,MAAMC,IAAI,GAAGT,KAAK,CAACG,IAAD,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEE,UAAU,GAAGN,MAAM,CAACW,iBAAV,GAA8BX,MAAM,CAACY,SAA/D;IAA0E,OAAO,EAAEJ;EAAnF,gBACE;IAAK,SAAS,EAAEX,UAAU,CAACG,MAAM,CAACa,MAAR,EAAgBP,UAAU,GAAGN,MAAM,CAACc,cAAV,GAA2B,IAArD;EAA1B,gBACE;IAAI,SAAS,EAAEd,MAAM,CAACK;EAAtB,GAA8BA,KAA9B,CADF,EAEGK,IAAI,gBACH,oBAAC,IAAD;IAAM,SAAS,EAAEb,UAAU,CAACG,MAAM,CAACI,IAAR,EAAcE,UAAU,GAAGN,MAAM,CAACe,YAAV,GAAyB,IAAjD;EAA3B,EADG,GAED,IAJN,CADF,EAOGT,UAAU,gBACT,8CACE;IACE,SAAS,EAAEN,MAAM,CAACO,OADpB,CAC6B;IAD7B;IAEE,uBAAuB,EAAE;MAACS,MAAM,EAAET;IAAT;EAF3B,EADF,EAKGE,KAAK,gBAAG;IAAK,SAAS,EAAET,MAAM,CAACS,KAAvB;IAA8B,GAAG,EAAEA,KAAnC;IAA0C,GAAG,EAAE;EAA/C,EAAH,GAA2D,IALnE,CADS,GAQP,IAfN,CADF;AAmBD,CArBD;;AAuBAN,cAAc,CAACc,SAAf,2CAA2B;EACzBZ,KAAK,EAAET,SAAS,CAACsB,MADQ;EAEzBd,IAAI,EAAER,SAAS,CAACuB,KAAV,CAAgB,MAAKlB,KAAL,CAAhB,CAFmB;EAGzBK,UAAU,EAAEV,SAAS,CAACwB,IAHG;EAIzBb,OAAO,EAAEX,SAAS,CAACsB,MAJM;EAKzBT,KAAK,EAAEb,SAAS,CAACsB,MALQ;EAMzBV,OAAO,EAAEZ,SAAS,CAACyB;AANM,CAA3B;AASA,eAAelB,cAAf"}

package/es/molecule/expandable-item/style.css

@@ -0,0 +1,129 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value cm_primary_blue from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_600 from colors;
+@value cm_grey_800 from colors;
+@value white from colors;
+
+.container {
+  display: flex;
+  flex-direction: column;
+  background: white;
+  gap: 16px;
+  border-radius: 2px;
+  width: 100%;
+  display: flex;
+  height: 80px;
+  justify-content: center;
+}
+.header {
+  display: flex;
+  flex-direction: row;
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  height: 80px;
+  padding: 12px 40px;
+}
+
+.expendedContainer {
+  display: flex;
+  flex-direction: column;
+  background: white;
+  gap: 16px;
+  border-radius: 2px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.expendedHeader {
+  padding: 24px 40px 0px 40px;
+  border-radius: 10px;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 32px;
+  letter-spacing: 0px;
+  text-align: left;
+  color: cm_grey_800;
+  margin: 0;
+  font-weight: inherit;
+}
+
+.icon {
+  width: 16px;
+  height: 16px;
+  width: 14px;
+  left: 5px;
+  top: 9px;
+  border-radius: 0px;
+  color: cm_grey_800;
+  flex-shrink: 0;
+  min-width: 16px;
+  flex-basis: 16px;
+}
+
+.expendedIcon {
+  transform: rotateZ(180deg);
+}
+
+.content {
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  letter-spacing: 0px;
+  text-align: left;
+  padding: 0px 40px 32px 40px;
+
+}
+
+.image {
+  width: 100%;
+}
+
+.content span{
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  letter-spacing: 0px;
+  text-align: left;
+  color: cm_grey_600;
+}
+
+@media mobile {
+  .container {
+    display: flex;
+    flex-direction: column;
+    background: white;
+    gap: 16px;
+    border-radius: 2px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    height: max-content;
+  }
+  .header {
+    display: flex;
+    flex-direction: row;
+    flex: none;
+    order: 0;
+    flex-grow: 0;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    padding: 12px 40px;
+    height: max-content;
+  }
+}

package/es/molecule/expandable-list/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference path="../../../src/globals.d.ts" />
+export namespace ICONS {
+    export { ArrowIcon as arrow };
+}
+export default ExpandableList;
+import { NovaCompositionNavigationArrowDown as ArrowIcon } from "@coorpacademy/nova-icons";
+declare function ExpandableList({ items }: {
+    items: any;
+}): JSX.Element;
+declare namespace ExpandableList {
+    namespace propTypes {
+        const items: PropTypes.Requireable<any[]>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/expandable-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/index.js"],"names":[],"mappings":";;;;;;AAUA;;gBAYC"}

package/es/molecule/expandable-list/index.js

@@ -0,0 +1,32 @@
+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 from 'react';
+import PropTypes from 'prop-types';
+import { NovaCompositionNavigationArrowDown as ArrowIcon } from '@coorpacademy/nova-icons';
+import ExpandableItem from '../expandable-item';
+import styles from './style.css';
+export const ICONS = {
+  arrow: ArrowIcon
+};
+
+const ExpandableList = ({
+  items
+}) => {
+  return /*#__PURE__*/React.createElement("ul", {
+    className: styles.list,
+    "data-name": "expandable-item"
+  }, items.map((item, index) => {
+    return /*#__PURE__*/React.createElement("li", {
+      key: `menu-link-item-${index}`,
+      className: styles.item
+    }, /*#__PURE__*/React.createElement(ExpandableItem, _extends({}, item, {
+      className: styles.expandableItem
+    })));
+  }));
+};
+
+ExpandableList.propTypes = process.env.NODE_ENV !== "production" ? {
+  items: PropTypes.arrayOf(ExpandableItem.propTypes)
+} : {};
+export default ExpandableList;
+//# sourceMappingURL=index.js.map

package/es/molecule/expandable-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowIcon","ExpandableItem","styles","ICONS","arrow","ExpandableList","items","list","map","item","index","expandableItem","propTypes","arrayOf"],"sources":["../../../src/molecule/expandable-list/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport ExpandableItem from '../expandable-item';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst ExpandableList = ({items}) => {\n  return (\n    <ul className={styles.list} data-name=\"expandable-item\">\n      {items.map((item, index) => {\n        return (\n          <li key={`menu-link-item-${index}`} className={styles.item}>\n            <ExpandableItem {...item} className={styles.expandableItem} />\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n\nExpandableList.propTypes = {\n  items: PropTypes.arrayOf(ExpandableItem.propTypes)\n};\n\nexport default ExpandableList;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAEJ;AADY,CAAd;;AAIP,MAAMK,cAAc,GAAG,CAAC;EAACC;AAAD,CAAD,KAAa;EAClC,oBACE;IAAI,SAAS,EAAEJ,MAAM,CAACK,IAAtB;IAA4B,aAAU;EAAtC,GACGD,KAAK,CAACE,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,oBACE;MAAI,GAAG,EAAG,kBAAiBA,KAAM,EAAjC;MAAoC,SAAS,EAAER,MAAM,CAACO;IAAtD,gBACE,oBAAC,cAAD,eAAoBA,IAApB;MAA0B,SAAS,EAAEP,MAAM,CAACS;IAA5C,GADF,CADF;EAKD,CANA,CADH,CADF;AAWD,CAZD;;AAcAN,cAAc,CAACO,SAAf,2CAA2B;EACzBN,KAAK,EAAER,SAAS,CAACe,OAAV,CAAkBZ,cAAc,CAACW,SAAjC;AADkB,CAA3B;AAIA,eAAeP,cAAf"}

package/es/molecule/expandable-list/style.css

@@ -0,0 +1,21 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value cm_primary_blue from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_800 from colors;
+
+.list {
+  list-style: none;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  gap: 24px;
+}
+
+.item {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 24px;
+}

package/es/molecule/hero/index.d.ts

@@ -26,6 +26,8 @@ declare namespace Hero {
     }
     namespace propTypes {
         const image: PropTypes.Requireable<string>;
+        const mode: PropTypes.Requireable<string>;
+        const description: PropTypes.Requireable<string>;
         const title: PropTypes.Requireable<string>;
         const author: PropTypes.Requireable<string>;
         const progress: PropTypes.Requireable<number>;

package/es/molecule/hero/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/index.js"],"names":[],"mappings":";AASA,6DAgCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/index.js"],"names":[],"mappings":";AASA,6DAkDC"}

package/es/molecule/hero/index.js

@@ -17,7 +17,9 @@ const Hero = (props, context) => {
     author,
     progress,
     onClick,
-    submitValue
+    submitValue,
+    description,
+    mode = MODES.HERO
   } = props;
 
   const primaryColor = _get('common.primary', skin);
@@ -35,12 +37,18 @@ const Hero = (props, context) => {
       backgroundColor: primaryColor,
       backgroundImage: image ? `url('${image}')` : 'none'
     }
-  })), /*#__PURE__*/React.createElement(CardContentInfo, {
+  })), mode === MODES.HERO ? /*#__PURE__*/React.createElement(CardContentInfo, {
     mode: MODES.HERO,
     author: author,
     progress: progress,
     title: title
-  }), /*#__PURE__*/React.createElement("div", {
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: style.infoWrapper
+  }, /*#__PURE__*/React.createElement("h1", {
+    className: style.title
+  }, title), /*#__PURE__*/React.createElement("p", {
+    className: style.description
+  }, description)), mode === MODES.HERO ? /*#__PURE__*/React.createElement("div", {
     className: style.heroButtonWrapper
   }, /*#__PURE__*/React.createElement(Button, {
     type: "link",
@@ -51,7 +59,7 @@ const Hero = (props, context) => {
     style: {
       backgroundColor: primaryColor
     }
-  })));
+  })) : null);
 };
 
 Hero.contextTypes = {
@@ -59,6 +67,8 @@ Hero.contextTypes = {
 };
 Hero.propTypes = process.env.NODE_ENV !== "production" ? {
   image: PropTypes.string,
+  mode: PropTypes.string,
+  description: PropTypes.string,
   title: CardContentInfo.propTypes.title,
   author: CardContentInfo.propTypes.author,
   progress: CardContentInfo.propTypes.progress,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Button","CardContentInfo","MODES","style","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","primaryColor","cardStyle","hero","lazy","imageWrapper","backgroundColor","backgroundImage","HERO","heroButtonWrapper","heroButton","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../src/molecule/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport style from './style.css';\n\nconst Hero = (props, context) => {\n  const {skin} = context;\n  const {image, title, author, progress, onClick, submitValue} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      <div className={style.heroButtonWrapper}>\n        <Button\n          type=\"link\"\n          data-name=\"hero-button\"\n          onClick={onClick}\n          submitValue={submitValue}\n          className={style.heroButton}\n          style={{backgroundColor: primaryColor}}\n        />\n      </div>\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n  image: PropTypes.string,\n  title: CardContentInfo.propTypes.title,\n  author: CardContentInfo.propTypes.author,\n  progress: CardContentInfo.propTypes.progress,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport default Hero;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,IAAyBC,KAAzB,QAAqC,iBAArC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,KAAR;IAAeC,MAAf;IAAuBC,QAAvB;IAAiCC,OAAjC;IAA0CC;EAA1C,IAAyDR,KAA/D;;EAEA,MAAMS,YAAY,GAAG,KAAI,gBAAJ,EAAsBP,IAAtB,CAArB;;EACA,MAAMQ,SAAS,GAAGjB,UAAU,CAACK,KAAK,CAACa,IAAP,EAAaP,KAAK,GAAG,IAAH,GAAUN,KAAK,CAACc,IAAlC,CAA5B;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEZ,KAAK,CAACe;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAEf,KAAK,CAACK,KAFnB;IAGE,KAAK,EAAE;MACLW,eAAe,EAAEL,YADZ;MAELM,eAAe,EAAEZ,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,eAWE,oBAAC,eAAD;IAAiB,IAAI,EAAEN,KAAK,CAACmB,IAA7B;IAAmC,MAAM,EAAEX,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EAXF,eAYE;IAAK,SAAS,EAAEN,KAAK,CAACmB;EAAtB,gBACE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEV,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEV,KAAK,CAACoB,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEL;IAAlB;EANT,EADF,CAZF,CADF;AAyBD,CAhCD;;AAkCAV,IAAI,CAACoB,YAAL,GAAoB;EAClBjB,IAAI,EAAER,QAAQ,CAAC0B,iBAAT,CAA2BlB;AADf,CAApB;AAIAH,IAAI,CAACsB,SAAL,2CAAiB;EACflB,KAAK,EAAEX,SAAS,CAAC8B,MADF;EAEflB,KAAK,EAAER,eAAe,CAACyB,SAAhB,CAA0BjB,KAFlB;EAGfC,MAAM,EAAET,eAAe,CAACyB,SAAhB,CAA0BhB,MAHnB;EAIfC,QAAQ,EAAEV,eAAe,CAACyB,SAAhB,CAA0Bf,QAJrB;EAKfC,OAAO,EAAEZ,MAAM,CAAC0B,SAAP,CAAiBd,OALX;EAMfC,WAAW,EAAEb,MAAM,CAAC0B,SAAP,CAAiBb;AANf,CAAjB;AASA,eAAeT,IAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","Provider","Button","CardContentInfo","MODES","style","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","description","mode","HERO","primaryColor","cardStyle","hero","lazy","imageWrapper","backgroundColor","backgroundImage","infoWrapper","heroButtonWrapper","heroButton","contextTypes","childContextTypes","propTypes","string"],"sources":["../../../src/molecule/hero/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport style from './style.css';\n\nconst Hero = (props, context) => {\n  const {skin} = context;\n  const {\n    image,\n    title,\n    author,\n    progress,\n    onClick,\n    submitValue,\n    description,\n    mode = MODES.HERO\n  } = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      {mode === MODES.HERO ? (\n        <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      ) : (\n        <div className={style.infoWrapper}>\n          <h1 className={style.title}>{title}</h1>\n          <p className={style.description}>{description}</p>\n        </div>\n      )}\n      {mode === MODES.HERO ? (\n        <div className={style.heroButtonWrapper}>\n          <Button\n            type=\"link\"\n            data-name=\"hero-button\"\n            onClick={onClick}\n            submitValue={submitValue}\n            className={style.heroButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = {\n  image: PropTypes.string,\n  mode: PropTypes.string,\n  description: PropTypes.string,\n  title: CardContentInfo.propTypes.title,\n  author: CardContentInfo.propTypes.author,\n  progress: CardContentInfo.propTypes.progress,\n  onClick: Button.propTypes.onClick,\n  submitValue: Button.propTypes.submitValue\n};\n\nexport default Hero;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,IAAyBC,KAAzB,QAAqC,iBAArC;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC/B,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IACJE,KADI;IAEJC,KAFI;IAGJC,MAHI;IAIJC,QAJI;IAKJC,OALI;IAMJC,WANI;IAOJC,WAPI;IAQJC,IAAI,GAAGb,KAAK,CAACc;EART,IASFX,KATJ;;EAWA,MAAMY,YAAY,GAAG,KAAI,gBAAJ,EAAsBV,IAAtB,CAArB;;EACA,MAAMW,SAAS,GAAGpB,UAAU,CAACK,KAAK,CAACgB,IAAP,EAAaV,KAAK,GAAG,IAAH,GAAUN,KAAK,CAACiB,IAAlC,CAA5B;EAEA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEf,KAAK,CAACkB;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAElB,KAAK,CAACK,KAFnB;IAGE,KAAK,EAAE;MACLc,eAAe,EAAEL,YADZ;MAELM,eAAe,EAAEf,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,EAWGO,IAAI,KAAKb,KAAK,CAACc,IAAf,gBACC,oBAAC,eAAD;IAAiB,IAAI,EAAEd,KAAK,CAACc,IAA7B;IAAmC,MAAM,EAAEN,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EADD,gBAGC;IAAK,SAAS,EAAEN,KAAK,CAACqB;EAAtB,gBACE;IAAI,SAAS,EAAErB,KAAK,CAACM;EAArB,GAA6BA,KAA7B,CADF,eAEE;IAAG,SAAS,EAAEN,KAAK,CAACW;EAApB,GAAkCA,WAAlC,CAFF,CAdJ,EAmBGC,IAAI,KAAKb,KAAK,CAACc,IAAf,gBACC;IAAK,SAAS,EAAEb,KAAK,CAACsB;EAAtB,gBACE,oBAAC,MAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEb,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEV,KAAK,CAACuB,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEL;IAAlB;EANT,EADF,CADD,GAWG,IA9BN,CADF;AAkCD,CAlDD;;AAoDAb,IAAI,CAACuB,YAAL,GAAoB;EAClBpB,IAAI,EAAER,QAAQ,CAAC6B,iBAAT,CAA2BrB;AADf,CAApB;AAIAH,IAAI,CAACyB,SAAL,2CAAiB;EACfrB,KAAK,EAAEX,SAAS,CAACiC,MADF;EAEff,IAAI,EAAElB,SAAS,CAACiC,MAFD;EAGfhB,WAAW,EAAEjB,SAAS,CAACiC,MAHR;EAIfrB,KAAK,EAAER,eAAe,CAAC4B,SAAhB,CAA0BpB,KAJlB;EAKfC,MAAM,EAAET,eAAe,CAAC4B,SAAhB,CAA0BnB,MALnB;EAMfC,QAAQ,EAAEV,eAAe,CAAC4B,SAAhB,CAA0BlB,QANrB;EAOfC,OAAO,EAAEZ,MAAM,CAAC6B,SAAP,CAAiBjB,OAPX;EAQfC,WAAW,EAAEb,MAAM,CAAC6B,SAAP,CAAiBhB;AARf,CAAjB;AAWA,eAAeT,IAAf"}

package/es/molecule/hero/style.css

@@ -156,3 +156,45 @@
     opacity: 0;
   }
 }
+
+.infoWrapper {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  justify-content: center;
+  padding: 0 40px;
+  width: 100%;
+  box-sizing: border-box;
+  color: white;
+  align-self: center;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 40px;
+  font-weight: 600;
+  line-height: 48px;
+  letter-spacing: 0px;
+  text-align: center;  
+  overflow: hidden;
+  user-select: none;
+  margin: 0;
+  align-self: center;
+}
+
+.description {
+  text-align: center;
+  margin-top: 12px;
+  font-size: 17px;
+  font-family: Gilroy;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0px;
+  overflow: hidden;
+  user-select: none;
+  max-width: 650px;
+  padding: 0;
+  margin: 0;
+  align-self: center;
+}

package/es/molecule/menu-links/index.d.ts

@@ -0,0 +1,18 @@
+export default MenuLinks;
+declare function MenuLinks({ items, title }: {
+    items: any;
+    title: any;
+}): JSX.Element;
+declare namespace MenuLinks {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const items: PropTypes.Requireable<(PropTypes.InferProps<{
+            text: PropTypes.Requireable<string>;
+            isSelected: PropTypes.Requireable<boolean>;
+            handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+            isShowMoreItem: PropTypes.Requireable<boolean>;
+        }> | null | undefined)[]>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/menu-links/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.js"],"names":[],"mappings":";AAKA;;;gBAwBC"}

package/es/molecule/menu-links/index.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import styles from './style.css';
+
+const MenuLinks = ({
+  items,
+  title
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: styles.title
+  }, title), /*#__PURE__*/React.createElement("ul", {
+    className: styles.list,
+    "data-name": "menu-links"
+  }, items.map((item, index) => {
+    const {
+      handleOnclick
+    } = item;
+    return /*#__PURE__*/React.createElement("li", {
+      onClick: handleOnclick,
+      key: `menu-link-item-${index}`,
+      className: styles.item
+    }, /*#__PURE__*/React.createElement("div", {
+      className: item.isSelected ? styles.border : null
+    }), /*#__PURE__*/React.createElement("span", {
+      className: classnames(item.isShowMoreItem ? styles.showMoreItem : styles.itemText, item.isSelected ? styles.selectedItem : undefined)
+    }, item.text));
+  })));
+};
+
+MenuLinks.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.string,
+  items: PropTypes.arrayOf(PropTypes.shape({
+    text: PropTypes.string,
+    isSelected: PropTypes.bool,
+    handleOnclick: PropTypes.func,
+    isShowMoreItem: PropTypes.bool
+  }))
+} : {};
+export default MenuLinks;
+//# sourceMappingURL=index.js.map

package/es/molecule/menu-links/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","styles","MenuLinks","items","title","container","list","map","item","index","handleOnclick","isSelected","border","isShowMoreItem","showMoreItem","itemText","selectedItem","undefined","text","propTypes","string","arrayOf","shape","bool","func"],"sources":["../../../src/molecule/menu-links/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport styles from './style.css';\n\nconst MenuLinks = ({items, title}) => {\n  return (\n    <div className={styles.container}>\n      <h2 className={styles.title}>{title}</h2>\n      <ul className={styles.list} data-name=\"menu-links\">\n        {items.map((item, index) => {\n          const {handleOnclick} = item;\n          return (\n            <li onClick={handleOnclick} key={`menu-link-item-${index}`} className={styles.item}>\n              <div className={item.isSelected ? styles.border : null} />\n              <span\n                className={classnames(\n                  item.isShowMoreItem ? styles.showMoreItem : styles.itemText,\n                  item.isSelected ? styles.selectedItem : undefined\n                )}\n              >\n                {item.text}\n              </span>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n\nMenuLinks.propTypes = {\n  title: PropTypes.string,\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      isSelected: PropTypes.bool,\n      handleOnclick: PropTypes.func,\n      isShowMoreItem: PropTypes.bool\n    })\n  )\n};\n\nexport default MenuLinks;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAAoB;EACpC,oBACE;IAAK,SAAS,EAAEH,MAAM,CAACI;EAAvB,gBACE;IAAI,SAAS,EAAEJ,MAAM,CAACG;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAI,SAAS,EAAEH,MAAM,CAACK,IAAtB;IAA4B,aAAU;EAAtC,GACGH,KAAK,CAACI,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,MAAM;MAACC;IAAD,IAAkBF,IAAxB;IACA,oBACE;MAAI,OAAO,EAAEE,aAAb;MAA4B,GAAG,EAAG,kBAAiBD,KAAM,EAAzD;MAA4D,SAAS,EAAER,MAAM,CAACO;IAA9E,gBACE;MAAK,SAAS,EAAEA,IAAI,CAACG,UAAL,GAAkBV,MAAM,CAACW,MAAzB,GAAkC;IAAlD,EADF,eAEE;MACE,SAAS,EAAEZ,UAAU,CACnBQ,IAAI,CAACK,cAAL,GAAsBZ,MAAM,CAACa,YAA7B,GAA4Cb,MAAM,CAACc,QADhC,EAEnBP,IAAI,CAACG,UAAL,GAAkBV,MAAM,CAACe,YAAzB,GAAwCC,SAFrB;IADvB,GAMGT,IAAI,CAACU,IANR,CAFF,CADF;EAaD,CAfA,CADH,CAFF,CADF;AAuBD,CAxBD;;AA0BAhB,SAAS,CAACiB,SAAV,2CAAsB;EACpBf,KAAK,EAAEL,SAAS,CAACqB,MADG;EAEpBjB,KAAK,EAAEJ,SAAS,CAACsB,OAAV,CACLtB,SAAS,CAACuB,KAAV,CAAgB;IACdJ,IAAI,EAAEnB,SAAS,CAACqB,MADF;IAEdT,UAAU,EAAEZ,SAAS,CAACwB,IAFR;IAGdb,aAAa,EAAEX,SAAS,CAACyB,IAHX;IAIdX,cAAc,EAAEd,SAAS,CAACwB;EAJZ,CAAhB,CADK;AAFa,CAAtB;AAYA,eAAerB,SAAf"}

package/es/molecule/menu-links/style.css

@@ -0,0 +1,87 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value cm_primary_blue from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_800 from colors;
+
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 40px 40px 40px 0px;
+  gap: 24px;
+  background: #FFFFFF;
+  border-radius: 10px;
+  /* Inside auto layout */
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+}
+
+.title {
+  padding: 0px 0px 0px 40px;
+  margin: 0;
+  font-family: 'Gilroy';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 24px;
+  line-height: 32px;
+  order: 0;
+  flex-grow: 0;
+  z-index: 0;
+  color: cm_grey_500;
+}
+
+.list {
+  list-style: none;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+}
+
+.item {
+  display: flex;
+  flex-direction: row;
+  gap: 36px;
+  margin-bottom: 16px;
+}
+
+.itemText {
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 28px;
+  letter-spacing: 0px;
+  font-style: normal;
+  text-align: left;
+  margin: 0;
+  color: cm_grey_800;
+}
+
+.border {
+  width: 4px;
+  font-weight: inherit;
+  background-color: cm_primary_blue;
+  flex-shrink: 0;
+  min-width: 4px;
+  flex-basis: 4px;
+}
+
+.showMoreItem {
+  font-family: 'Gilroy';
+  font-style: normal;
+  font-weight: 200;
+  font-size: 24px;
+  line-height: 32px;
+  color: cm_primary_blue;
+}
+
+.selectedItem {
+  color: cm_primary_blue;
+}
+
+.item:hover{
+  text-decoration: underline;
+}

package/es/molecule/privacy-policy-contact/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference path="../../../src/globals.d.ts" />
+export namespace ICONS {
+    export { ArrowIcon as arrow };
+}
+export default PrivacyPolicyContact;
+import { NovaCompositionNavigationArrowDown as ArrowIcon } from "@coorpacademy/nova-icons";
+declare function PrivacyPolicyContact({ title, content }: {
+    title: any;
+    content: any;
+}): JSX.Element;
+declare namespace PrivacyPolicyContact {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const content: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/privacy-policy-contact/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/index.js"],"names":[],"mappings":";;;;;;AASA;;;gBAWC"}

package/es/molecule/privacy-policy-contact/index.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { NovaCompositionNavigationArrowDown as ArrowIcon } from '@coorpacademy/nova-icons';
+import styles from './style.css';
+export const ICONS = {
+  arrow: ArrowIcon
+};
+
+const PrivacyPolicyContact = ({
+  title,
+  content
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: styles.title // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: title
+    }
+  }), /*#__PURE__*/React.createElement("p", {
+    className: styles.content
+  }, content));
+};
+
+PrivacyPolicyContact.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.string,
+  content: PropTypes.string
+} : {};
+export default PrivacyPolicyContact;
+//# sourceMappingURL=index.js.map

package/es/molecule/privacy-policy-contact/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationArrowDown","ArrowIcon","styles","ICONS","arrow","PrivacyPolicyContact","title","content","container","__html","propTypes","string"],"sources":["../../../src/molecule/privacy-policy-contact/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst PrivacyPolicyContact = ({title, content}) => {\n  return (\n    <div className={styles.container}>\n      <h3\n        className={styles.title}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n      <p className={styles.content}>{content}</p>\n    </div>\n  );\n};\n\nPrivacyPolicyContact.propTypes = {\n  title: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport default PrivacyPolicyContact;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAEH;AADY,CAAd;;AAIP,MAAMI,oBAAoB,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAAsB;EACjD,oBACE;IAAK,SAAS,EAAEL,MAAM,CAACM;EAAvB,gBACE;IACE,SAAS,EAAEN,MAAM,CAACI,KADpB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACG,MAAM,EAAEH;IAAT;EAH3B,EADF,eAME;IAAG,SAAS,EAAEJ,MAAM,CAACK;EAArB,GAA+BA,OAA/B,CANF,CADF;AAUD,CAXD;;AAaAF,oBAAoB,CAACK,SAArB,2CAAiC;EAC/BJ,KAAK,EAAEP,SAAS,CAACY,MADc;EAE/BJ,OAAO,EAAER,SAAS,CAACY;AAFY,CAAjC;AAKA,eAAeN,oBAAf"}