@coorpacademy/components 11.15.2 → 11.15.3

package/es/template/common/privacy-policy-page/style.css

@@ -0,0 +1,111 @@
+@value breakpoints: "../../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value desktop from breakpoints;
+@value colors: "../../../variables/colors.css";
+@value cm_grey_50 from colors;
+
+.wrapper {
+  background-color: cm_grey_50;
+}
+
+.hero {
+  height: 228px;
+  width: 100%;
+}
+
+.container {
+  display: flex;
+  flex-direction: row;
+  margin: 40px auto;
+  padding: 0px 40px;
+  justify-content: center;
+}
+
+.menuContainer {
+  margin-right: 32px;
+  min-width: 308px;
+  max-width: 388px;
+}
+
+.menueLinksDesctop {
+  display: block;
+}
+
+.menueLinksMobile {
+  display: none;
+}
+
+.privacyPolicyContact{
+  width: 100%;
+  height: 86px;
+  display: flex;
+  justify-content: center;
+}
+
+.expandableList {
+  min-width: 533px;
+  max-width: 748px;
+  width: 100%;
+}
+@media tablet {
+  .container {
+    display: flex;
+    flex-direction: column;
+    margin: 40px;
+    padding: 0px;
+  }
+  .menuContainer {
+    margin: 0px 0px 16px 0px;
+    width: 100%;
+    min-width: inherit;
+    max-width: inherit;
+  }
+  .expandableList {
+    min-width: inherit;
+    max-width: inherit;
+    width: 100%;
+  }
+  .menueLinksDesctop {
+    display: none;
+  }
+  .menueLinksMobile {
+    display: block;
+  }
+}
+
+@media mobile {
+  .hero {
+    height: 264px;
+    width: 100%;
+  }
+  .container {
+    display: flex;
+    flex-direction: column;
+    margin: 40px 24px;
+    padding: 0px;
+  }
+  .menuContainer {
+    margin: 0px 0px 16px 0px;
+    width: 100%;
+    min-width: inherit;
+    max-width: inherit;
+  }
+  .expandableList {
+    min-width: inherit;
+    max-width: inherit;
+    width: 100%;
+  }
+  .menueLinksDesctop {
+    display: none;
+  }
+  .menueLinksMobile {
+    display: block;
+  }
+  .privacyPolicyContact{
+    width: 100%;
+    height: max-content;
+    display: flex;
+    justify-content: center;
+  }
+}

package/es/template/common/privacy-policy-page/types.d.ts

@@ -0,0 +1,55 @@
+import PropTypes from 'prop-types';
+import { Props as ContactProps } from '../../../molecule/privacy-policy-contact/types';
+import { Props as HeroProps } from '../../../molecule/hero/types';
+import { Props as MenuLinksProps } from '../../../molecule/menu-links/types';
+import { Props as ListProps } from '../../../molecule/expandable-list/types';
+export declare const propTypes: {
+    header: PropTypes.Requireable<PropTypes.InferProps<{
+        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>;
+    }>>;
+    privacyPolicyContact: PropTypes.Requireable<PropTypes.InferProps<{
+        title: PropTypes.Requireable<string>;
+        content: PropTypes.Requireable<string>;
+    }>>;
+    menuLinks: PropTypes.Requireable<PropTypes.InferProps<{
+        title: PropTypes.Requireable<string>;
+        numberOfDisplayedItems: PropTypes.Requireable<number>;
+        isDesktopMode: PropTypes.Requireable<boolean>;
+        withScroll: 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)[]>;
+    }>>;
+    expandableList: PropTypes.Requireable<PropTypes.InferProps<{
+        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 = {
+    header: HeroProps;
+    privacyPolicyContact: ContactProps;
+    menuLinks: MenuLinksProps;
+    expandableList: ListProps;
+};
+//# sourceMappingURL=types.d.ts.map

package/es/template/common/privacy-policy-page/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/template/common/privacy-policy-page/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,KAAK,IAAI,YAAY,EAEtB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAC,KAAK,IAAI,SAAS,EAA6B,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EACL,KAAK,IAAI,cAAc,EAExB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,KAAK,IAAI,SAAS,EAEnB,MAAM,yCAAyC,CAAC;AAEjD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,oBAAoB,EAAE,YAAY,CAAC;IACnC,SAAS,EAAE,cAAc,CAAC;IAC1B,cAAc,EAAE,SAAS,CAAC;CAC3B,CAAC"}

package/es/template/common/privacy-policy-page/types.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+import { propTypes as ContactPropTypes } from '../../../molecule/privacy-policy-contact/types';
+import { propTypes as HeroPropTypes } from '../../../molecule/hero/types';
+import { propTypes as MenuLinksPropTypes } from '../../../molecule/menu-links/types';
+import { propTypes as ListPropTypes } from '../../../molecule/expandable-list/types';
+export const propTypes = {
+  header: PropTypes.shape(HeroPropTypes),
+  privacyPolicyContact: PropTypes.shape(ContactPropTypes),
+  menuLinks: PropTypes.shape(MenuLinksPropTypes),
+  expandableList: PropTypes.shape(ListPropTypes)
+};
+//# sourceMappingURL=types.js.map

package/es/template/common/privacy-policy-page/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","ContactPropTypes","HeroPropTypes","MenuLinksPropTypes","ListPropTypes","header","shape","privacyPolicyContact","menuLinks","expandableList"],"sources":["../../../../src/template/common/privacy-policy-page/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Props as ContactProps,\n  propTypes as ContactPropTypes\n} from '../../../molecule/privacy-policy-contact/types';\nimport {Props as HeroProps, propTypes as HeroPropTypes} from '../../../molecule/hero/types';\nimport {\n  Props as MenuLinksProps,\n  propTypes as MenuLinksPropTypes\n} from '../../../molecule/menu-links/types';\nimport {\n  Props as ListProps,\n  propTypes as ListPropTypes\n} from '../../../molecule/expandable-list/types';\n\nexport const propTypes = {\n  header: PropTypes.shape(HeroPropTypes),\n  privacyPolicyContact: PropTypes.shape(ContactPropTypes),\n  menuLinks: PropTypes.shape(MenuLinksPropTypes),\n  expandableList: PropTypes.shape(ListPropTypes)\n};\n\nexport type Props = {\n  header: HeroProps;\n  privacyPolicyContact: ContactProps;\n  menuLinks: MenuLinksProps;\n  expandableList: ListProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAEEC,SAAS,IAAIC,gBAFf,QAGO,gDAHP;AAIA,SAA4BD,SAAS,IAAIE,aAAzC,QAA6D,8BAA7D;AACA,SAEEF,SAAS,IAAIG,kBAFf,QAGO,oCAHP;AAIA,SAEEH,SAAS,IAAII,aAFf,QAGO,yCAHP;AAKA,OAAO,MAAMJ,SAAS,GAAG;EACvBK,MAAM,EAAEN,SAAS,CAACO,KAAV,CAAgBJ,aAAhB,CADe;EAEvBK,oBAAoB,EAAER,SAAS,CAACO,KAAV,CAAgBL,gBAAhB,CAFC;EAGvBO,SAAS,EAAET,SAAS,CAACO,KAAV,CAAgBH,kBAAhB,CAHY;EAIvBM,cAAc,EAAEV,SAAS,CAACO,KAAV,CAAgBF,aAAhB;AAJO,CAAlB"}

package/es/util/button-icons.d.ts

@@ -17,5 +17,6 @@ export const ICONS: {
     upload: any;
     down: any;
     pdf: any;
+    back: any;
 };
 //# sourceMappingURL=button-icons.d.ts.map

package/es/util/button-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;;;;;;;;EAmBE"}
+{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/util/button-icons.js"],"names":[],"mappings":"AAsBA;;;;;;;;;;;;;;;;;;;;EAoBE"}

package/es/util/button-icons.js

@@ -1,4 +1,4 @@
-import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon, NovaSolidFilesBasicFileUpload2 as UploadIcon, NovaCompositionNavigationArrowDown as ArrowDown, NovaLineFilesOfficeFileOfficePdf as PDF } from '@coorpacademy/nova-icons';
+import { NovaSolidRemoveAddAddCircle1 as AddIcon, NovaCompositionCoorpacademyAnalytics as AnalyticsIcon, NovaSolidContentEditionBin as BinIcon, NovaCompositionCoorpacademyBulletPoint as BulletPointIcon, NovaCompositionNavigationArrowLeft as ChevronLeftIcon, NovaCompositionNavigationArrowRight as ChevronRightIcon, NovaSolidStatusClose as CloseIcon, NovaSolidContentEditionPencilWrite as EditIcon, NovaCompositionCoorpacademyEye as EyeIcon, NovaSolidContentContentViewModule1 as ListIcon, NovaSolidLoginLogout1 as LogoutIcon, NovaSolidApplicationsWindowUpload3 as PublishIcon, NovaSolidComputersSdCard as SaveIcon, NovaLineLoginKey1 as KlfIcon, NovaSolidFilesFoldersFolders as FoldersIcon, NovaSolidFilesBasicFileUpload2 as UploadIcon, NovaCompositionNavigationArrowDown as ArrowDown, NovaCompositionNavigationArrowLeft as ArrowLeft, NovaLineFilesOfficeFileOfficePdf as PDF } from '@coorpacademy/nova-icons';
 export const ICONS = {
   add: AddIcon,
   analytics: AnalyticsIcon,
@@ -17,6 +17,7 @@ export const ICONS = {
   folders: FoldersIcon,
   upload: UploadIcon,
   down: ArrowDown,
-  pdf: PDF
+  pdf: PDF,
+  back: ArrowLeft
 };
 //# sourceMappingURL=button-icons.js.map

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/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;;;;;;;;;;CA8BxF,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
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(_style.default.header, isExpended ? _style.default.expendedHeader : null),
+    onClick: onClick
+  }, /*#__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}>\n      <div\n        className={classnames(styles.header, isExpended ? styles.expendedHeader : null)}\n        onClick={onClick}\n      >\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;EAA/D,gBACE;IACE,SAAS,EAAE,IAAAC,mBAAA,EAAWH,cAAA,CAAOI,MAAlB,EAA0BV,UAAU,GAAGM,cAAA,CAAOK,cAAV,GAA2B,IAA/D,CADb;IAEE,OAAO,EAAER;EAFX,gBAIE;IAAI,SAAS,EAAEG,cAAA,CAAOP;EAAtB,GAA8BA,KAA9B,CAJF,EAKGM,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,IAbN,CADF,EAgBGb,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,IAxBN,CADF;AA4BD,CA9BD;;AAgCAP,cAAc,CAACkB,SAAf,2CAA2BA,gBAA3B;eACelB,c"}

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

@@ -0,0 +1,129 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value cm_primary_blue from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_600 from colors;
+@value cm_grey_800 from colors;
+@value 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;
+  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: 8px;
+  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: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  letter-spacing: 0px;
+  text-align: left;
+  padding: 0px 40px 32px 40px;
+}
+
+.image {
+  width: 100%;
+}
+
+@media mobile {
+  .container {
+    display: flex;
+    flex-direction: column;
+    background: white;
+    gap: 16px;
+    border-radius: 8px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    height: max-content;
+    font-family: Gilroy;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 20px;
+    letter-spacing: 0px;
+    text-align: left;
+  }
+  .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;;;;;;;;;;;;CAgBrC,CAAC;AAIF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,34 @@
+"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}`,
+      id: `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\n            key={`menu-link-item-${index}`}\n            id={`menu-link-item-${index}`}\n            className={styles.item}\n          >\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;MACE,GAAG,EAAG,kBAAiBA,KAAM,EAD/B;MAEE,EAAE,EAAG,kBAAiBA,KAAM,EAF9B;MAGE,SAAS,EAAEJ,cAAA,CAAOG;IAHpB,gBAKE,6BAAC,uBAAD,EAAoBA,IAApB,CALF,CADF;EASD,CAVA,CADH,CADF;AAeD,CAhBD;;AAkBAL,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"}