@coorpacademy/components 11.14.13 → 11.14.14-alpha.10

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

@@ -0,0 +1,70 @@
+import _slice from "lodash/fp/slice";
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import { NovaCompositionNavigationArrowDown as ArrowIcon, NovaLinePhoneMobilePhone as MobilePhone, NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark, NovaLineNetworkNetworkAlert as NetworkAlert, NovaLineObjectsBinoculars1 as Binoculaire, NovaLineContentEditionContentBook as ContentBook } from '@coorpacademy/nova-icons';
+import { propTypes } from './types';
+import styles from './style.css';
+const ICONS = {
+  mobilePhone: MobilePhone,
+  chatBubbleCircleQuestionMark: ChatBubbleCircleQuestionMark,
+  networkAlert: NetworkAlert,
+  binoculaire: Binoculaire,
+  contentBook: ContentBook
+};
+
+const MenuLinks = ({
+  items,
+  title,
+  showMoreItem,
+  numberOfDisplayedItems,
+  isDesktopMode
+}) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const itemsToDisplay = isDesktopMode || isOpen ? items : _slice(0, numberOfDisplayedItems, items);
+
+  const handleOnclickShowMore = () => setIsOpen(!isOpen);
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: styles.title
+  }, title), /*#__PURE__*/React.createElement("ul", {
+    className: styles.list,
+    "data-name": "menu-links"
+  }, itemsToDisplay.map((item, index) => {
+    const {
+      handleOnclick
+    } = item;
+    const Icon = item.icon ? ICONS[item.icon] : null;
+    return /*#__PURE__*/React.createElement("li", {
+      onClick: handleOnclick,
+      key: `menu-link-item-${index}`,
+      className: styles.item
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.border, item.isSelected ? styles.selectedBorder : null)
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles.flexContainer
+    }, Icon ? /*#__PURE__*/React.createElement(Icon, {
+      className: classnames(styles.icon, item.isSelected ? styles.selectedIcon : null)
+    }) : null, /*#__PURE__*/React.createElement("div", {
+      className: styles.flexContainer
+    }, /*#__PURE__*/React.createElement("span", {
+      className: item.isSelected ? styles.selectedItem : undefined
+    }, item.text), Icon ? /*#__PURE__*/React.createElement(ArrowIcon, {
+      className: classnames(styles.arrowIcon, item.isSelected ? styles.selectedIcon : null)
+    }) : null)));
+  }), !isDesktopMode ? /*#__PURE__*/React.createElement("li", {
+    // eslint-disable-next-line react/jsx-no-bind
+    onClick: handleOnclickShowMore,
+    key: `menu-link-item-show-more`,
+    className: classnames(styles.showMoreItem, styles.item)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.border
+  }), /*#__PURE__*/React.createElement("span", null, isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText, /*#__PURE__*/React.createElement(ArrowIcon, {
+    className: isOpen ? styles.showLessIcon : styles.showMoreIcon
+  }))) : null));
+};
+
+MenuLinks.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default MenuLinks;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useState","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","NovaLinePhoneMobilePhone","MobilePhone","NovaLineMessagesChatChatBubbleCircleQuestionMark","ChatBubbleCircleQuestionMark","NovaLineNetworkNetworkAlert","NetworkAlert","NovaLineObjectsBinoculars1","Binoculaire","NovaLineContentEditionContentBook","ContentBook","propTypes","styles","ICONS","mobilePhone","chatBubbleCircleQuestionMark","networkAlert","binoculaire","contentBook","MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","itemsToDisplay","handleOnclickShowMore","container","list","map","item","index","handleOnclick","Icon","icon","border","isSelected","selectedBorder","flexContainer","selectedIcon","selectedItem","undefined","text","arrowIcon","showLessText","showMoreText","showLessIcon","showMoreIcon"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaLinePhoneMobilePhone as MobilePhone,\n  NovaLineMessagesChatChatBubbleCircleQuestionMark as ChatBubbleCircleQuestionMark,\n  NovaLineNetworkNetworkAlert as NetworkAlert,\n  NovaLineObjectsBinoculars1 as Binoculaire,\n  NovaLineContentEditionContentBook as ContentBook\n} from '@coorpacademy/nova-icons';\nimport {slice} from 'lodash/fp';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst ICONS = {\n  mobilePhone: MobilePhone,\n  chatBubbleCircleQuestionMark: ChatBubbleCircleQuestionMark,\n  networkAlert: NetworkAlert,\n  binoculaire: Binoculaire,\n  contentBook: ContentBook\n};\n\nconst MenuLinks = ({items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode}: Props) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const itemsToDisplay = isDesktopMode || isOpen ? items : slice(0, numberOfDisplayedItems, items);\n  const handleOnclickShowMore = () => setIsOpen(!isOpen);\n\n  return (\n    <div className={styles.container}>\n      <h2 className={styles.title}>{title}</h2>\n      <ul className={styles.list} data-name=\"menu-links\">\n        {itemsToDisplay.map((item, index) => {\n          const {handleOnclick} = item;\n          const Icon = item.icon ? ICONS[item.icon] : null;\n          return (\n            <li onClick={handleOnclick} key={`menu-link-item-${index}`} className={styles.item}>\n              <div\n                className={classnames(\n                  styles.border,\n                  item.isSelected ? styles.selectedBorder : null\n                )}\n              />\n              <div className={styles.flexContainer}>\n                {Icon ? (\n                  <Icon\n                    className={classnames(\n                      styles.icon,\n                      item.isSelected ? styles.selectedIcon : null\n                    )}\n                  />\n                ) : null}\n                <div className={styles.flexContainer}>\n                  <span className={item.isSelected ? styles.selectedItem : undefined}>\n                    {item.text}\n                  </span>\n                  {Icon ? (\n                    <ArrowIcon\n                      className={classnames(\n                        styles.arrowIcon,\n                        item.isSelected ? styles.selectedIcon : null\n                      )}\n                    />\n                  ) : null}\n                </div>\n              </div>\n            </li>\n          );\n        })}\n        {!isDesktopMode ? (\n          <li\n            // eslint-disable-next-line react/jsx-no-bind\n            onClick={handleOnclickShowMore}\n            key={`menu-link-item-show-more`}\n            className={classnames(styles.showMoreItem, styles.item)}\n          >\n            <div className={styles.border} />\n            <span>\n              {isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText}\n              <ArrowIcon className={isOpen ? styles.showLessIcon : styles.showMoreIcon} />\n            </span>\n          </li>\n        ) : null}\n      </ul>\n    </div>\n  );\n};\n\nMenuLinks.propTypes = propTypes;\n\nexport default MenuLinks;\n"],"mappings":"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"}

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

@@ -0,0 +1,161 @@
+@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_700 from colors;
+@value cm_grey_800 from colors;
+@value white from colors;
+
+
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 24px 24px 8px 0px;
+  gap: 24px;
+  background: #FFFFFF;
+  border-radius: 8px;
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+}
+
+.title {
+  padding: 0px 0px 0px 24px;
+  margin: 0;
+  font-family: 'Gilroy';
+  font-style: normal;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 22px;
+  order: 0;
+  flex-grow: 0;
+  z-index: 0;
+  color: cm_grey_500;
+}
+
+.list {
+  list-style: none;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+}
+
+.item {
+  display: flex;
+  flex-direction: row;
+  gap: 28px;
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.flexContainer span {
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 20px;
+  letter-spacing: 0px;
+  text-align: left;
+}
+
+.flexContainer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+.border {
+  width: 4px;
+  font-weight: inherit;
+  background-color: white;
+  flex-shrink: 0;
+  min-width: 4px;
+  flex-basis: 4px;
+}
+
+.icon {
+  width: 20px;
+  height: 20px;
+  color: #000;
+  margin-right: 12px;
+}
+
+.arrowIcon{
+  width: 12px;
+  min-width: 12px;
+  height: 12px;
+  margin-left: 10px;
+  transform: rotateZ(270deg);
+}
+
+.selectedBorder {
+  background-color: cm_primary_blue;
+}
+
+.showMoreItem {
+  display: none;
+}
+
+.selectedItem {
+  color: cm_primary_blue;
+  font-weight: 600;
+}
+
+.selectedIcon {
+  color: cm_primary_blue;
+}
+.item:hover{
+  text-decoration: underline;
+}
+
+.selectedItem:hover {
+  text-decoration-color: cm_primary_blue!important;
+  color: cm_primary_blue;
+}
+.showMoreIcon {
+  width: 12px;
+  height: 8px;
+  margin-left: 8px;
+}
+
+.showLessIcon {
+  width: 12px;
+  height: 8px;
+  margin-left: 8px;
+  transform: rotateZ(180deg);
+}
+
+@media tablet {
+  .showMoreItem {
+    font-family: 'Gilroy';
+    font-style: normal;
+    font-weight: 700;
+    font-size: 14px;
+    line-height: 20px;
+    color: cm_grey_700;
+    margin: 0;
+    display: block;
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 16px;
+  }
+}
+
+@media mobile {
+  .showMoreItem {
+    font-family: 'Gilroy';
+    font-style: normal;
+    font-weight: 700;
+    font-size: 14px;
+    line-height: 20px;
+    color: cm_grey_700;
+    margin: 0;
+    display: block;
+    display: flex;
+    flex-direction: row;
+    margin-bottom: 16px;
+  }
+}

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

@@ -0,0 +1,35 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    title: PropTypes.Requireable<string>;
+    numberOfDisplayedItems: PropTypes.Requireable<number>;
+    isDesktopMode: PropTypes.Requireable<boolean>;
+    showMoreItem: PropTypes.Requireable<PropTypes.InferProps<{
+        showMoreText: PropTypes.Requireable<string>;
+        showLessText: PropTypes.Requireable<string>;
+        isSelected: PropTypes.Requireable<boolean>;
+    }>>;
+    items: PropTypes.Requireable<(PropTypes.InferProps<{
+        text: PropTypes.Requireable<string>;
+        isSelected: PropTypes.Requireable<boolean>;
+        handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
+    }> | null | undefined)[]>;
+};
+export declare type Item = {
+    text: string;
+    isSelected?: boolean;
+    handleOnclick: () => void;
+    icon?: IconsType;
+};
+export declare type ShowMoreItem = {
+    showMoreText: string;
+    showLessText: string;
+};
+export declare type IconsType = 'mobilePhone' | 'chatBubbleCircleQuestionMark' | 'networkAlert' | 'binoculaire' | 'contentBook';
+export declare type Props = {
+    title: string;
+    isDesktopMode: boolean;
+    showMoreItem: ShowMoreItem;
+    numberOfDisplayedItems: number;
+    items: Item[];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAgBrB,CAAC;AAEF,oBAAY,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,SAAS,GACjB,aAAa,GACb,8BAA8B,GAC9B,cAAc,GACd,aAAa,GACb,aAAa,CAAC;AAElB,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;IAC3B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;CACf,CAAC"}

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

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  numberOfDisplayedItems: PropTypes.number,
+  isDesktopMode: PropTypes.bool,
+  showMoreItem: PropTypes.shape({
+    showMoreText: PropTypes.string,
+    showLessText: PropTypes.string,
+    isSelected: PropTypes.bool
+  }),
+  items: PropTypes.arrayOf(PropTypes.shape({
+    text: PropTypes.string,
+    isSelected: PropTypes.bool,
+    handleOnclick: PropTypes.func
+  }))
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","numberOfDisplayedItems","number","isDesktopMode","bool","showMoreItem","shape","showMoreText","showLessText","isSelected","items","arrayOf","text","handleOnclick","func"],"sources":["../../../src/molecule/menu-links/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  numberOfDisplayedItems: PropTypes.number,\n  isDesktopMode: PropTypes.bool,\n  showMoreItem: PropTypes.shape({\n    showMoreText: PropTypes.string,\n    showLessText: PropTypes.string,\n    isSelected: PropTypes.bool\n  }),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      isSelected: PropTypes.bool,\n      handleOnclick: PropTypes.func\n    })\n  )\n};\n\nexport type Item = {\n  text: string;\n  isSelected?: boolean;\n  handleOnclick: () => void;\n  icon?: IconsType;\n};\n\nexport type ShowMoreItem = {\n  showMoreText: string;\n  showLessText: string;\n};\n\nexport type IconsType =\n  | 'mobilePhone'\n  | 'chatBubbleCircleQuestionMark'\n  | 'networkAlert'\n  | 'binoculaire'\n  | 'contentBook';\n\nexport type Props = {\n  title: string;\n  isDesktopMode: boolean;\n  showMoreItem: ShowMoreItem;\n  numberOfDisplayedItems: number;\n  items: Item[];\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MADM;EAEvBC,sBAAsB,EAAEJ,SAAS,CAACK,MAFX;EAGvBC,aAAa,EAAEN,SAAS,CAACO,IAHF;EAIvBC,YAAY,EAAER,SAAS,CAACS,KAAV,CAAgB;IAC5BC,YAAY,EAAEV,SAAS,CAACG,MADI;IAE5BQ,YAAY,EAAEX,SAAS,CAACG,MAFI;IAG5BS,UAAU,EAAEZ,SAAS,CAACO;EAHM,CAAhB,CAJS;EASvBM,KAAK,EAAEb,SAAS,CAACc,OAAV,CACLd,SAAS,CAACS,KAAV,CAAgB;IACdM,IAAI,EAAEf,SAAS,CAACG,MADF;IAEdS,UAAU,EAAEZ,SAAS,CAACO,IAFR;IAGdS,aAAa,EAAEhB,SAAS,CAACiB;EAHX,CAAhB,CADK;AATgB,CAAlB"}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Props } from './types';
+export declare const ICONS: {
+    arrow: any;
+};
+declare const PrivacyPolicyContact: {
+    ({ title, content }: Props): JSX.Element;
+    propTypes: {
+        title: import("prop-types").Requireable<string>;
+        content: import("prop-types").Requireable<string>;
+    };
+};
+export default PrivacyPolicyContact;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,oBAAoB;yBAAsB,KAAK;;;;;CAWpD,CAAC;AAIF,eAAe,oBAAoB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","ICONS","arrow","PrivacyPolicyContact","title","content","container","__html"],"sources":["../../../src/molecule/privacy-policy-contact/index.tsx"],"sourcesContent":["import React from 'react';\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 PrivacyPolicyContact = ({title, content}: Props) => {\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 = propTypes;\n\nexport default PrivacyPolicyContact;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;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,oBAAoB,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAA6B;EACxD,oBACE;IAAK,SAAS,EAAEL,MAAM,CAACM;EAAvB,gBACE;IACE,SAAS,EAAEN,MAAM,CAACI,KADpB,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACG,MAAM,EAAEH;IAAT;EAH3B,EADF,eAME;IAAG,SAAS,EAAEJ,MAAM,CAACK;EAArB,GAA+BA,OAA/B,CANF,CADF;AAUD,CAXD;;AAaAF,oBAAoB,CAACJ,SAArB,2CAAiCA,SAAjC;AAEA,eAAeI,oBAAf"}

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

@@ -0,0 +1,38 @@
+@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;
+@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/es/molecule/privacy-policy-contact/types.d.ts

@@ -0,0 +1,10 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    title: PropTypes.Requireable<string>;
+    content: PropTypes.Requireable<string>;
+};
+export declare type Props = {
+    title: string;
+    content: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-contact/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;CAGrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC"}

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

@@ -0,0 +1,6 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  content: PropTypes.string
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","content"],"sources":["../../../src/molecule/privacy-policy-contact/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  content: PropTypes.string\n};\n\nexport type Props = {\n  title: string;\n  content: string;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MADM;EAEvBC,OAAO,EAAEJ,SAAS,CAACG;AAFI,CAAlB"}

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const PrivacyPolicyDownload: {
+    ({ title, downloadButton, content }: Props): JSX.Element;
+    propTypes: {
+        title: import("prop-types").Requireable<string>;
+        content: import("prop-types").Requireable<string>;
+        downloadButton: import("prop-types").Requireable<import("prop-types").InferProps<{
+            color: any;
+            submitValue: import("prop-types").Requireable<string>;
+            disabled: import("prop-types").Requireable<boolean>;
+            href: import("prop-types").Requireable<string>;
+            download: import("prop-types").Requireable<boolean>;
+            target: import("prop-types").Requireable<string>;
+            type: import("prop-types").Requireable<string>;
+            children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+            className: import("prop-types").Requireable<string>;
+            style: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+            'data-name': import("prop-types").Requireable<string>;
+            'aria-label': import("prop-types").Requireable<string>;
+            'data-testid': import("prop-types").Requireable<string>;
+            useButtonTag: import("prop-types").Requireable<boolean>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            onKeyDown: import("prop-types").Requireable<(...args: any[]) => any>;
+            onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
+            onMouseOver: import("prop-types").Requireable<(...args: any[]) => any>;
+            buttonRef: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+            'data-for': import("prop-types").Requireable<string>;
+            'data-tooltip-place': import("prop-types").Requireable<string>;
+            'data-tip': import("prop-types").Requireable<boolean>;
+            isLinkDisabled: import("prop-types").Requireable<boolean>;
+            useWrapper: import("prop-types").Requireable<boolean>;
+            buttonContentClassName: import("prop-types").Requireable<string>;
+        }>>;
+    };
+};
+export default PrivacyPolicyDownload;
+//# sourceMappingURL=index.d.ts.map

package/es/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.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAEzC,QAAA,MAAM,qBAAqB;yCAAsC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYrE,CAAC;AAIF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,27 @@
+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 Button from '../../atom/button';
+import styles from './style.css';
+import { propTypes } from './types';
+
+const PrivacyPolicyDownload = ({
+  title,
+  downloadButton,
+  content
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: styles.title
+  }, title), /*#__PURE__*/React.createElement("p", {
+    className: styles.content
+  }, content), /*#__PURE__*/React.createElement(Button, _extends({}, downloadButton, {
+    className: styles.downloadButton,
+    buttonContentClassName: styles.downloadButtonContent
+  })));
+};
+
+PrivacyPolicyDownload.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default PrivacyPolicyDownload;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Button","styles","propTypes","PrivacyPolicyDownload","title","downloadButton","content","container","downloadButtonContent"],"sources":["../../../src/molecule/privacy-policy-download/index.tsx"],"sourcesContent":["import React from 'react';\nimport Button from '../../atom/button';\nimport styles from './style.css';\nimport {propTypes, Props} from './types';\n\nconst PrivacyPolicyDownload = ({title, downloadButton, content}: Props) => {\n  return (\n    <div className={styles.container}>\n      <h3 className={styles.title}>{title}</h3>\n      <p className={styles.content}>{content}</p>\n      <Button\n        {...downloadButton}\n        className={styles.downloadButton}\n        buttonContentClassName={styles.downloadButtonContent}\n      />\n    </div>\n  );\n};\n\nPrivacyPolicyDownload.propTypes = propTypes;\n\nexport default PrivacyPolicyDownload;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,MAAP,MAAmB,aAAnB;AACA,SAAQC,SAAR,QAA+B,SAA/B;;AAEA,MAAMC,qBAAqB,GAAG,CAAC;EAACC,KAAD;EAAQC,cAAR;EAAwBC;AAAxB,CAAD,KAA6C;EACzE,oBACE;IAAK,SAAS,EAAEL,MAAM,CAACM;EAAvB,gBACE;IAAI,SAAS,EAAEN,MAAM,CAACG;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAG,SAAS,EAAEH,MAAM,CAACK;EAArB,GAA+BA,OAA/B,CAFF,eAGE,oBAAC,MAAD,eACMD,cADN;IAEE,SAAS,EAAEJ,MAAM,CAACI,cAFpB;IAGE,sBAAsB,EAAEJ,MAAM,CAACO;EAHjC,GAHF,CADF;AAWD,CAZD;;AAcAL,qBAAqB,CAACD,SAAtB,2CAAkCA,SAAlC;AAEA,eAAeC,qBAAf"}

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

@@ -0,0 +1,65 @@
+@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_700 from colors;
+@value cm_grey_400 from colors;
+@value white from colors;
+
+
+.container {
+  padding: 40px;
+  background-color: white;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 24px;
+  letter-spacing: 0em;
+  text-align: left;
+  color: cm_grey_700;
+  margin: 0px 0px 8px 0px;
+  
+}
+
+.content {
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  letter-spacing: 0px;
+  text-align: left;
+  color: cm_grey_500;
+  margin: 0px 0px 24px 0px;
+}
+
+.downloadButton {
+  height: 48px;
+  width: 152px;
+  border-radius: 7px;
+  background-color: cm_primary_blue;
+}
+
+.downloadButtonContent {
+  padding: 0 30px;
+  display: block;
+  text-transform: inherit;
+  background-color: cm_primary_blue;
+  color: white;
+  font-family: Gilroy;
+  font-weight: 600;
+  font-size: 13px;
+  text-decoration: none;
+  line-height: inherit;
+  text-align: center;
+  box-sizing: border-box;
+  border-radius: inherit;
+  border: none;
+  width: 100%;
+  user-select: none;
+  cursor: pointer;
+}

package/es/molecule/privacy-policy-download/types.d.ts

@@ -0,0 +1,50 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    title: PropTypes.Requireable<string>;
+    content: PropTypes.Requireable<string>;
+    downloadButton: PropTypes.Requireable<PropTypes.InferProps<{
+        color: any;
+        submitValue: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        href: PropTypes.Requireable<string>;
+        download: PropTypes.Requireable<boolean>;
+        target: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        className: PropTypes.Requireable<string>;
+        style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        'data-name': PropTypes.Requireable<string>;
+        'aria-label': PropTypes.Requireable<string>;
+        'data-testid': PropTypes.Requireable<string>;
+        useButtonTag: PropTypes.Requireable<boolean>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
+        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
+        buttonRef: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        'data-for': PropTypes.Requireable<string>;
+        'data-tooltip-place': PropTypes.Requireable<string>;
+        'data-tip': PropTypes.Requireable<boolean>;
+        isLinkDisabled: PropTypes.Requireable<boolean>;
+        useWrapper: PropTypes.Requireable<boolean>;
+        buttonContentClassName: PropTypes.Requireable<string>;
+    }>>;
+};
+export declare type Item = {
+    text: string;
+    isSelected?: boolean;
+    handleOnclick: () => void;
+    isShowMoreItem?: boolean;
+};
+export declare type Props = {
+    title: string;
+    content: string;
+    downloadButton: {
+        submitValue: string;
+        onClick: () => void;
+        type: string;
+        href: string;
+        download: boolean;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/es/molecule/privacy-policy-download/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/privacy-policy-download/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAIrB,CAAC;AAEF,oBAAY,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;CACH,CAAC"}

package/es/molecule/privacy-policy-download/types.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+import Button from '../../atom/button';
+export const propTypes = {
+  title: PropTypes.string,
+  content: PropTypes.string,
+  downloadButton: PropTypes.shape(Button.propTypes)
+};
+//# sourceMappingURL=types.js.map

package/es/molecule/privacy-policy-download/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","Button","propTypes","title","string","content","downloadButton","shape"],"sources":["../../../src/molecule/privacy-policy-download/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Button from '../../atom/button';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  content: PropTypes.string,\n  downloadButton: PropTypes.shape(Button.propTypes)\n};\n\nexport type Item = {\n  text: string;\n  isSelected?: boolean;\n  handleOnclick: () => void;\n  isShowMoreItem?: boolean;\n};\nexport type Props = {\n  title: string;\n  content: string;\n  downloadButton: {\n    submitValue: string;\n    onClick: () => void;\n    type: string;\n    href: string;\n    download: boolean;\n  };\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEH,SAAS,CAACI,MADM;EAEvBC,OAAO,EAAEL,SAAS,CAACI,MAFI;EAGvBE,cAAc,EAAEN,SAAS,CAACO,KAAV,CAAgBN,MAAM,CAACC,SAAvB;AAHO,CAAlB"}

package/es/molecule/quick-access-card/index.d.ts

@@ -6,6 +6,7 @@ declare namespace QuickAccessCard {
         const description: PropTypes.Requireable<string>;
         const href: PropTypes.Requireable<string>;
         const openInNewTab: PropTypes.Requireable<boolean>;
+        const isMoocCard: PropTypes.Requireable<boolean>;
         const feature: PropTypes.Requireable<string>;
     }
 }

package/es/molecule/quick-access-card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AA+EA,wEAwDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/quick-access-card/index.js"],"names":[],"mappings":";AAiIA,wEAkEC"}