@coorpacademy/components 11.12.1 → 11.12.3-alpha.9

package/lib/molecule/hero/index.js

@@ -35,7 +35,9 @@ const Hero = (props, context) => {
     author,
     progress,
     onClick,
-    submitValue
+    submitValue,
+    description,
+    mode = _cardContent.MODES.HERO
   } = props;
   const primaryColor = (0, _get2.default)('common.primary', skin);
   const cardStyle = (0, _classnames.default)(_style.default.hero, title ? null : _style.default.lazy);
@@ -51,12 +53,18 @@ const Hero = (props, context) => {
       backgroundColor: primaryColor,
       backgroundImage: image ? `url('${image}')` : 'none'
     }
-  })), /*#__PURE__*/_react.default.createElement(_cardContent.default, {
+  })), mode === _cardContent.MODES.HERO ? /*#__PURE__*/_react.default.createElement(_cardContent.default, {
     mode: _cardContent.MODES.HERO,
     author: author,
     progress: progress,
     title: title
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.infoWrapper
+  }, /*#__PURE__*/_react.default.createElement("h1", {
+    className: _style.default.title
+  }, title), /*#__PURE__*/_react.default.createElement("p", {
+    className: _style.default.description
+  }, description)), mode === _cardContent.MODES.HERO ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.heroButtonWrapper
   }, /*#__PURE__*/_react.default.createElement(_button.default, {
     type: "link",
@@ -67,7 +75,7 @@ const Hero = (props, context) => {
     style: {
       backgroundColor: primaryColor
     }
-  })));
+  })) : null);
 };
 
 Hero.contextTypes = {
@@ -75,6 +83,8 @@ Hero.contextTypes = {
 };
 Hero.propTypes = process.env.NODE_ENV !== "production" ? {
   image: _propTypes.default.string,
+  mode: _propTypes.default.string,
+  description: _propTypes.default.string,
   title: _cardContent.default.propTypes.title,
   author: _cardContent.default.propTypes.author,
   progress: _cardContent.default.propTypes.progress,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Hero","props","context","skin","image","title","author","progress","onClick","submitValue","primaryColor","cardStyle","classnames","style","hero","lazy","imageWrapper","backgroundColor","backgroundImage","MODES","HERO","heroButtonWrapper","heroButton","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","CardContentInfo","Button"],"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;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,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,mBAAI,gBAAJ,EAAsBP,IAAtB,CAArB;EACA,MAAMQ,SAAS,GAAG,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,IAAjB,EAAuBT,KAAK,GAAG,IAAH,GAAUQ,cAAA,CAAME,IAA5C,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEJ,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAEH,cAAA,CAAMT,KAFnB;IAGE,KAAK,EAAE;MACLa,eAAe,EAAEP,YADZ;MAELQ,eAAe,EAAEd,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,eAWE,6BAAC,oBAAD;IAAiB,IAAI,EAAEe,kBAAA,CAAMC,IAA7B;IAAmC,MAAM,EAAEd,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EAXF,eAYE;IAAK,SAAS,EAAEQ,cAAA,CAAMQ;EAAtB,gBACE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEb,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEI,cAAA,CAAMS,UALnB;IAME,KAAK,EAAE;MAACL,eAAe,EAAEP;IAAlB;EANT,EADF,CAZF,CADF;AAyBD,CAhCD;;AAkCAV,IAAI,CAACuB,YAAL,GAAoB;EAClBpB,IAAI,EAAEqB,iBAAA,CAASC,iBAAT,CAA2BtB;AADf,CAApB;AAIAH,IAAI,CAAC0B,SAAL,2CAAiB;EACftB,KAAK,EAAEuB,kBAAA,CAAUC,MADF;EAEfvB,KAAK,EAAEwB,oBAAA,CAAgBH,SAAhB,CAA0BrB,KAFlB;EAGfC,MAAM,EAAEuB,oBAAA,CAAgBH,SAAhB,CAA0BpB,MAHnB;EAIfC,QAAQ,EAAEsB,oBAAA,CAAgBH,SAAhB,CAA0BnB,QAJrB;EAKfC,OAAO,EAAEsB,eAAA,CAAOJ,SAAP,CAAiBlB,OALX;EAMfC,WAAW,EAAEqB,eAAA,CAAOJ,SAAP,CAAiBjB;AANf,CAAjB;eASeT,I"}
+{"version":3,"file":"index.js","names":["Hero","props","context","skin","image","title","author","progress","onClick","submitValue","description","mode","MODES","HERO","primaryColor","cardStyle","classnames","style","hero","lazy","imageWrapper","backgroundColor","backgroundImage","infoWrapper","heroButtonWrapper","heroButton","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","CardContentInfo","Button"],"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;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,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,GAAGC,kBAAA,CAAMC;EART,IASFZ,KATJ;EAWA,MAAMa,YAAY,GAAG,mBAAI,gBAAJ,EAAsBX,IAAtB,CAArB;EACA,MAAMY,SAAS,GAAG,IAAAC,mBAAA,EAAWC,cAAA,CAAMC,IAAjB,EAAuBb,KAAK,GAAG,IAAH,GAAUY,cAAA,CAAME,IAA5C,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEJ,SAAhB;IAA2B,aAAU;EAArC,gBACE;IAAK,SAAS,EAAEE,cAAA,CAAMG;EAAtB,gBACE;IACE,aAAU,OADZ;IAEE,SAAS,EAAEH,cAAA,CAAMb,KAFnB;IAGE,KAAK,EAAE;MACLiB,eAAe,EAAEP,YADZ;MAELQ,eAAe,EAAElB,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;IAFxC;EAHT,EADF,CADF,EAWGO,IAAI,KAAKC,kBAAA,CAAMC,IAAf,gBACC,6BAAC,oBAAD;IAAiB,IAAI,EAAED,kBAAA,CAAMC,IAA7B;IAAmC,MAAM,EAAEP,MAA3C;IAAmD,QAAQ,EAAEC,QAA7D;IAAuE,KAAK,EAAEF;EAA9E,EADD,gBAGC;IAAK,SAAS,EAAEY,cAAA,CAAMM;EAAtB,gBACE;IAAI,SAAS,EAAEN,cAAA,CAAMZ;EAArB,GAA6BA,KAA7B,CADF,eAEE;IAAG,SAAS,EAAEY,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAFF,CAdJ,EAmBGC,IAAI,KAAKC,kBAAA,CAAMC,IAAf,gBACC;IAAK,SAAS,EAAEI,cAAA,CAAMO;EAAtB,gBACE,6BAAC,eAAD;IACE,IAAI,EAAC,MADP;IAEE,aAAU,aAFZ;IAGE,OAAO,EAAEhB,OAHX;IAIE,WAAW,EAAEC,WAJf;IAKE,SAAS,EAAEQ,cAAA,CAAMQ,UALnB;IAME,KAAK,EAAE;MAACJ,eAAe,EAAEP;IAAlB;EANT,EADF,CADD,GAWG,IA9BN,CADF;AAkCD,CAlDD;;AAoDAd,IAAI,CAAC0B,YAAL,GAAoB;EAClBvB,IAAI,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB;AADf,CAApB;AAIAH,IAAI,CAAC6B,SAAL,2CAAiB;EACfzB,KAAK,EAAE0B,kBAAA,CAAUC,MADF;EAEfpB,IAAI,EAAEmB,kBAAA,CAAUC,MAFD;EAGfrB,WAAW,EAAEoB,kBAAA,CAAUC,MAHR;EAIf1B,KAAK,EAAE2B,oBAAA,CAAgBH,SAAhB,CAA0BxB,KAJlB;EAKfC,MAAM,EAAE0B,oBAAA,CAAgBH,SAAhB,CAA0BvB,MALnB;EAMfC,QAAQ,EAAEyB,oBAAA,CAAgBH,SAAhB,CAA0BtB,QANrB;EAOfC,OAAO,EAAEyB,eAAA,CAAOJ,SAAP,CAAiBrB,OAPX;EAQfC,WAAW,EAAEwB,eAAA,CAAOJ,SAAP,CAAiBpB;AARf,CAAjB;eAWeT,I"}

package/lib/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/lib/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>;
+            onclick: PropTypes.Requireable<(...args: any[]) => any>;
+            isShowMoreItem: PropTypes.Requireable<boolean>;
+        }> | null | undefined)[]>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/lib/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/lib/molecule/menu-links/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const MenuLinks = ({
+  items,
+  title
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement("h2", {
+    className: _style.default.title
+  }, title), /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.list,
+    "data-name": "menu-links"
+  }, items.map((item, index) => {
+    const {
+      onClick
+    } = item;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: `menu-link-item-${index}`,
+      className: _style.default.item
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      onClick: onClick,
+      className: item.isSelected ? _style.default.border : null
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: (0, _classnames.default)(item.isShowMoreItem ? _style.default.showMoreItem : _style.default.itemText, item.isSelected ? _style.default.selectedItem : undefined)
+    }, item.text));
+  })));
+};
+
+MenuLinks.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes.default.string,
+  items: _propTypes.default.arrayOf(_propTypes.default.shape({
+    text: _propTypes.default.string,
+    isSelected: _propTypes.default.bool,
+    onclick: _propTypes.default.func,
+    isShowMoreItem: _propTypes.default.bool
+  }))
+} : {};
+var _default = MenuLinks;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["MenuLinks","items","title","styles","container","list","map","item","index","onClick","isSelected","border","classnames","isShowMoreItem","showMoreItem","itemText","selectedItem","undefined","text","propTypes","PropTypes","string","arrayOf","shape","bool","onclick","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 {onClick} = item;\n          return (\n            <li key={`menu-link-item-${index}`} className={styles.item}>\n              <div onClick={onClick} 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      onclick: PropTypes.func,\n      isShowMoreItem: PropTypes.bool\n    })\n  )\n};\n\nexport default MenuLinks;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAAoB;EACpC,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAOC;EAAvB,gBACE;IAAI,SAAS,EAAED,cAAA,CAAOD;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAI,SAAS,EAAEC,cAAA,CAAOE,IAAtB;IAA4B,aAAU;EAAtC,GACGJ,KAAK,CAACK,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,MAAM;MAACC;IAAD,IAAYF,IAAlB;IACA,oBACE;MAAI,GAAG,EAAG,kBAAiBC,KAAM,EAAjC;MAAoC,SAAS,EAAEL,cAAA,CAAOI;IAAtD,gBACE;MAAK,OAAO,EAAEE,OAAd;MAAuB,SAAS,EAAEF,IAAI,CAACG,UAAL,GAAkBP,cAAA,CAAOQ,MAAzB,GAAkC;IAApE,EADF,eAEE;MACE,SAAS,EAAE,IAAAC,mBAAA,EACTL,IAAI,CAACM,cAAL,GAAsBV,cAAA,CAAOW,YAA7B,GAA4CX,cAAA,CAAOY,QAD1C,EAETR,IAAI,CAACG,UAAL,GAAkBP,cAAA,CAAOa,YAAzB,GAAwCC,SAF/B;IADb,GAMGV,IAAI,CAACW,IANR,CAFF,CADF;EAaD,CAfA,CADH,CAFF,CADF;AAuBD,CAxBD;;AA0BAlB,SAAS,CAACmB,SAAV,2CAAsB;EACpBjB,KAAK,EAAEkB,kBAAA,CAAUC,MADG;EAEpBpB,KAAK,EAAEmB,kBAAA,CAAUE,OAAV,CACLF,kBAAA,CAAUG,KAAV,CAAgB;IACdL,IAAI,EAAEE,kBAAA,CAAUC,MADF;IAEdX,UAAU,EAAEU,kBAAA,CAAUI,IAFR;IAGdC,OAAO,EAAEL,kBAAA,CAAUM,IAHL;IAIdb,cAAc,EAAEO,kBAAA,CAAUI;EAJZ,CAAhB,CADK;AAFa,CAAtB;eAYexB,S"}

package/lib/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/lib/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/lib/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/lib/molecule/privacy-policy-contact/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.ICONS = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ICONS = {
+  arrow: _novaIcons.NovaCompositionNavigationArrowDown
+};
+exports.ICONS = ICONS;
+
+const PrivacyPolicyContact = ({
+  title,
+  content
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    className: _style.default.title // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: title
+    }
+  }), /*#__PURE__*/_react.default.createElement("p", {
+    className: _style.default.content
+  }, content));
+};
+
+PrivacyPolicyContact.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes.default.string,
+  content: _propTypes.default.string
+} : {};
+var _default = PrivacyPolicyContact;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ICONS","arrow","ArrowIcon","PrivacyPolicyContact","title","content","styles","container","__html","propTypes","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;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,KAAK,GAAG;EACnBC,KAAK,EAAEC;AADY,CAAd;;;AAIP,MAAMC,oBAAoB,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAAsB;EACjD,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAOC;EAAvB,gBACE;IACE,SAAS,EAAED,cAAA,CAAOF,KADpB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACI,MAAM,EAAEJ;IAAT;EAH3B,EADF,eAME;IAAG,SAAS,EAAEE,cAAA,CAAOD;EAArB,GAA+BA,OAA/B,CANF,CADF;AAUD,CAXD;;AAaAF,oBAAoB,CAACM,SAArB,2CAAiC;EAC/BL,KAAK,EAAEM,kBAAA,CAAUC,MADc;EAE/BN,OAAO,EAAEK,kBAAA,CAAUC;AAFY,CAAjC;eAKeR,oB"}

package/lib/molecule/privacy-policy-contact/style.css

@@ -0,0 +1,37 @@
+@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_400 from colors;
+@value white from colors;
+
+.container {
+  padding: 16px 14px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: white;
+}
+
+.title {
+font-family: Gilroy;
+font-size: 16px;
+font-weight: 400;
+line-height: 24px;
+letter-spacing: 0em;
+text-align: center;
+margin: 0;  
+}
+
+.content {
+font-family: Gilroy;
+font-size: 14px;
+font-style: italic;
+font-weight: 400;
+line-height: 22px;
+letter-spacing: 0em;
+text-align: center;
+margin: 0;
+}

package/lib/molecule/privacy-policy-download/index.d.ts

@@ -0,0 +1,30 @@
+export default PrivacyPolicyDownload;
+declare function PrivacyPolicyDownload({ title, downloadButton, content }: {
+    title: any;
+    downloadButton: any;
+    content: any;
+}): JSX.Element;
+declare namespace PrivacyPolicyDownload {
+    namespace propTypes {
+        const title: PropTypes.Requireable<string>;
+        const content: PropTypes.Requireable<string>;
+        const downloadButton: PropTypes.Requireable<PropTypes.InferProps<{
+            color: any;
+            submitValue: PropTypes.Requireable<string>;
+            disabled: PropTypes.Requireable<boolean>;
+            isLinkDisabled: PropTypes.Requireable<boolean>;
+            href: PropTypes.Requireable<string>;
+            download: PropTypes.Requireable<boolean>;
+            target: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
+            buttonContentClassName: PropTypes.Requireable<string>;
+            style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            'data-name': PropTypes.Requireable<string>;
+        }>>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=index.d.ts.map

package/lib/molecule/privacy-policy-download/index.d.ts.map

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

package/lib/molecule/privacy-policy-download/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _button = _interopRequireDefault(require("../../atom/button"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const PrivacyPolicyDownload = ({
+  title,
+  downloadButton,
+  content
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    className: _style.default.title
+  }, title), /*#__PURE__*/_react.default.createElement("p", {
+    className: _style.default.content
+  }, content), /*#__PURE__*/_react.default.createElement(_button.default, _extends({}, downloadButton, {
+    className: _style.default.downloadButton
+  })));
+};
+
+PrivacyPolicyDownload.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _propTypes.default.string,
+  content: _propTypes.default.string,
+  downloadButton: _propTypes.default.shape(_button.default.propTypes)
+} : {};
+var _default = PrivacyPolicyDownload;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/privacy-policy-download/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["PrivacyPolicyDownload","title","downloadButton","content","styles","container","propTypes","PropTypes","string","shape","Button"],"sources":["../../../src/molecule/privacy-policy-download/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '../../atom/button';\nimport styles from './style.css';\n\nconst PrivacyPolicyDownload = ({title, downloadButton, content}) => {\n  return (\n    <div className={styles.container}>\n      <h3 className={styles.title}>{title}</h3>\n      <p className={styles.content}>{content}</p>\n      <Button {...downloadButton} className={styles.downloadButton} />\n    </div>\n  );\n};\n\nPrivacyPolicyDownload.propTypes = {\n  title: PropTypes.string,\n  content: PropTypes.string,\n  downloadButton: PropTypes.shape(Button.propTypes)\n};\n\nexport default PrivacyPolicyDownload;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,qBAAqB,GAAG,CAAC;EAACC,KAAD;EAAQC,cAAR;EAAwBC;AAAxB,CAAD,KAAsC;EAClE,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAOC;EAAvB,gBACE;IAAI,SAAS,EAAED,cAAA,CAAOH;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAG,SAAS,EAAEG,cAAA,CAAOD;EAArB,GAA+BA,OAA/B,CAFF,eAGE,6BAAC,eAAD,eAAYD,cAAZ;IAA4B,SAAS,EAAEE,cAAA,CAAOF;EAA9C,GAHF,CADF;AAOD,CARD;;AAUAF,qBAAqB,CAACM,SAAtB,2CAAkC;EAChCL,KAAK,EAAEM,kBAAA,CAAUC,MADe;EAEhCL,OAAO,EAAEI,kBAAA,CAAUC,MAFa;EAGhCN,cAAc,EAAEK,kBAAA,CAAUE,KAAV,CAAgBC,eAAA,CAAOJ,SAAvB;AAHgB,CAAlC;eAMeN,qB"}

package/lib/molecule/privacy-policy-download/style.css

@@ -0,0 +1,42 @@
+@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 white from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_400 from colors;
+
+.container {
+  padding: 40px;
+  background-color: white;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 32px;
+  letter-spacing: 0em;
+  text-align: left;
+  color: cm_grey_500;
+  margin: 0px 0px 8px 0px;
+  
+}
+
+.content {
+  font-family: Gilroy;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: left;
+  color: cm_grey_400;
+  margin: 0px 0px 24px 0px;
+}
+
+.downloadButton {
+  height: 48px;
+  width: 152px;
+  border-radius: 10px;
+}

package/lib/molecule/setup-slide/index.d.ts

@@ -105,6 +105,8 @@ declare namespace SetupSlide {
             modified: PropTypes.Requireable<boolean>;
             disabled: PropTypes.Requireable<boolean>;
             children: PropTypes.Requireable<(...args: any[]) => any>;
+            pdfButtonLabel: PropTypes.Requireable<string>;
+            pdfButtonAriaLabel: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
             type: PropTypes.Requireable<string>;
             title: PropTypes.Validator<string>;

package/lib/molecule/setup-slider/index.d.ts

@@ -118,6 +118,8 @@ declare namespace SetupSlider {
                 modified: PropTypes.Requireable<boolean>;
                 disabled: PropTypes.Requireable<boolean>;
                 children: PropTypes.Requireable<(...args: any[]) => any>;
+                pdfButtonLabel: PropTypes.Requireable<string>;
+                pdfButtonAriaLabel: PropTypes.Requireable<string>;
             }> | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 title: PropTypes.Validator<string>;

package/lib/molecule/title-and-checkbox-wrapper/index.d.ts

@@ -65,6 +65,8 @@ declare namespace TitleAndCheckBoxWrapper {
                 modified: PropTypes.Requireable<boolean>;
                 disabled: PropTypes.Requireable<boolean>;
                 children: PropTypes.Requireable<(...args: any[]) => any>;
+                pdfButtonLabel: PropTypes.Requireable<string>;
+                pdfButtonAriaLabel: PropTypes.Requireable<string>;
             }> | null | undefined)[]>;
             'data-name': PropTypes.Requireable<string>;
         }> | null | undefined>>;

package/lib/organism/brand-form/index.d.ts

@@ -178,6 +178,8 @@ declare namespace BrandForm {
                 modified: PropTypes.Requireable<boolean>;
                 disabled: PropTypes.Requireable<boolean>;
                 children: PropTypes.Requireable<(...args: any[]) => any>;
+                pdfButtonLabel: PropTypes.Requireable<string>;
+                pdfButtonAriaLabel: PropTypes.Requireable<string>;
             }> | PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
                 tabProps: PropTypes.Requireable<(PropTypes.InferProps<{
@@ -296,6 +298,8 @@ declare namespace BrandForm {
                         modified: PropTypes.Requireable<boolean>;
                         disabled: PropTypes.Requireable<boolean>;
                         children: PropTypes.Requireable<(...args: any[]) => any>;
+                        pdfButtonLabel: PropTypes.Requireable<string>;
+                        pdfButtonAriaLabel: PropTypes.Requireable<string>;
                     }> | PropTypes.InferProps<{
                         type: PropTypes.Requireable<string>;
                         title: PropTypes.Validator<string>;

package/lib/organism/list-item/index.d.ts

@@ -31,6 +31,7 @@ declare namespace ListItem {
         title: PropTypes.Validator<string>;
         order: PropTypes.Requireable<number>;
         'aria-label': PropTypes.Requireable<string>;
+        contentType: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

package/lib/organism/list-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAQA,mDAqCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAQA,mDA4CC"}

package/lib/organism/list-item/index.js

@@ -27,7 +27,8 @@ const ListItem = props => {
     tags,
     title,
     order,
-    'aria-label': ariaLabel
+    'aria-label': ariaLabel,
+    contentType
   } = props;
 
   const tagsView = _map2.default.convert({
@@ -42,7 +43,7 @@ const ListItem = props => {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper
-  }, isPublished ? /*#__PURE__*/_react.default.createElement("div", {
+  }, isPublished && contentType === 'certification' ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.orderWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.order,
@@ -89,7 +90,8 @@ ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   })),
   title: _propTypes.default.string.isRequired,
   order: _propTypes.default.number,
-  'aria-label': _propTypes.default.string
+  'aria-label': _propTypes.default.string,
+  contentType: _propTypes.default.string
 } : {};
 var _default = ListItem;
 exports.default = _default;