@coorpacademy/components 11.14.0 → 11.14.1-alpha.28

package/es/util/button-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","NovaCompositionNavigationArrowDown","ArrowDown","NovaLineFilesOfficeFileOfficePdf","PDF","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload","down","pdf"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadIcon,\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaLineFilesOfficeFileOfficePdf as PDF\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon,\n  upload: UploadIcon,\n  down: ArrowDown,\n  pdf: PDF\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,EAiBEC,kCAAkC,IAAIC,SAjBxC,EAkBEC,gCAAgC,IAAIC,GAlBtC,QAmBO,0BAnBP;AAqBA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAEpC,OADc;EAEnBqC,SAAS,EAAEnC,aAFQ;EAGnBoC,GAAG,EAAElC,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnB6B,KAAK,EAAE3B,SAPY;EAQnB4B,IAAI,EAAE1B,QARa;EASnB2B,GAAG,EAAEf,OATc;EAUnBgB,IAAI,EAAExB,QAVa;EAWnByB,MAAM,EAAEvB,UAXW;EAYnBwB,OAAO,EAAEtB,WAZU;EAanBuB,IAAI,EAAErB,QAba;EAcnBsB,GAAG,EAAE9B,OAdc;EAenB+B,OAAO,EAAEnB,WAfU;EAgBnBoB,MAAM,EAAElB,UAhBW;EAiBnBmB,IAAI,EAAEjB,SAjBa;EAkBnBkB,GAAG,EAAEhB;AAlBc,CAAd"}
+{"version":3,"file":"button-icons.js","names":["NovaSolidRemoveAddAddCircle1","AddIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaSolidContentEditionBin","BinIcon","NovaCompositionCoorpacademyBulletPoint","BulletPointIcon","NovaCompositionNavigationArrowLeft","ChevronLeftIcon","NovaCompositionNavigationArrowRight","ChevronRightIcon","NovaSolidStatusClose","CloseIcon","NovaSolidContentEditionPencilWrite","EditIcon","NovaCompositionCoorpacademyEye","EyeIcon","NovaSolidContentContentViewModule1","ListIcon","NovaSolidLoginLogout1","LogoutIcon","NovaSolidApplicationsWindowUpload3","PublishIcon","NovaSolidComputersSdCard","SaveIcon","NovaLineLoginKey1","KlfIcon","NovaSolidFilesFoldersFolders","FoldersIcon","NovaSolidFilesBasicFileUpload2","UploadIcon","NovaCompositionNavigationArrowDown","ArrowDown","ArrowLeft","NovaLineFilesOfficeFileOfficePdf","PDF","ICONS","add","analytics","bin","close","edit","key","list","logout","publish","save","see","folders","upload","down","pdf","back"],"sources":["../../src/util/button-icons.js"],"sourcesContent":["import {\n  NovaSolidRemoveAddAddCircle1 as AddIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaSolidContentEditionBin as BinIcon,\n  NovaCompositionCoorpacademyBulletPoint as BulletPointIcon,\n  NovaCompositionNavigationArrowLeft as ChevronLeftIcon,\n  NovaCompositionNavigationArrowRight as ChevronRightIcon,\n  NovaSolidStatusClose as CloseIcon,\n  NovaSolidContentEditionPencilWrite as EditIcon,\n  NovaCompositionCoorpacademyEye as EyeIcon,\n  NovaSolidContentContentViewModule1 as ListIcon,\n  NovaSolidLoginLogout1 as LogoutIcon,\n  NovaSolidApplicationsWindowUpload3 as PublishIcon,\n  NovaSolidComputersSdCard as SaveIcon,\n  NovaLineLoginKey1 as KlfIcon,\n  NovaSolidFilesFoldersFolders as FoldersIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadIcon,\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionNavigationArrowLeft as ArrowLeft,\n  NovaLineFilesOfficeFileOfficePdf as PDF\n} from '@coorpacademy/nova-icons';\n\nexport const ICONS = {\n  add: AddIcon,\n  analytics: AnalyticsIcon,\n  bin: BinIcon,\n  'bullet-point': BulletPointIcon,\n  'chevron-left': ChevronLeftIcon,\n  'chevron-right': ChevronRightIcon,\n  close: CloseIcon,\n  edit: EditIcon,\n  key: KlfIcon,\n  list: ListIcon,\n  logout: LogoutIcon,\n  publish: PublishIcon,\n  save: SaveIcon,\n  see: EyeIcon,\n  folders: FoldersIcon,\n  upload: UploadIcon,\n  down: ArrowDown,\n  pdf: PDF,\n  back: ArrowLeft\n};\n"],"mappings":"AAAA,SACEA,4BAA4B,IAAIC,OADlC,EAEEC,oCAAoC,IAAIC,aAF1C,EAGEC,0BAA0B,IAAIC,OAHhC,EAIEC,sCAAsC,IAAIC,eAJ5C,EAKEC,kCAAkC,IAAIC,eALxC,EAMEC,mCAAmC,IAAIC,gBANzC,EAOEC,oBAAoB,IAAIC,SAP1B,EAQEC,kCAAkC,IAAIC,QARxC,EASEC,8BAA8B,IAAIC,OATpC,EAUEC,kCAAkC,IAAIC,QAVxC,EAWEC,qBAAqB,IAAIC,UAX3B,EAYEC,kCAAkC,IAAIC,WAZxC,EAaEC,wBAAwB,IAAIC,QAb9B,EAcEC,iBAAiB,IAAIC,OAdvB,EAeEC,4BAA4B,IAAIC,WAflC,EAgBEC,8BAA8B,IAAIC,UAhBpC,EAiBEC,kCAAkC,IAAIC,SAjBxC,EAkBEzB,kCAAkC,IAAI0B,SAlBxC,EAmBEC,gCAAgC,IAAIC,GAnBtC,QAoBO,0BApBP;AAsBA,OAAO,MAAMC,KAAK,GAAG;EACnBC,GAAG,EAAErC,OADc;EAEnBsC,SAAS,EAAEpC,aAFQ;EAGnBqC,GAAG,EAAEnC,OAHc;EAInB,gBAAgBE,eAJG;EAKnB,gBAAgBE,eALG;EAMnB,iBAAiBE,gBANE;EAOnB8B,KAAK,EAAE5B,SAPY;EAQnB6B,IAAI,EAAE3B,QARa;EASnB4B,GAAG,EAAEhB,OATc;EAUnBiB,IAAI,EAAEzB,QAVa;EAWnB0B,MAAM,EAAExB,UAXW;EAYnByB,OAAO,EAAEvB,WAZU;EAanBwB,IAAI,EAAEtB,QAba;EAcnBuB,GAAG,EAAE/B,OAdc;EAenBgC,OAAO,EAAEpB,WAfU;EAgBnBqB,MAAM,EAAEnB,UAhBW;EAiBnBoB,IAAI,EAAElB,SAjBa;EAkBnBmB,GAAG,EAAEhB,GAlBc;EAmBnBiB,IAAI,EAAEnB;AAnBa,CAAd"}

package/es/variables/breakpoints.css

@@ -2,4 +2,4 @@
 @value tablet:       (max-width: 960px);
 @value desktop:      (max-width: 1280px);
 @value wide:         (max-width: 1680px);
-@value cm_tablet:    (max-width: 1123px);
+@value cm_tablet:    (max-width: 1123px);

package/lib/molecule/discipline-header/style.css

@@ -69,7 +69,7 @@
 }
 
 .lastUpdatedWrapperShort {
- height: 28px;
+ height: 31px;
  align-items: flex-end; 
 }
 
@@ -92,6 +92,7 @@
   color: #536E7A;
   margin-right: 3px;
   align-items: center;
+  padding-bottom: 1px;
 }
 
 .showMore {

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Props } from './types';
+export declare const ICONS: {
+    arrow: any;
+};
+declare const ExpandableItem: {
+    ({ icon, title, isExpended, isLink, 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>;
+        isLink: 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;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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;mEAAgE,KAAK;;;;;;;;;;CA2BxF,CAAC;AAGF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.ICONS = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _novaIcons = require("@coorpacademy/nova-icons");
+
+var _types = require("./types");
+
+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 ExpandableItem = ({
+  icon,
+  title,
+  isExpended,
+  isLink,
+  content,
+  onClick,
+  image
+}) => {
+  const Icon = ICONS[icon];
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: isExpended ? _style.default.expendedContainer : _style.default.container,
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_style.default.header, isExpended ? _style.default.expendedHeader : null)
+  }, /*#__PURE__*/_react.default.createElement("h3", {
+    className: _style.default.title
+  }, title), Icon ? /*#__PURE__*/_react.default.createElement(Icon, {
+    className: (0, _classnames.default)(_style.default.icon, isExpended ? _style.default.expendedIcon : null, isLink ? _style.default.linkIcon : null)
+  }) : null), isExpended ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.content // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }), image ? /*#__PURE__*/_react.default.createElement("img", {
+    className: _style.default.image,
+    src: image,
+    alt: ''
+  }) : null) : null);
+};
+
+ExpandableItem.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
+var _default = ExpandableItem;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ICONS","arrow","ArrowIcon","ExpandableItem","icon","title","isExpended","isLink","content","onClick","image","Icon","styles","expendedContainer","container","classnames","header","expendedHeader","expendedIcon","linkIcon","__html","propTypes"],"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, isLink, 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\n            className={classnames(\n              styles.icon,\n              isExpended ? styles.expendedIcon : null,\n              isLink ? styles.linkIcon : null\n            )}\n          />\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;;AACA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,KAAK,GAAG;EACnBC,KAAK,EAAEC;AADY,CAAd;;;AAIP,MAAMC,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,KAAP;EAAcC,UAAd;EAA0BC,MAA1B;EAAkCC,OAAlC;EAA2CC,OAA3C;EAAoDC;AAApD,CAAD,KAAuE;EAC5F,MAAMC,IAAI,GAAGX,KAAK,CAACI,IAAD,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEE,UAAU,GAAGM,cAAA,CAAOC,iBAAV,GAA8BD,cAAA,CAAOE,SAA/D;IAA0E,OAAO,EAAEL;EAAnF,gBACE;IAAK,SAAS,EAAE,IAAAM,mBAAA,EAAWH,cAAA,CAAOI,MAAlB,EAA0BV,UAAU,GAAGM,cAAA,CAAOK,cAAV,GAA2B,IAA/D;EAAhB,gBACE;IAAI,SAAS,EAAEL,cAAA,CAAOP;EAAtB,GAA8BA,KAA9B,CADF,EAEGM,IAAI,gBACH,6BAAC,IAAD;IACE,SAAS,EAAE,IAAAI,mBAAA,EACTH,cAAA,CAAOR,IADE,EAETE,UAAU,GAAGM,cAAA,CAAOM,YAAV,GAAyB,IAF1B,EAGTX,MAAM,GAAGK,cAAA,CAAOO,QAAV,GAAqB,IAHlB;EADb,EADG,GAQD,IAVN,CADF,EAaGb,UAAU,gBACT,uDACE;IACE,SAAS,EAAEM,cAAA,CAAOJ,OADpB,CAC6B;IAD7B;IAEE,uBAAuB,EAAE;MAACY,MAAM,EAAEZ;IAAT;EAF3B,EADF,EAKGE,KAAK,gBAAG;IAAK,SAAS,EAAEE,cAAA,CAAOF,KAAvB;IAA8B,GAAG,EAAEA,KAAnC;IAA0C,GAAG,EAAE;EAA/C,EAAH,GAA2D,IALnE,CADS,GAQP,IArBN,CADF;AAyBD,CA3BD;;AA6BAP,cAAc,CAACkB,SAAf,2CAA2BA,gBAA3B;eACelB,c"}

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

@@ -0,0 +1,135 @@
+@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 cm_grey_700 from colors;
+@value white from colors;
+
+.container {
+  display: flex;
+  flex-direction: column;
+  background: white;
+  gap: 16px;
+  border-radius: 8px;
+  width: 100%;
+  display: flex;
+  height: 72px;
+  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;
+  padding: 24px;
+  gap: 16px;
+}
+
+.expendedContainer {
+  display: flex;
+  flex-direction: column;
+  background: white;
+  gap: 16px;
+  border-radius: 2px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.expendedHeader {
+  padding: 24px 24px 0px 24px;
+}
+
+.title {
+  font-family: Gilroy;
+  color: cm_grey_700;
+  margin: 0;
+  font-weight: inherit;
+  font-family: Gilroy;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: left;
+}
+
+.icon {
+  width: 16px;
+  height: 16px;
+  width: 14px;
+  left: 5px;
+  top: 9px;
+  border-radius: 0px;
+  color: cm_grey_500;
+  flex-shrink: 0;
+  min-width: 16px;
+  flex-basis: 16px;
+}
+
+.expendedIcon {
+  transform: rotateZ(180deg);
+}
+
+.linkIcon {
+  transform: rotateZ(270deg);
+}
+
+.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/lib/molecule/expandable-item/types.d.ts

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    title: PropTypes.Requireable<string>;
+    icon: PropTypes.Requireable<string>;
+    isExpended: PropTypes.Requireable<boolean>;
+    isLink: 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;
+    isLink?: boolean;
+    image?: string;
+    onClick: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/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;;;;;;;;CAQrB,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,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  title: _propTypes.default.string,
+  icon: _propTypes.default.oneOf(['arrow']),
+  isExpended: _propTypes.default.bool,
+  isLink: _propTypes.default.bool,
+  content: _propTypes.default.string,
+  image: _propTypes.default.string,
+  onClick: _propTypes.default.func
+};
+exports.propTypes = propTypes;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["propTypes","title","PropTypes","string","icon","oneOf","isExpended","bool","isLink","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  isLink: 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  isLink?: boolean;\n  image?: string;\n  onClick: () => void;\n};\n"],"mappings":";;;;;AAAA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,KAAK,EAAEC,kBAAA,CAAUC,MADM;EAEvBC,IAAI,EAAEF,kBAAA,CAAUG,KAAV,CAAgB,CAAC,OAAD,CAAhB,CAFiB;EAGvBC,UAAU,EAAEJ,kBAAA,CAAUK,IAHC;EAIvBC,MAAM,EAAEN,kBAAA,CAAUK,IAJK;EAKvBE,OAAO,EAAEP,kBAAA,CAAUC,MALI;EAMvBO,KAAK,EAAER,kBAAA,CAAUC,MANM;EAOvBQ,OAAO,EAAET,kBAAA,CAAUU;AAPI,CAAlB"}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Props } from './types';
+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>;
+            isLink: 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;
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _expandableItem = _interopRequireDefault(require("../expandable-item"));
+
+var _types = require("./types");
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ExpandableList = ({
+  items
+}) => {
+  return /*#__PURE__*/_react.default.createElement("ul", {
+    className: _style.default.list,
+    "data-name": "expandable-item"
+  }, items.map((item, index) => {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: `menu-link-item-${index}`,
+      className: _style.default.item
+    }, /*#__PURE__*/_react.default.createElement(_expandableItem.default, item));
+  }));
+};
+
+ExpandableList.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
+var _default = ExpandableList;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ExpandableList","items","styles","list","map","item","index","propTypes"],"sources":["../../../src/molecule/expandable-list/index.tsx"],"sourcesContent":["import React from 'react';\nimport ExpandableItem from '../expandable-item';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,cAAc,GAAG,CAAC;EAACC;AAAD,CAAD,KAAoB;EACzC,oBACE;IAAI,SAAS,EAAEC,cAAA,CAAOC,IAAtB;IAA4B,aAAU;EAAtC,GACGF,KAAK,CAACG,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,oBACE;MAAI,GAAG,EAAG,kBAAiBA,KAAM,EAAjC;MAAoC,SAAS,EAAEJ,cAAA,CAAOG;IAAtD,gBACE,6BAAC,uBAAD,EAAoBA,IAApB,CADF,CADF;EAKD,CANA,CADH,CADF;AAWD,CAZD;;AAcAL,cAAc,CAACO,SAAf,2CAA2BA,gBAA3B;eAEeP,c"}

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

@@ -0,0 +1,20 @@
+@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;
+}
+
+.item {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 16px;
+}

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

@@ -0,0 +1,17 @@
+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>;
+        isLink: 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/lib/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/lib/molecule/expandable-list/types.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _types = require("../expandable-item/types");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  items: _propTypes.default.arrayOf(_propTypes.default.shape(_types.propTypes))
+};
+exports.propTypes = propTypes;
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["propTypes","items","PropTypes","arrayOf","shape","ItemPropTypes"],"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;;AACA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,KAAK,EAAEC,kBAAA,CAAUC,OAAV,CAAkBD,kBAAA,CAAUE,KAAV,CAAgBC,gBAAhB,CAAlB;AADgB,CAAlB"}

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

@@ -1,37 +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 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/lib/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.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/lib/molecule/hero/index.js

@@ -7,8 +7,6 @@ var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _provider = _interopRequireDefault(require("../../atom/provider"));
@@ -17,6 +15,8 @@ var _button = _interopRequireDefault(require("../../atom/button"));
 
 var _cardContent = _interopRequireWildcard(require("../card-content"));
 
+var _types = require("./types");
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -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,20 +75,13 @@ const Hero = (props, context) => {
     style: {
       backgroundColor: primaryColor
     }
-  })));
+  })) : null);
 };
 
 Hero.contextTypes = {
   skin: _provider.default.childContextTypes.skin
 };
-Hero.propTypes = process.env.NODE_ENV !== "production" ? {
-  image: _propTypes.default.string,
-  title: _cardContent.default.propTypes.title,
-  author: _cardContent.default.propTypes.author,
-  progress: _cardContent.default.propTypes.progress,
-  onClick: _button.default.propTypes.onClick,
-  submitValue: _button.default.propTypes.submitValue
-} : {};
+Hero.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
 var _default = Hero;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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"],"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;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,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,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,2CAAiBA,gBAAjB;eAEe7B,I"}