@coorpacademy/components 11.12.3-alpha.11 → 11.12.3-alpha.14

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

@@ -1,26 +1,18 @@
-/// <reference path="../../../src/globals.d.ts" />
-export namespace ICONS {
-    export { ArrowIcon as arrow };
-}
+/// <reference types="react" />
+import { Props } from './types';
+export declare const ICONS: {
+    arrow: any;
+};
+declare const ExpandableItem: {
+    ({ icon, title, isExpended, content, onClick, image }: Props): JSX.Element;
+    propTypes: {
+        title: import("prop-types").Requireable<string>;
+        icon: import("prop-types").Requireable<string>;
+        isExpended: import("prop-types").Requireable<boolean>;
+        content: import("prop-types").Requireable<string>;
+        image: import("prop-types").Requireable<string>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+};
 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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/index.js"],"names":[],"mappings":";;;;;;AAWA;;;;;;;gBAqBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,cAAc;2DAAwD,KAAK;;;;;;;;;CAqBhF,CAAC;AAGF,eAAe,cAAc,CAAC"}

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

@@ -1,8 +1,7 @@
-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 { propTypes } from './types';
 import styles from './style.css';
 export const ICONS = {
   arrow: ArrowIcon
@@ -39,13 +38,6 @@ const ExpandableItem = ({
   }) : 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
-} : {};
+ExpandableItem.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ExpandableItem;
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"}
+{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","ICONS","arrow","ExpandableItem","icon","title","isExpended","content","onClick","image","Icon","expendedContainer","container","header","expendedHeader","expendedIcon","__html"],"sources":["../../../src/molecule/expandable-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst ExpandableItem = ({icon, title, isExpended, content, onClick, image}: Props) => {\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 = propTypes;\nexport default ExpandableItem;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAEJ;AADY,CAAd;;AAIP,MAAMK,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,KAAP;EAAcC,UAAd;EAA0BC,OAA1B;EAAmCC,OAAnC;EAA4CC;AAA5C,CAAD,KAA+D;EACpF,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,EAAEZ,UAAU,CAACI,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,EAAEd,UAAU,CAACI,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,CAACJ,SAAf,2CAA2BA,SAA3B;AACA,eAAeI,cAAf"}

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

@@ -6,6 +6,7 @@
 @value cm_grey_500 from colors;
 @value cm_grey_600 from colors;
 @value cm_grey_800 from colors;
+@value cm_grey_700 from colors;
 @value white from colors;
 
 .container {
@@ -13,12 +14,13 @@
   flex-direction: column;
   background: white;
   gap: 16px;
-  border-radius: 2px;
+  border-radius: 8px;
   width: 100%;
   display: flex;
-  height: 80px;
+  height: 72px;
   justify-content: center;
 }
+
 .header {
   display: flex;
   flex-direction: row;
@@ -28,8 +30,8 @@
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
-  height: 80px;
-  padding: 12px 40px;
+  padding: 24px;
+  gap: 16px;
 }
 
 .expendedContainer {
@@ -44,20 +46,20 @@
 }
 
 .expendedHeader {
-  padding: 24px 40px 0px 40px;
-  border-radius: 10px;
+  padding: 24px 24px 0px 24px;
 }
 
 .title {
   font-family: Gilroy;
-  font-size: 24px;
+  color: cm_grey_700;
+  margin: 0;
+  font-weight: inherit;
+  font-family: Gilroy;
+  font-size: 18px;
   font-weight: 600;
-  line-height: 32px;
+  line-height: 24px;
   letter-spacing: 0px;
   text-align: left;
-  color: cm_grey_800;
-  margin: 0;
-  font-weight: inherit;
 }
 
 .icon {
@@ -67,7 +69,7 @@
   left: 5px;
   top: 9px;
   border-radius: 0px;
-  color: cm_grey_800;
+  color: cm_grey_500;
   flex-shrink: 0;
   min-width: 16px;
   flex-basis: 16px;

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

@@ -0,0 +1,18 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    title: PropTypes.Requireable<string>;
+    icon: PropTypes.Requireable<string>;
+    isExpended: PropTypes.Requireable<boolean>;
+    content: PropTypes.Requireable<string>;
+    image: PropTypes.Requireable<string>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+};
+export declare type Props = {
+    title: string;
+    icon: 'arrow';
+    isExpended: boolean;
+    content: string;
+    image?: string;
+    onClick: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;;;;;CAOrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

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

@@ -0,0 +1,10 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  icon: PropTypes.oneOf(['arrow']),
+  isExpended: PropTypes.bool,
+  content: PropTypes.string,
+  image: PropTypes.string,
+  onClick: PropTypes.func
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","icon","oneOf","isExpended","bool","content","image","onClick","func"],"sources":["../../../src/molecule/expandable-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  icon: PropTypes.oneOf(['arrow']),\n  isExpended: PropTypes.bool,\n  content: PropTypes.string,\n  image: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport type Props = {\n  title: string;\n  icon: 'arrow';\n  isExpended: boolean;\n  content: string;\n  image?: string;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MADM;EAEvBC,IAAI,EAAEJ,SAAS,CAACK,KAAV,CAAgB,CAAC,OAAD,CAAhB,CAFiB;EAGvBC,UAAU,EAAEN,SAAS,CAACO,IAHC;EAIvBC,OAAO,EAAER,SAAS,CAACG,MAJI;EAKvBM,KAAK,EAAET,SAAS,CAACG,MALM;EAMvBO,OAAO,EAAEV,SAAS,CAACW;AANI,CAAlB"}

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

@@ -1,16 +1,20 @@
-/// <reference path="../../../src/globals.d.ts" />
-export namespace ICONS {
-    export { ArrowIcon as arrow };
-}
+/// <reference types="react" />
+import { Props } from './types';
+export declare const ICONS: {
+    arrow: any;
+};
+declare const ExpandableList: {
+    ({ items }: Props): JSX.Element;
+    propTypes: {
+        items: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<string>;
+            isExpended: import("prop-types").Requireable<boolean>;
+            content: import("prop-types").Requireable<string>;
+            image: import("prop-types").Requireable<string>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+    };
+};
 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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/index.js"],"names":[],"mappings":";;;;;;AAUA;;gBAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,cAAc;gBAAa,KAAK;;;;;;;;;;;CAYrC,CAAC;AAIF,eAAe,cAAc,CAAC"}

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

@@ -1,9 +1,7 @@
-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 { propTypes } from './types';
 import styles from './style.css';
 export const ICONS = {
   arrow: ArrowIcon
@@ -19,14 +17,10 @@ const ExpandableList = ({
     return /*#__PURE__*/React.createElement("li", {
       key: `menu-link-item-${index}`,
       className: styles.item
-    }, /*#__PURE__*/React.createElement(ExpandableItem, _extends({}, item, {
-      className: styles.expandableItem
-    })));
+    }, /*#__PURE__*/React.createElement(ExpandableItem, item));
   }));
 };
 
-ExpandableList.propTypes = process.env.NODE_ENV !== "production" ? {
-  items: PropTypes.arrayOf(ExpandableItem.propTypes)
-} : {};
+ExpandableList.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ExpandableList;
 //# sourceMappingURL=index.js.map

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

@@ -1 +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"}
+{"version":3,"file":"index.js","names":["React","NovaCompositionNavigationArrowDown","ArrowIcon","ExpandableItem","propTypes","styles","ICONS","arrow","ExpandableList","items","list","map","item","index"],"sources":["../../../src/molecule/expandable-list/index.tsx"],"sourcesContent":["import React from 'react';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport ExpandableItem from '../expandable-item';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst ExpandableList = ({items}: Props) => {\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} />\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n\nExpandableList.propTypes = propTypes;\n\nexport default ExpandableList;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAEL;AADY,CAAd;;AAIP,MAAMM,cAAc,GAAG,CAAC;EAACC;AAAD,CAAD,KAAoB;EACzC,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,CADF,CADF;EAKD,CANA,CADH,CADF;AAWD,CAZD;;AAcAJ,cAAc,CAACJ,SAAf,2CAA2BA,SAA3B;AAEA,eAAeI,cAAf"}

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

@@ -11,11 +11,10 @@
   cursor: pointer;
   margin: 0;
   padding: 0;
-  gap: 24px;
 }
 
 .item {
   display: flex;
   flex-direction: row;
-  margin-bottom: 24px;
+  margin-bottom: 16px;
 }

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

@@ -0,0 +1,16 @@
+import PropTypes from 'prop-types';
+import { Props as ItemProps } from '../expandable-item/types';
+export declare const propTypes: {
+    items: PropTypes.Requireable<(PropTypes.InferProps<{
+        title: PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<string>;
+        isExpended: PropTypes.Requireable<boolean>;
+        content: PropTypes.Requireable<string>;
+        image: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    }> | null | undefined)[]>;
+};
+export declare type Props = {
+    items: ItemProps[];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,KAAK,IAAI,SAAS,EAA6B,MAAM,0BAA0B,CAAC;AAExF,eAAO,MAAM,SAAS;;;;;;;;;CAErB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB,CAAC"}

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

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+import { propTypes as ItemPropTypes } from '../expandable-item/types';
+export const propTypes = {
+  items: PropTypes.arrayOf(PropTypes.shape(ItemPropTypes))
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","ItemPropTypes","items","arrayOf","shape"],"sources":["../../../src/molecule/expandable-list/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {Props as ItemProps, propTypes as ItemPropTypes} from '../expandable-item/types';\n\nexport const propTypes = {\n  items: PropTypes.arrayOf(PropTypes.shape(ItemPropTypes))\n};\n\nexport type Props = {\n  items: ItemProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAA4BC,SAAS,IAAIC,aAAzC,QAA6D,0BAA7D;AAEA,OAAO,MAAMD,SAAS,GAAG;EACvBE,KAAK,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgBH,aAAhB,CAAlB;AADgB,CAAlB"}

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

@@ -1,39 +1,41 @@
-export default Hero;
-declare function Hero(props: any, context: any): JSX.Element;
-declare namespace Hero {
-    namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
-            common: PropTypes.Requireable<{
+/// <reference types="react" />
+import { WebContextValues } from '../../atom/provider/web-context';
+import { Props } from './types';
+declare const Hero: {
+    (props: Props, context: WebContextValues): JSX.Element;
+    contextTypes: {
+        skin: import("prop-types").Requireable<import("prop-types").InferProps<{
+            common: import("prop-types").Requireable<{
                 [x: string]: any;
             }>;
-            images: PropTypes.Requireable<PropTypes.InferProps<{
-                'logo-mobile': PropTypes.Requireable<any>;
-                logo: PropTypes.Requireable<any>;
-                'logo-email': PropTypes.Requireable<any>;
-                login: PropTypes.Requireable<any>;
+            images: import("prop-types").Requireable<import("prop-types").InferProps<{
+                'logo-mobile': import("prop-types").Requireable<any>;
+                logo: import("prop-types").Requireable<any>;
+                'logo-email': import("prop-types").Requireable<any>;
+                login: import("prop-types").Requireable<any>;
             }>>;
-            icons: PropTypes.Requireable<{
+            icons: import("prop-types").Requireable<{
                 [x: string]: any;
             }>;
-            mod: PropTypes.Requireable<{
+            mod: import("prop-types").Requireable<{
                 [x: string]: any;
             }>;
-            courses: PropTypes.Requireable<any[]>;
-            texts: PropTypes.Requireable<{
+            courses: import("prop-types").Requireable<any[]>;
+            texts: import("prop-types").Requireable<{
                 [x: string]: any;
             }>;
         }>>;
-    }
-    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>;
-        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        const submitValue: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";
+    };
+    propTypes: {
+        image: import("prop-types").Requireable<string>;
+        mode: import("prop-types").Requireable<string>;
+        description: import("prop-types").Requireable<string>;
+        title: import("prop-types").Requireable<string>;
+        author: import("prop-types").Requireable<string>;
+        progress: import("prop-types").Requireable<number>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        submitValue: import("prop-types").Requireable<string>;
+    };
+};
+export default Hero;
 //# sourceMappingURL=index.d.ts.map

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,6DAkDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,IAAI;YAAW,KAAK,WAAW,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDpD,CAAC;AAQF,eAAe,IAAI,CAAC"}

package/es/molecule/hero/index.js

@@ -1,10 +1,10 @@
 import _get from "lodash/fp/get";
 import React from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Provider from '../../atom/provider';
 import Button from '../../atom/button';
 import CardContentInfo, { MODES } from '../card-content';
+import { propTypes } from './types';
 import style from './style.css';
 
 const Hero = (props, context) => {
@@ -65,15 +65,6 @@ const Hero = (props, context) => {
 Hero.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
-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,
-  onClick: Button.propTypes.onClick,
-  submitValue: Button.propTypes.submitValue
-} : {};
+Hero.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default Hero;
 //# sourceMappingURL=index.js.map

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","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"}
+{"version":3,"file":"index.js","names":["React","classnames","Provider","Button","CardContentInfo","MODES","propTypes","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"],"sources":["../../../src/molecule/hero/index.tsx"],"sourcesContent":["import React from 'react';\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 {WebContextValues} from '../../atom/provider/web-context';\nimport {propTypes, Props} from './types';\nimport style from './style.css';\n\nconst Hero = (props: Props, context: WebContextValues) => {\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 = propTypes;\n\nexport default Hero;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAEA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,IAAyBC,KAAzB,QAAqC,iBAArC;AAEA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,IAAI,GAAG,CAACC,KAAD,EAAeC,OAAf,KAA6C;EACxD,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IACJE,KADI;IAEJC,KAFI;IAGJC,MAHI;IAIJC,QAJI;IAKJC,OALI;IAMJC,WANI;IAOJC,WAPI;IAQJC,IAAI,GAAGd,KAAK,CAACe;EART,IASFX,KATJ;;EAWA,MAAMY,YAAY,GAAG,KAAI,gBAAJ,EAAsBV,IAAtB,CAArB;;EACA,MAAMW,SAAS,GAAGrB,UAAU,CAACM,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,KAAKd,KAAK,CAACe,IAAf,gBACC,oBAAC,eAAD;IAAiB,IAAI,EAAEf,KAAK,CAACe,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,KAAKd,KAAK,CAACe,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,EAAET,QAAQ,CAAC8B,iBAAT,CAA2BrB;AADf,CAApB;AAIAH,IAAI,CAACF,SAAL,2CAAiBA,SAAjB;AAEA,eAAeE,IAAf"}

package/es/molecule/hero/style.css

@@ -171,9 +171,9 @@
 
 .title {
   font-family: Gilroy;
-  font-size: 40px;
-  font-weight: 600;
-  line-height: 48px;
+  font-size: 28px;
+  font-weight: 500;
+  line-height: 36px;
   letter-spacing: 0px;
   text-align: center;  
   overflow: hidden;
@@ -185,10 +185,10 @@
 .description {
   text-align: center;
   margin-top: 12px;
-  font-size: 17px;
+  font-size: 18px;
   font-family: Gilroy;
-  font-size: 16px;
-  font-weight: 400;
+  font-size: 18px;
+  font-weight: 500;
   line-height: 24px;
   letter-spacing: 0px;
   overflow: hidden;

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

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    image: PropTypes.Requireable<string>;
+    mode: PropTypes.Requireable<string>;
+    description: PropTypes.Requireable<string>;
+    title: PropTypes.Requireable<string>;
+    author: PropTypes.Requireable<string>;
+    progress: PropTypes.Requireable<number>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    submitValue: PropTypes.Requireable<string>;
+};
+export declare type Props = {
+    image?: string;
+    mode?: string;
+    description?: string;
+    title?: string;
+    author?: string;
+    progress?: number;
+    onClick?: () => void;
+    submitValue?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/hero/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAInC,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

package/es/molecule/hero/types.js

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types';
+import CardContentInfo from '../card-content';
+import Button from '../../atom/button';
+export const propTypes = {
+  image: PropTypes.string,
+  mode: PropTypes.string,
+  description: PropTypes.string,
+  title: CardContentInfo.propTypes.title,
+  author: CardContentInfo.propTypes.author,
+  progress: CardContentInfo.propTypes.progress,
+  onClick: Button.propTypes.onClick,
+  submitValue: Button.propTypes.submitValue
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","CardContentInfo","Button","propTypes","image","string","mode","description","title","author","progress","onClick","submitValue"],"sources":["../../../src/molecule/hero/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport CardContentInfo from '../card-content';\nimport Button from '../../atom/button';\n\nexport const 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 type Props = {\n  image?: string;\n  mode?: string;\n  description?: string;\n  title?: string;\n  author?: string;\n  progress?: number;\n  onClick?: () => void;\n  submitValue?: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,eAAP,MAA4B,iBAA5B;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEJ,SAAS,CAACK,MADM;EAEvBC,IAAI,EAAEN,SAAS,CAACK,MAFO;EAGvBE,WAAW,EAAEP,SAAS,CAACK,MAHA;EAIvBG,KAAK,EAAEP,eAAe,CAACE,SAAhB,CAA0BK,KAJV;EAKvBC,MAAM,EAAER,eAAe,CAACE,SAAhB,CAA0BM,MALX;EAMvBC,QAAQ,EAAET,eAAe,CAACE,SAAhB,CAA0BO,QANb;EAOvBC,OAAO,EAAET,MAAM,CAACC,SAAP,CAAiBQ,OAPH;EAQvBC,WAAW,EAAEV,MAAM,CAACC,SAAP,CAAiBS;AARP,CAAlB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.js"],"names":[],"mappings":";AAKA;;;gBAwBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS;uBAAoB,KAAK;;;;;;;;;;CA6BvC,CAAC;AAIF,eAAe,SAAS,CAAC"}

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

@@ -1,6 +1,7 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import { NovaCompositionNavigationArrowDown as ArrowIcon } from '@coorpacademy/nova-icons';
+import { propTypes } from './types';
 import styles from './style.css';
 
 const MenuLinks = ({
@@ -21,23 +22,17 @@ const MenuLinks = ({
     return /*#__PURE__*/React.createElement("li", {
       onClick: handleOnclick,
       key: `menu-link-item-${index}`,
-      className: styles.item
+      className: classnames(item.isShowMoreItem ? styles.showMoreItem : null, styles.item)
     }, /*#__PURE__*/React.createElement("div", {
-      className: item.isSelected ? styles.border : null
+      className: classnames(styles.border, item.isSelected ? styles.selectedBorder : null)
     }), /*#__PURE__*/React.createElement("span", {
-      className: classnames(item.isShowMoreItem ? styles.showMoreItem : styles.itemText, item.isSelected ? styles.selectedItem : undefined)
-    }, item.text));
+      className: item.isSelected ? styles.selectedItem : undefined
+    }, item.text, item.isShowMoreItem ? /*#__PURE__*/React.createElement(ArrowIcon, {
+      className: styles.showMoreIcon
+    }) : null));
   })));
 };
 
-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
-  }))
-} : {};
+MenuLinks.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default MenuLinks;
 //# sourceMappingURL=index.js.map