@coorpacademy/components 10.0.40 → 10.0.44-alpha.1

package/es/molecule/brand-form-group/style.css

@@ -1,13 +1,12 @@
-@value colors: "../../variables/colors.css";
-@value cm_grey_700 from colors;
-@value medium from colors;
+@value breakpoints: "../../variables/breakpoints.css";
+@value desktop from breakpoints;
 
 .wrapper {
   width: 100%;
   padding-bottom: 50px;
 }
 
-.title {
+.titleWrapper {
   margin-top: 20px;
   margin-bottom: 20px;
 }
@@ -17,34 +16,51 @@
   flex-wrap: wrap;
 }
 
-.grid .field {
-  margin-right: 20px;
+.groupGrid {
+  display: flex;
+  justify-content: center;
+  overflow: hidden;
+}
+
+.groupGrid:first-child {
+  flex: 1;
+}
+
+.groupGrid .titleWrapper {
+  width: 352px;
 }
 
-.title h3 {
-  font-family: 'Gilroy';
-  font-size: 18px;
-  font-weight: bold;
-  font-stretch: normal;
-  font-style: normal;
-  color: cm_grey_700;
+.groupGrid .grid {
+  flex: 3;
+  margin-top: 50px;
+  flex-wrap: nowrap;
+  overflow: hidden;
+  justify-content: space-evenly;
 }
 
-.title h4 {
-  font-family: 'Gilroy';
-  font-size: 14px;
-  font-weight: 400;
-  font-style: normal;
-  line-height: 20px;
-  color: medium;
-  margin: 8px 0;
+.grid .field {
+  margin-right: 20px;
 }
 
 .field {
   margin-bottom: 20px;
 }
 
-
 .field:last-child {
   margin-bottom: 0;
 }
+
+@media desktop {
+  .groupGrid {
+    flex-direction: column;
+  }
+
+  .groupGrid .grid {
+    justify-content: flex-start;
+    margin-top: 0;
+  }
+
+  .groupGrid .grid .field {
+    flex: 1;
+  }
+}

package/es/molecule/brand-tabs/test/fixtures.js

@@ -6,6 +6,7 @@ import fixtureAnalytics from './fixtures/analytics';
 import fixtureCohort from './fixtures/cohort';
 import fixtureDefault from './fixtures/default';
 import fixtureImportusers from './fixtures/importusers';
+import fixtureLight from './fixtures/light';
 import fixtureLms from './fixtures/lms';
 import fixtureLookandfeel from './fixtures/lookandfeel';
 import fixtureManageusers from './fixtures/manageusers';
@@ -20,6 +21,7 @@ test('Molecule › MoleculeBrandTabs › Analytics › should be rendered', rend
 test('Molecule › MoleculeBrandTabs › Cohort › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureCohort);
 test('Molecule › MoleculeBrandTabs › Default › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureDefault);
 test('Molecule › MoleculeBrandTabs › Importusers › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureImportusers);
+test('Molecule › MoleculeBrandTabs › Light › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLight);
 test('Molecule › MoleculeBrandTabs › Lms › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLms);
 test('Molecule › MoleculeBrandTabs › Lookandfeel › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLookandfeel);
 test('Molecule › MoleculeBrandTabs › Manageusers › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureManageusers);

package/es/molecule/brand-tabs/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/brand-tabs/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeBrandTabs","fixtureAnalytics","fixtureCohort","fixtureDefault","fixtureImportusers","fixtureLms","fixtureLookandfeel","fixtureManageusers","fixtureSso","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AAEAX,IAAI,CAAC,4DAAD,EAA+DY,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACAZ,EAAAA,OAAO,CAACE,iBAAiB,CAACW,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAhB,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,iBAAxF,EAA2GC,gBAA3G,CAAJ;AACAJ,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,iBAArF,EAAwGE,aAAxG,CAAJ;AACAL,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,iBAAtF,EAAyGG,cAAzG,CAAJ;AACAN,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GI,kBAA7G,CAAJ;AACAP,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGK,UAArG,CAAJ;AACAR,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GM,kBAA7G,CAAJ;AACAT,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GO,kBAA7G,CAAJ;AACAV,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGQ,UAArG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeBrandTabs from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDefault from './fixtures/default';\nimport fixtureImportusers from './fixtures/importusers';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusers from './fixtures/manageusers';\nimport fixtureSso from './fixtures/sso';\n\ntest('Molecule › MoleculeBrandTabs > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeBrandTabs.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeBrandTabs.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeBrandTabs › Analytics › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureAnalytics);\ntest('Molecule › MoleculeBrandTabs › Cohort › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureCohort);\ntest('Molecule › MoleculeBrandTabs › Default › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureDefault);\ntest('Molecule › MoleculeBrandTabs › Importusers › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureImportusers);\ntest('Molecule › MoleculeBrandTabs › Lms › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLms);\ntest('Molecule › MoleculeBrandTabs › Lookandfeel › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLookandfeel);\ntest('Molecule › MoleculeBrandTabs › Manageusers › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureManageusers);\ntest('Molecule › MoleculeBrandTabs › Sso › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureSso);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/brand-tabs/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeBrandTabs","fixtureAnalytics","fixtureCohort","fixtureDefault","fixtureImportusers","fixtureLight","fixtureLms","fixtureLookandfeel","fixtureManageusers","fixtureSso","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,iBAAP,MAA8B,IAA9B;AACA,OAAOC,gBAAP,MAA6B,sBAA7B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,kBAAP,MAA+B,wBAA/B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AAEAZ,IAAI,CAAC,4DAAD,EAA+Da,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACAb,EAAAA,OAAO,CAACE,iBAAiB,CAACY,SAAnB,EAA8B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAjB,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,iBAAxF,EAA2GC,gBAA3G,CAAJ;AACAJ,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,iBAArF,EAAwGE,aAAxG,CAAJ;AACAL,IAAI,CAAC,6DAAD,EAAgEE,oBAAhE,EAAsFC,iBAAtF,EAAyGG,cAAzG,CAAJ;AACAN,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GI,kBAA7G,CAAJ;AACAP,IAAI,CAAC,2DAAD,EAA8DE,oBAA9D,EAAoFC,iBAApF,EAAuGK,YAAvG,CAAJ;AACAR,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGM,UAArG,CAAJ;AACAT,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GO,kBAA7G,CAAJ;AACAV,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,iBAA1F,EAA6GQ,kBAA7G,CAAJ;AACAX,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,iBAAlF,EAAqGS,UAArG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeBrandTabs from '..';\nimport fixtureAnalytics from './fixtures/analytics';\nimport fixtureCohort from './fixtures/cohort';\nimport fixtureDefault from './fixtures/default';\nimport fixtureImportusers from './fixtures/importusers';\nimport fixtureLight from './fixtures/light';\nimport fixtureLms from './fixtures/lms';\nimport fixtureLookandfeel from './fixtures/lookandfeel';\nimport fixtureManageusers from './fixtures/manageusers';\nimport fixtureSso from './fixtures/sso';\n\ntest('Molecule › MoleculeBrandTabs > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeBrandTabs.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeBrandTabs.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeBrandTabs › Analytics › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureAnalytics);\ntest('Molecule › MoleculeBrandTabs › Cohort › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureCohort);\ntest('Molecule › MoleculeBrandTabs › Default › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureDefault);\ntest('Molecule › MoleculeBrandTabs › Importusers › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureImportusers);\ntest('Molecule › MoleculeBrandTabs › Light › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLight);\ntest('Molecule › MoleculeBrandTabs › Lms › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLms);\ntest('Molecule › MoleculeBrandTabs › Lookandfeel › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureLookandfeel);\ntest('Molecule › MoleculeBrandTabs › Manageusers › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureManageusers);\ntest('Molecule › MoleculeBrandTabs › Sso › should be rendered', renderComponentMacro, MoleculeBrandTabs, fixtureSso);\n"],"file":"fixtures.js"}

package/es/molecule/coorp-manager-roles/index.js

@@ -0,0 +1,31 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import InputCheckbox from '../../atom/input-checkbox';
+import style from './style.css';
+
+const Roles = ({
+  title,
+  fields
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.rolesGroup
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: style.title
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: style.content
+  }, fields.map((field, i) => /*#__PURE__*/React.createElement("span", {
+    className: style.field,
+    key: i
+  }, /*#__PURE__*/React.createElement(InputCheckbox, field)))));
+};
+
+Roles.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.string,
+  fields: PropTypes.arrayOf(PropTypes.shape(_extends(_extends({}, InputCheckbox.propTypes), {}, {
+    type: PropTypes.oneOf(['checkbox'])
+  })))
+} : {};
+export default Roles;
+//# sourceMappingURL=index.js.map

package/es/molecule/coorp-manager-roles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/coorp-manager-roles/index.js"],"names":["React","PropTypes","InputCheckbox","style","Roles","title","fields","rolesGroup","content","map","field","i","propTypes","string","arrayOf","shape","type","oneOf"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,aAAP,MAA0B,2BAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,KAAK,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA;AAAR,CAAD,KAAqB;AACjC,sBACE;AAAK,IAAA,SAAS,EAAEH,KAAK,CAACI;AAAtB,kBACE;AAAI,IAAA,SAAS,EAAEJ,KAAK,CAACE;AAArB,KAA6BA,KAA7B,CADF,eAEE;AAAK,IAAA,SAAS,EAAEF,KAAK,CAACK;AAAtB,KACGF,MAAM,CAACG,GAAP,CAAW,CAACC,KAAD,EAAQC,CAAR,kBACV;AAAM,IAAA,SAAS,EAAER,KAAK,CAACO,KAAvB;AAA8B,IAAA,GAAG,EAAEC;AAAnC,kBACE,oBAAC,aAAD,EAAmBD,KAAnB,CADF,CADD,CADH,CAFF,CADF;AAYD,CAbD;;AAeAN,KAAK,CAACQ,SAAN,2CAAkB;AAChBP,EAAAA,KAAK,EAAEJ,SAAS,CAACY,MADD;AAEhBP,EAAAA,MAAM,EAAEL,SAAS,CAACa,OAAV,CACNb,SAAS,CAACc,KAAV,uBACKb,aAAa,CAACU,SADnB;AAEEI,IAAAA,IAAI,EAAEf,SAAS,CAACgB,KAAV,CAAgB,CAAC,UAAD,CAAhB;AAFR,KADM;AAFQ,CAAlB;AAUA,eAAeb,KAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport style from './style.css';\n\nconst Roles = ({title, fields}) => {\n  return (\n    <div className={style.rolesGroup}>\n      <h3 className={style.title}>{title}</h3>\n      <div className={style.content}>\n        {fields.map((field, i) => (\n          <span className={style.field} key={i}>\n            <InputCheckbox {...field} />\n          </span>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nRoles.propTypes = {\n  title: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      ...InputCheckbox.propTypes,\n      type: PropTypes.oneOf(['checkbox'])\n    })\n  )\n};\n\nexport default Roles;\n"],"file":"index.js"}

package/es/molecule/coorp-manager-roles/style.css

@@ -0,0 +1,38 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_700 from colors;
+@value cm_grey_400 from colors;
+
+.title {
+  font-family: 'Gilroy';
+  font-size: 18px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  color: cm_grey_700;
+  margin-top: 0;
+}
+
+.rolesGroup {
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.field {
+  margin: 8px 0;
+}
+
+@media desktop {
+  .rolesGroup {
+    flex-direction: row;
+  }
+
+  .content {
+    margin-top: 0;
+  }
+}

package/es/molecule/coorp-manager-roles/test/default.js

@@ -0,0 +1,23 @@
+export default {
+  props: {
+    title: 'Coorp',
+    fields: [{
+      type: 'checkbox',
+      titleColor: 'primary',
+      title: 'RH',
+      checked: true,
+      disabled: true
+    }, {
+      type: 'checkbox',
+      titleColor: 'primary',
+      title: 'CMS',
+      checked: false
+    }, {
+      type: 'checkbox',
+      titleColor: 'primary',
+      title: 'Admin',
+      checked: true
+    }]
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/molecule/coorp-manager-roles/test/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/coorp-manager-roles/test/default.js"],"names":["props","title","fields","type","titleColor","checked","disabled"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,OADF;AAELC,IAAAA,MAAM,EAAE,CACN;AACEC,MAAAA,IAAI,EAAE,UADR;AAEEC,MAAAA,UAAU,EAAE,SAFd;AAGEH,MAAAA,KAAK,EAAE,IAHT;AAIEI,MAAAA,OAAO,EAAE,IAJX;AAKEC,MAAAA,QAAQ,EAAE;AALZ,KADM,EAQN;AACEH,MAAAA,IAAI,EAAE,UADR;AAEEC,MAAAA,UAAU,EAAE,SAFd;AAGEH,MAAAA,KAAK,EAAE,KAHT;AAIEI,MAAAA,OAAO,EAAE;AAJX,KARM,EAcN;AACEF,MAAAA,IAAI,EAAE,UADR;AAEEC,MAAAA,UAAU,EAAE,SAFd;AAGEH,MAAAA,KAAK,EAAE,OAHT;AAIEI,MAAAA,OAAO,EAAE;AAJX,KAdM;AAFH;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Coorp',\n    fields: [\n      {\n        type: 'checkbox',\n        titleColor: 'primary',\n        title: 'RH',\n        checked: true,\n        disabled: true\n      },\n      {\n        type: 'checkbox',\n        titleColor: 'primary',\n        title: 'CMS',\n        checked: false\n      },\n      {\n        type: 'checkbox',\n        titleColor: 'primary',\n        title: 'Admin',\n        checked: true\n      }\n    ]\n  }\n};\n"],"file":"default.js"}

package/es/molecule/coorp-manager-roles/test/fixtures.js

@@ -0,0 +1,11 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculeCoorpManagerRoles from '..';
+test('Molecule › MoleculeCoorpManagerRoles > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculeCoorpManagerRoles.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeCoorpManagerRoles.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/coorp-manager-roles/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/coorp-manager-roles/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeCoorpManagerRoles","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,yBAAP,MAAsC,IAAtC;AAEAH,IAAI,CAAC,oEAAD,EAAuEI,CAAC,IAAI;AAC9EA,EAAAA,CAAC,CAACC,IAAF;AACAJ,EAAAA,OAAO,CAACE,yBAAyB,CAACG,SAA3B,EAAsC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3DJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,8DAA6DF,GAAI,mEAA1F;AACD,GAFM,CAAP;AAGD,CALG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeCoorpManagerRoles from '..';\n\ntest('Molecule › MoleculeCoorpManagerRoles > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeCoorpManagerRoles.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeCoorpManagerRoles.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\n"],"file":"fixtures.js"}

package/es/molecule/discipline-scope/test/fixtures.js

@@ -3,9 +3,12 @@ import forEach from 'lodash/forEach';
 import renderComponentMacro from '../../../test/helpers/render-component';
 import MoleculeDisciplineScope from '..';
 import fixtureArabic from './fixtures/arabic';
+import fixtureAudio from './fixtures/audio';
 import fixtureDefault from './fixtures/default';
 import fixtureEmpty from './fixtures/empty';
 import fixtureMedias from './fixtures/medias';
+import fixturePdf from './fixtures/pdf';
+import fixtureVimeo from './fixtures/vimeo';
 import fixtureWithOnclick from './fixtures/with-onclick';
 test('Molecule › MoleculeDisciplineScope > should have valid propTypes', t => {
   t.pass();
@@ -14,8 +17,11 @@ test('Molecule › MoleculeDisciplineScope > should have valid propTypes', t =>
   });
 });
 test('Molecule › MoleculeDisciplineScope › Arabic › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureArabic);
+test('Molecule › MoleculeDisciplineScope › Audio › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureAudio);
 test('Molecule › MoleculeDisciplineScope › Default › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureDefault);
 test('Molecule › MoleculeDisciplineScope › Empty › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureEmpty);
 test('Molecule › MoleculeDisciplineScope › Medias › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureMedias);
+test('Molecule › MoleculeDisciplineScope › Pdf › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixturePdf);
+test('Molecule › MoleculeDisciplineScope › Vimeo › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureVimeo);
 test('Molecule › MoleculeDisciplineScope › WithOnclick › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureWithOnclick);
 //# sourceMappingURL=fixtures.js.map

package/es/molecule/discipline-scope/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/discipline-scope/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeDisciplineScope","fixtureArabic","fixtureDefault","fixtureEmpty","fixtureMedias","fixtureWithOnclick","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,uBAAP,MAAoC,IAApC;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AAEAR,IAAI,CAAC,kEAAD,EAAqES,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,uBAAuB,CAACQ,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,uBAA3F,EAAoHC,aAApH,CAAJ;AACAJ,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,uBAA5F,EAAqHE,cAArH,CAAJ;AACAL,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,uBAA1F,EAAmHG,YAAnH,CAAJ;AACAN,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,uBAA3F,EAAoHI,aAApH,CAAJ;AACAP,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,uBAAhG,EAAyHK,kBAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDisciplineScope from '..';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureMedias from './fixtures/medias';\nimport fixtureWithOnclick from './fixtures/with-onclick';\n\ntest('Molecule › MoleculeDisciplineScope > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeDisciplineScope.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeDisciplineScope.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeDisciplineScope › Arabic › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureArabic);\ntest('Molecule › MoleculeDisciplineScope › Default › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureDefault);\ntest('Molecule › MoleculeDisciplineScope › Empty › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureEmpty);\ntest('Molecule › MoleculeDisciplineScope › Medias › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureMedias);\ntest('Molecule › MoleculeDisciplineScope › WithOnclick › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureWithOnclick);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/molecule/discipline-scope/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculeDisciplineScope","fixtureArabic","fixtureAudio","fixtureDefault","fixtureEmpty","fixtureMedias","fixturePdf","fixtureVimeo","fixtureWithOnclick","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,uBAAP,MAAoC,IAApC;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,UAAP,MAAuB,gBAAvB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AAEAX,IAAI,CAAC,kEAAD,EAAqEY,CAAC,IAAI;AAC5EA,EAAAA,CAAC,CAACC,IAAF;AACAZ,EAAAA,OAAO,CAACE,uBAAuB,CAACW,SAAzB,EAAoC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACzDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,4DAA2DF,GAAI,mEAAxF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAhB,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,uBAA3F,EAAoHC,aAApH,CAAJ;AACAJ,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,uBAA1F,EAAmHE,YAAnH,CAAJ;AACAL,IAAI,CAAC,mEAAD,EAAsEE,oBAAtE,EAA4FC,uBAA5F,EAAqHG,cAArH,CAAJ;AACAN,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,uBAA1F,EAAmHI,YAAnH,CAAJ;AACAP,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,uBAA3F,EAAoHK,aAApH,CAAJ;AACAR,IAAI,CAAC,+DAAD,EAAkEE,oBAAlE,EAAwFC,uBAAxF,EAAiHM,UAAjH,CAAJ;AACAT,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,uBAA1F,EAAmHO,YAAnH,CAAJ;AACAV,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,uBAAhG,EAAyHQ,kBAAzH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDisciplineScope from '..';\nimport fixtureArabic from './fixtures/arabic';\nimport fixtureAudio from './fixtures/audio';\nimport fixtureDefault from './fixtures/default';\nimport fixtureEmpty from './fixtures/empty';\nimport fixtureMedias from './fixtures/medias';\nimport fixturePdf from './fixtures/pdf';\nimport fixtureVimeo from './fixtures/vimeo';\nimport fixtureWithOnclick from './fixtures/with-onclick';\n\ntest('Molecule › MoleculeDisciplineScope > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeDisciplineScope.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeDisciplineScope.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeDisciplineScope › Arabic › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureArabic);\ntest('Molecule › MoleculeDisciplineScope › Audio › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureAudio);\ntest('Molecule › MoleculeDisciplineScope › Default › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureDefault);\ntest('Molecule › MoleculeDisciplineScope › Empty › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureEmpty);\ntest('Molecule › MoleculeDisciplineScope › Medias › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureMedias);\ntest('Molecule › MoleculeDisciplineScope › Pdf › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixturePdf);\ntest('Molecule › MoleculeDisciplineScope › Vimeo › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureVimeo);\ntest('Molecule › MoleculeDisciplineScope › WithOnclick › should be rendered', renderComponentMacro, MoleculeDisciplineScope, fixtureWithOnclick);\n"],"file":"fixtures.js"}

package/es/molecule/popin/index.js

@@ -101,7 +101,7 @@ const Popin = (props, context) => {
     value: value.message,
     onChange: handleChange
   }), /*#__PURE__*/React.createElement("input", {
-    className: style.inputText,
+    className: style.lastInputText,
     "data-name": "contact-email",
     name: "email",
     type: "text",

package/es/molecule/popin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/popin/index.js"],"names":["React","useState","useMemo","PropTypes","NovaCompositionCoorpacademyLocales","LocalesIcon","NovaSolidStatusClose","Close","NovaLineContentEditionBin","Bin","NovaLineContentEditionHide","Hide","Cta","Loader","style","Popin","props","context","skin","primaryColor","header","content","firstButtonLabel","onFirstButtonClick","secondeButtonLabel","onSecondeButtonClick","onClose","type","isLoading","backgroundImageUrl","logo","hiddenStateManagment","deleteContent","videoTranslate","LogoComponent","backgroundImageStyle","backgroundImage","value","setValue","object","message","email","handleChange","event","target","name","isAssistancePopin","handleClickOnSecondButton","background","loader","popin","popinHeader","headerCloseIcon","icon","color","__html","width","inputText","inputTextArea","buttonContainer","button","backgroundColor","propTypes","string","func","oneOf","bool"],"mappings":"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","sourcesContent":["import React, {useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\n\nimport {\n  NovaCompositionCoorpacademyLocales as LocalesIcon,\n  NovaSolidStatusClose as Close,\n  NovaLineContentEditionBin as Bin,\n  NovaLineContentEditionHide as Hide\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const {\n    header,\n    content,\n    firstButtonLabel,\n    onFirstButtonClick,\n    secondeButtonLabel,\n    onSecondeButtonClick,\n    onClose,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n\n  const logo = {\n    hiddenStateManagment: Hide,\n    deleteContent: Bin,\n    videoTranslate: LocalesIcon\n  };\n\n  const LogoComponent = logo[type];\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`\n      }\n    : {};\n\n  const [value, setValue] = useState({object: '', message: '', email: ''});\n\n  const handleChange = useMemo(() => event => {\n    setValue({...value, [event.target.name]: event.target.value});\n  });\n\n  const isAssistancePopin = type === 'assistance';\n\n  const handleClickOnSecondButton = useMemo(() => {\n    return type === 'assistance' ? onSecondeButtonClick(value) : onSecondeButtonClick;\n  }, [value]);\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"cockpit-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          <header className={style.popinHeader}>\n            <Close onClick={onClose} className={style.headerCloseIcon} />\n          </header>\n          {LogoComponent ? (\n            <LogoComponent className={style.icon} style={{color: primaryColor}} />\n          ) : null}\n          <div className={style.header} data-name={`cockpit-popin-header-${type}`}>\n            {header}\n          </div>\n          <p\n            className={style.content}\n            data-name={`cockpit-popin-content-${type}`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n\n          {isAssistancePopin ? (\n            <div style={{width: '70%'}}>\n              <input\n                data-name=\"contact-object\"\n                className={style.inputText}\n                name=\"object\"\n                type=\"text\"\n                placeholder=\"Object\"\n                value={value.object}\n                onChange={handleChange}\n              />\n              <textarea\n                className={(style.inputText, style.inputTextArea)}\n                data-name=\"contact-message\"\n                name=\"message\"\n                type=\"text\"\n                placeholder=\"Message\"\n                value={value.message}\n                onChange={handleChange}\n              />\n              <input\n                className={style.inputText}\n                data-name=\"contact-email\"\n                name=\"email\"\n                type=\"text\"\n                placeholder=\"Email\"\n                value={value.email}\n                onChange={handleChange}\n              />\n            </div>\n          ) : null}\n\n          <div className={style.buttonContainer}>\n            {firstButtonLabel ? (\n              <Cta\n                submitValue={firstButtonLabel}\n                onClick={onFirstButtonClick}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{\n                  backgroundColor: 'white',\n                  color: 'gray'\n                }}\n              />\n            ) : null}\n            {secondeButtonLabel ? (\n              <Cta\n                submitValue={secondeButtonLabel}\n                onClick={handleClickOnSecondButton}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{backgroundColor: primaryColor}}\n                disabled={isAssistancePopin && !value.message}\n              />\n            ) : null}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  firstButtonLabel: PropTypes.string,\n  onFirstButtonClick: PropTypes.func,\n  secondeButtonLabel: PropTypes.string,\n  onSecondeButtonClick: PropTypes.func,\n  onClose: PropTypes.func,\n  type: PropTypes.oneOf(['videoTranslate', 'hiddenStateManagment', 'deleteContent', 'assistance']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default Popin;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/popin/index.js"],"names":["React","useState","useMemo","PropTypes","NovaCompositionCoorpacademyLocales","LocalesIcon","NovaSolidStatusClose","Close","NovaLineContentEditionBin","Bin","NovaLineContentEditionHide","Hide","Cta","Loader","style","Popin","props","context","skin","primaryColor","header","content","firstButtonLabel","onFirstButtonClick","secondeButtonLabel","onSecondeButtonClick","onClose","type","isLoading","backgroundImageUrl","logo","hiddenStateManagment","deleteContent","videoTranslate","LogoComponent","backgroundImageStyle","backgroundImage","value","setValue","object","message","email","handleChange","event","target","name","isAssistancePopin","handleClickOnSecondButton","background","loader","popin","popinHeader","headerCloseIcon","icon","color","__html","width","inputText","inputTextArea","lastInputText","buttonContainer","button","backgroundColor","propTypes","string","func","oneOf","bool"],"mappings":"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","sourcesContent":["import React, {useState, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\n\nimport {\n  NovaCompositionCoorpacademyLocales as LocalesIcon,\n  NovaSolidStatusClose as Close,\n  NovaLineContentEditionBin as Bin,\n  NovaLineContentEditionHide as Hide\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst Popin = (props, context) => {\n  const {skin} = context;\n  const primaryColor = getOr('#00B0FF', 'common.primary', skin);\n  const {\n    header,\n    content,\n    firstButtonLabel,\n    onFirstButtonClick,\n    secondeButtonLabel,\n    onSecondeButtonClick,\n    onClose,\n    type,\n    isLoading = false,\n    backgroundImageUrl\n  } = props;\n\n  const logo = {\n    hiddenStateManagment: Hide,\n    deleteContent: Bin,\n    videoTranslate: LocalesIcon\n  };\n\n  const LogoComponent = logo[type];\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`\n      }\n    : {};\n\n  const [value, setValue] = useState({object: '', message: '', email: ''});\n\n  const handleChange = useMemo(() => event => {\n    setValue({...value, [event.target.name]: event.target.value});\n  });\n\n  const isAssistancePopin = type === 'assistance';\n\n  const handleClickOnSecondButton = useMemo(() => {\n    return type === 'assistance' ? onSecondeButtonClick(value) : onSecondeButtonClick;\n  }, [value]);\n\n  return (\n    <div className={style.background} style={backgroundImageStyle}>\n      {isLoading ? (\n        <div className={style.loader}>\n          <Loader data-name=\"cockpit-popin-loader\" />\n        </div>\n      ) : (\n        <div className={style.popin}>\n          <header className={style.popinHeader}>\n            <Close onClick={onClose} className={style.headerCloseIcon} />\n          </header>\n          {LogoComponent ? (\n            <LogoComponent className={style.icon} style={{color: primaryColor}} />\n          ) : null}\n          <div className={style.header} data-name={`cockpit-popin-header-${type}`}>\n            {header}\n          </div>\n          <p\n            className={style.content}\n            data-name={`cockpit-popin-content-${type}`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n\n          {isAssistancePopin ? (\n            <div style={{width: '70%'}}>\n              <input\n                data-name=\"contact-object\"\n                className={style.inputText}\n                name=\"object\"\n                type=\"text\"\n                placeholder=\"Object\"\n                value={value.object}\n                onChange={handleChange}\n              />\n              <textarea\n                className={(style.inputText, style.inputTextArea)}\n                data-name=\"contact-message\"\n                name=\"message\"\n                type=\"text\"\n                placeholder=\"Message\"\n                value={value.message}\n                onChange={handleChange}\n              />\n              <input\n                className={style.lastInputText}\n                data-name=\"contact-email\"\n                name=\"email\"\n                type=\"text\"\n                placeholder=\"Email\"\n                value={value.email}\n                onChange={handleChange}\n              />\n            </div>\n          ) : null}\n\n          <div className={style.buttonContainer}>\n            {firstButtonLabel ? (\n              <Cta\n                submitValue={firstButtonLabel}\n                onClick={onFirstButtonClick}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{\n                  backgroundColor: 'white',\n                  color: 'gray'\n                }}\n              />\n            ) : null}\n            {secondeButtonLabel ? (\n              <Cta\n                submitValue={secondeButtonLabel}\n                onClick={handleClickOnSecondButton}\n                name={`cockpit-popin-cta-${type}`}\n                className={style.button}\n                style={{backgroundColor: primaryColor}}\n                disabled={isAssistancePopin && !value.message}\n              />\n            ) : null}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nPopin.propTypes = {\n  header: PropTypes.string,\n  content: PropTypes.string,\n  firstButtonLabel: PropTypes.string,\n  onFirstButtonClick: PropTypes.func,\n  secondeButtonLabel: PropTypes.string,\n  onSecondeButtonClick: PropTypes.func,\n  onClose: PropTypes.func,\n  type: PropTypes.oneOf(['videoTranslate', 'hiddenStateManagment', 'deleteContent', 'assistance']),\n  isLoading: PropTypes.bool,\n  backgroundImageUrl: PropTypes.string\n};\n\nexport default Popin;\n"],"file":"index.js"}

package/es/molecule/popin/style.css

@@ -113,6 +113,11 @@
   border-radius: 0;
 }
 
+.lastInputText {
+  composes: inputText;
+  margin-bottom: 30px
+}
+
 .inputTextArea {
   border: 2px solid #f7f7f7;
   margin: 10px 0px;

package/es/molecule/popin/test/fixtures.js

@@ -0,0 +1,21 @@
+import test from 'ava';
+import forEach from 'lodash/forEach';
+import renderComponentMacro from '../../../test/helpers/render-component';
+import MoleculePopin from '..';
+import fixtureAssistance from './fixtures/assistance';
+import fixtureBackgroundNoSecondButton from './fixtures/background-no-second-button';
+import fixtureDefault from './fixtures/default';
+import fixtureLoading from './fixtures/loading';
+import fixtureVideoTranslate from './fixtures/video-translate';
+test('Molecule › MoleculePopin > should have valid propTypes', t => {
+  t.pass();
+  forEach(MoleculePopin.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculePopin.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+test('Molecule › MoleculePopin › Assistance › should be rendered', renderComponentMacro, MoleculePopin, fixtureAssistance);
+test('Molecule › MoleculePopin › BackgroundNoSecondButton › should be rendered', renderComponentMacro, MoleculePopin, fixtureBackgroundNoSecondButton);
+test('Molecule › MoleculePopin › Default › should be rendered', renderComponentMacro, MoleculePopin, fixtureDefault);
+test('Molecule › MoleculePopin › Loading › should be rendered', renderComponentMacro, MoleculePopin, fixtureLoading);
+test('Molecule › MoleculePopin › VideoTranslate › should be rendered', renderComponentMacro, MoleculePopin, fixtureVideoTranslate);
+//# sourceMappingURL=fixtures.js.map

package/es/molecule/popin/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/popin/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","MoleculePopin","fixtureAssistance","fixtureBackgroundNoSecondButton","fixtureDefault","fixtureLoading","fixtureVideoTranslate","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,aAAP,MAA0B,IAA1B;AACA,OAAOC,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,+BAAP,MAA4C,wCAA5C;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AAEAR,IAAI,CAAC,wDAAD,EAA2DS,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACAT,EAAAA,OAAO,CAACE,aAAa,CAACQ,SAAf,EAA0B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC/CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAb,IAAI,CAAC,4DAAD,EAA+DE,oBAA/D,EAAqFC,aAArF,EAAoGC,iBAApG,CAAJ;AACAJ,IAAI,CAAC,0EAAD,EAA6EE,oBAA7E,EAAmGC,aAAnG,EAAkHE,+BAAlH,CAAJ;AACAL,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,aAAlF,EAAiGG,cAAjG,CAAJ;AACAN,IAAI,CAAC,yDAAD,EAA4DE,oBAA5D,EAAkFC,aAAlF,EAAiGI,cAAjG,CAAJ;AACAP,IAAI,CAAC,gEAAD,EAAmEE,oBAAnE,EAAyFC,aAAzF,EAAwGK,qBAAxG,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculePopin from '..';\nimport fixtureAssistance from './fixtures/assistance';\nimport fixtureBackgroundNoSecondButton from './fixtures/background-no-second-button';\nimport fixtureDefault from './fixtures/default';\nimport fixtureLoading from './fixtures/loading';\nimport fixtureVideoTranslate from './fixtures/video-translate';\n\ntest('Molecule › MoleculePopin > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculePopin.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculePopin.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculePopin › Assistance › should be rendered', renderComponentMacro, MoleculePopin, fixtureAssistance);\ntest('Molecule › MoleculePopin › BackgroundNoSecondButton › should be rendered', renderComponentMacro, MoleculePopin, fixtureBackgroundNoSecondButton);\ntest('Molecule › MoleculePopin › Default › should be rendered', renderComponentMacro, MoleculePopin, fixtureDefault);\ntest('Molecule › MoleculePopin › Loading › should be rendered', renderComponentMacro, MoleculePopin, fixtureLoading);\ntest('Molecule › MoleculePopin › VideoTranslate › should be rendered', renderComponentMacro, MoleculePopin, fixtureVideoTranslate);\n"],"file":"fixtures.js"}

package/es/molecule/quick-access-card/index.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaSolidContentContentBookAdd as CockpitIcon, NovaSolidUsersActionsUser as ManageUserIcon, NovaSolidFilesBasicFileUpload2 as UploadUserIcon, NovaSolidEmailAtSign as ManageEmailIcon, NovaSolidDesignPaintBrush2 as LookAndFeelIcon, NovaSolidContentContentViewList as DashboardIcon, NovaSolidContentEditionFlash as MassiveBattleIcon, NovaSolidApplicationsWindowApplication5 as CmsIcon, NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon, NovaCompositionNavigationArrowRight as ActionIcon, NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon } from '@coorpacademy/nova-icons';
 import style from './style.css';
@@ -83,7 +83,7 @@ const QuickAccessCard = (props, context) => {
     title,
     description,
     feature,
-    onClick,
+    href,
     _blank
   } = props;
   const {
@@ -91,15 +91,17 @@ const QuickAccessCard = (props, context) => {
     degrees
   } = getBackgroudRadialColors(feature);
   const Icon = getIcon(feature);
-  const handleClick = useMemo(() => e => onClick(e), [onClick]);
   const newTabOnClick = _blank ? /*#__PURE__*/React.createElement(NewTabIcon, {
     className: style.newTabIcon
   }) : null;
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "card",
     "data-type": feature,
-    className: style.quickAccess,
-    onClick: handleClick
+    className: style.quickAccess
+  }, /*#__PURE__*/React.createElement("a", {
+    href: href,
+    target: _blank ? '_blank' : '_self',
+    className: style.link
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       background: `radial-gradient(62.12% 56.45% at 0% 77.29%, 
@@ -137,13 +139,13 @@ const QuickAccessCard = (props, context) => {
     }
   }, /*#__PURE__*/React.createElement(ActionIcon, {
     className: style.iconGoto
-  })))));
+  }))))));
 };
 
 QuickAccessCard.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string,
   description: PropTypes.string,
-  onClick: PropTypes.func,
+  href: PropTypes.string,
   _blank: PropTypes.bool,
   feature: PropTypes.oneOf(['analytics', 'cms', 'cockpit', 'massive_battle', 'manage_email', 'dashboard', 'look_and_feel', 'manage_users', 'upload_users'])
 } : {};

package/es/molecule/quick-access-card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/quick-access-card/index.js"],"names":["React","useMemo","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","style","getIcon","feature","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","onClick","_blank","Icon","handleClick","e","newTabOnClick","newTabIcon","quickAccess","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","string","func","bool","oneOf"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconColor: '#2EC1D6',\n        degrees: '187'\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconColor: '#18BB98',\n        degrees: '167'\n      };\n    case 'cockpit':\n      return {\n        iconColor: '#FF7043',\n        degrees: '14'\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconColor: '#7340FF',\n        degrees: '256'\n      };\n    case 'analytics':\n      return {\n        iconColor: '#FF4040',\n        degrees: '0'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, onClick, _blank} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const newTabOnClick = _blank ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"card\" data-type={feature} className={style.quickAccess} onClick={handleClick}>\n      <div\n        style={{\n          background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n        }}\n        className={style.content}\n      >\n        <div\n          className={style.iconFeatureWrapper}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <Icon className={style.iconFeature} />\n        </div>\n        <div className={style.title}>\n          {title}\n          {newTabOnClick}\n        </div>\n        <div className={style.description}>{description}</div>\n        <div\n          className={style.iconGotoWrapper}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <div\n            className={style.hover}\n            style={{\n              color: iconColor\n            }}\n          >\n            <ActionIcon className={style.iconGoto} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  onClick: PropTypes.func,\n  _blank: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/quick-access-card/index.js"],"names":["React","PropTypes","NovaSolidContentContentBookAdd","CockpitIcon","NovaSolidUsersActionsUser","ManageUserIcon","NovaSolidFilesBasicFileUpload2","UploadUserIcon","NovaSolidEmailAtSign","ManageEmailIcon","NovaSolidDesignPaintBrush2","LookAndFeelIcon","NovaSolidContentContentViewList","DashboardIcon","NovaSolidContentEditionFlash","MassiveBattleIcon","NovaSolidApplicationsWindowApplication5","CmsIcon","NovaSolidBusinessBusinessGraphLine2","AnalyticsIcon","NovaCompositionNavigationArrowRight","ActionIcon","NovaCompositionCoorpacademyOpenInNewTab","NewTabIcon","style","getIcon","feature","getBackgroudRadialColors","iconColor","degrees","QuickAccessCard","props","context","title","description","href","_blank","Icon","newTabOnClick","newTabIcon","quickAccess","link","background","content","iconFeatureWrapper","backgroundColor","iconFeature","iconGotoWrapper","hover","color","iconGoto","propTypes","string","bool","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidContentContentBookAdd as CockpitIcon,\n  NovaSolidUsersActionsUser as ManageUserIcon,\n  NovaSolidFilesBasicFileUpload2 as UploadUserIcon,\n  NovaSolidEmailAtSign as ManageEmailIcon,\n  NovaSolidDesignPaintBrush2 as LookAndFeelIcon,\n  NovaSolidContentContentViewList as DashboardIcon,\n  NovaSolidContentEditionFlash as MassiveBattleIcon,\n  NovaSolidApplicationsWindowApplication5 as CmsIcon,\n  NovaSolidBusinessBusinessGraphLine2 as AnalyticsIcon,\n  NovaCompositionNavigationArrowRight as ActionIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as NewTabIcon\n} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst getIcon = feature => {\n  switch (feature) {\n    case 'manage_users':\n      return ManageUserIcon;\n    case 'upload_users':\n      return UploadUserIcon;\n    case 'manage_email':\n      return ManageEmailIcon;\n    case 'massive_battle':\n      return MassiveBattleIcon;\n    case 'cms':\n      return CmsIcon;\n    case 'look_and_feel':\n      return LookAndFeelIcon;\n    case 'dashboard':\n      return DashboardIcon;\n    case 'cockpit':\n      return CockpitIcon;\n    case 'analytics':\n      return AnalyticsIcon;\n    default:\n      return CockpitIcon;\n  }\n};\n\nconst getBackgroudRadialColors = feature => {\n  switch (feature) {\n    case 'manage_users':\n    case 'upload_users':\n      return {\n        iconColor: '#2EC1D6',\n        degrees: '187'\n      };\n    case 'look_and_feel':\n    case 'dashboard':\n      return {\n        iconColor: '#18BB98',\n        degrees: '167'\n      };\n    case 'cockpit':\n      return {\n        iconColor: '#FF7043',\n        degrees: '14'\n      };\n    case 'manage_email':\n    case 'massive_battle':\n    case 'cms':\n      return {\n        iconColor: '#7340FF',\n        degrees: '256'\n      };\n    case 'analytics':\n      return {\n        iconColor: '#FF4040',\n        degrees: '0'\n      };\n    default:\n      return null;\n  }\n};\n\nconst QuickAccessCard = (props, context) => {\n  const {title, description, feature, href, _blank} = props;\n  const {iconColor, degrees} = getBackgroudRadialColors(feature);\n  const Icon = getIcon(feature);\n  const newTabOnClick = _blank ? <NewTabIcon className={style.newTabIcon} /> : null;\n\n  return (\n    <div data-name=\"card\" data-type={feature} className={style.quickAccess}>\n      <a href={href} target={_blank ? '_blank' : '_self'} className={style.link}>\n        <div\n          style={{\n            background: `radial-gradient(62.12% 56.45% at 0% 77.29%, \n            hsl(${degrees}deg 68% 40% / 20%) 0%, \n            hsl(${degrees}deg 68% 40% / 0%) 100%), \n          radial-gradient(113.85% 103.46% at 93.27% 7.88%,\n            hsl(${degrees}deg 67% 51% / 15%) 0%, \n            hsl(${degrees}deg 67% 51% / 0%) 100%),\n          radial-gradient(49.66% 49.63% at 78.65% 86.26%, \n            hsl(${degrees}deg 87% 91%) 0%, \n            hsl(${degrees}deg 87% 91% / 0%) 100%), \n          #FAFAFA`\n          }}\n          className={style.content}\n        >\n          <div\n            className={style.iconFeatureWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <Icon className={style.iconFeature} />\n          </div>\n          <div className={style.title}>\n            {title}\n            {newTabOnClick}\n          </div>\n          <div className={style.description}>{description}</div>\n          <div\n            className={style.iconGotoWrapper}\n            style={{\n              backgroundColor: iconColor\n            }}\n          >\n            <div\n              className={style.hover}\n              style={{\n                color: iconColor\n              }}\n            >\n              <ActionIcon className={style.iconGoto} />\n            </div>\n          </div>\n        </div>\n      </a>\n    </div>\n  );\n};\n\nQuickAccessCard.propTypes = {\n  title: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  _blank: PropTypes.bool,\n  feature: PropTypes.oneOf([\n    'analytics',\n    'cms',\n    'cockpit',\n    'massive_battle',\n    'manage_email',\n    'dashboard',\n    'look_and_feel',\n    'manage_users',\n    'upload_users'\n  ])\n};\n\nexport default QuickAccessCard;\n"],"file":"index.js"}

package/es/molecule/quick-access-card/style.css

@@ -1,16 +1,22 @@
 @value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
 @value white from colors;
+@value cm_tablet from breakpoints;
 
 .quickAccess {
-  width: 268px;
-  height: 281px;
+  height: 273px;
   cursor: pointer;
+  position: relative;
+}
+
+.link {
+  color: inherit;
 }
 
 .content {
   height: 100%;
-  width: 100%;
   border-radius: 8px;
+  transition: all 0.5s linear;
 }
 
 .content:hover {
@@ -36,8 +42,8 @@
   line-height: 22px;
   position: absolute;
   top: 120px;
-  left: 24px;
-  max-width: 212px;
+  padding-left: 24px;
+  padding-right: 24px;
 }
 
 .iconWrapper {
@@ -64,8 +70,9 @@
 
 .iconGotoWrapper {
   composes: iconWrapper;
-  top: 213px;
-  left: 200px;
+  bottom: 16px;
+  right: 16px;
+  line-height: 0;
   background-color: white;
 }
 
@@ -101,3 +108,9 @@
   width: 20px;
   height: 20px;
 }
+
+@media cm_tablet {
+  .description {
+    max-width: 313px;
+  }
+}

package/es/molecule/quick-access-card/test/fixtures/analytics.js

@@ -4,7 +4,7 @@ export default {
     description: 'Access to the analytics page on your platform',
     _blank: true,
     feature: 'analytics',
-    onClick: () => console.log('click everywhere')
+    href: 'https://onboarding.coorpacademy.com'
   }
 };
 //# sourceMappingURL=analytics.js.map

package/es/molecule/quick-access-card/test/fixtures/analytics.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/analytics.js"],"names":["props","title","description","_blank","feature","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,+CAFR;AAGLC,IAAAA,MAAM,EAAE,IAHH;AAILC,IAAAA,OAAO,EAAE,WAJJ;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AALV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'See analytics',\n    description: 'Access to the analytics page on your platform',\n    _blank: true,\n    feature: 'analytics',\n    onClick: () => console.log('click everywhere')\n  }\n};\n"],"file":"analytics.js"}
+{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/analytics.js"],"names":["props","title","description","_blank","feature","href"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,+CAFR;AAGLC,IAAAA,MAAM,EAAE,IAHH;AAILC,IAAAA,OAAO,EAAE,WAJJ;AAKLC,IAAAA,IAAI,EAAE;AALD;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'See analytics',\n    description: 'Access to the analytics page on your platform',\n    _blank: true,\n    feature: 'analytics',\n    href: 'https://onboarding.coorpacademy.com'\n  }\n};\n"],"file":"analytics.js"}

package/es/molecule/quick-access-card/test/fixtures/default.js

@@ -4,7 +4,7 @@ export default {
     description: 'Access to cockpit to create courses',
     _blank: true,
     feature: 'cockpit',
-    onClick: () => console.log('click everywhere')
+    href: 'https://cockpit.coorpacademy.com'
   }
 };
 //# sourceMappingURL=default.js.map

package/es/molecule/quick-access-card/test/fixtures/default.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/default.js"],"names":["props","title","description","_blank","feature","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,qCAFR;AAGLC,IAAAA,MAAM,EAAE,IAHH;AAILC,IAAAA,OAAO,EAAE,SAJJ;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AALV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Create course',\n    description: 'Access to cockpit to create courses',\n    _blank: true,\n    feature: 'cockpit',\n    onClick: () => console.log('click everywhere')\n  }\n};\n"],"file":"default.js"}
+{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/default.js"],"names":["props","title","description","_blank","feature","href"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,eADF;AAELC,IAAAA,WAAW,EAAE,qCAFR;AAGLC,IAAAA,MAAM,EAAE,IAHH;AAILC,IAAAA,OAAO,EAAE,SAJJ;AAKLC,IAAAA,IAAI,EAAE;AALD;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Create course',\n    description: 'Access to cockpit to create courses',\n    _blank: true,\n    feature: 'cockpit',\n    href: 'https://cockpit.coorpacademy.com'\n  }\n};\n"],"file":"default.js"}

package/es/molecule/quick-access-card/test/fixtures/look-and-feel.js

@@ -3,7 +3,7 @@ export default {
     title: 'Edit look & feel',
     description: 'Edit logos and colors of your platform',
     feature: 'look_and_feel',
-    onClick: () => console.log('click everywhere')
+    href: 'https://setup.coorpacademy.com'
   }
 };
 //# sourceMappingURL=look-and-feel.js.map

package/es/molecule/quick-access-card/test/fixtures/look-and-feel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/look-and-feel.js"],"names":["props","title","description","feature","onClick","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,kBADF;AAELC,IAAAA,WAAW,EAAE,wCAFR;AAGLC,IAAAA,OAAO,EAAE,eAHJ;AAILC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,kBAAZ;AAJV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Edit look & feel',\n    description: 'Edit logos and colors of your platform',\n    feature: 'look_and_feel',\n    onClick: () => console.log('click everywhere')\n  }\n};\n"],"file":"look-and-feel.js"}
+{"version":3,"sources":["../../../../../src/molecule/quick-access-card/test/fixtures/look-and-feel.js"],"names":["props","title","description","feature","href"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,kBADF;AAELC,IAAAA,WAAW,EAAE,wCAFR;AAGLC,IAAAA,OAAO,EAAE,eAHJ;AAILC,IAAAA,IAAI,EAAE;AAJD;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Edit look & feel',\n    description: 'Edit logos and colors of your platform',\n    feature: 'look_and_feel',\n    href: 'https://setup.coorpacademy.com'\n  }\n};\n"],"file":"look-and-feel.js"}