@coorpacademy/components 10.4.6 → 10.5.2

package/lib/molecule/course-section/test/fixtures/course.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/course-section/test/fixtures/course.js"],"names":["props","title","author","image","contentBadge","label","category","position"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,kBAAc;AACZC,MAAAA,KAAK,EAAE,kBADK;AAEZC,MAAAA,MAAM,EAAE;AAFI,KADT;AAKLD,IAAAA,KAAK,EACH,qIANG;AAOLC,IAAAA,MAAM,EAAE,QAPH;AAQLC,IAAAA,KAAK,EACH,4LATG;AAULC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAE,QADK;AAEZC,MAAAA,QAAQ,EAAE;AAFE,KAVT;AAcLC,IAAAA,QAAQ,EAAE;AAdL;AADM,C","sourcesContent":["export default {\n  props: {\n    'aria-label': {\n      title: 'aria label title',\n      author: 'aria label author'\n    },\n    title:\n      'Marketing and online advertising Marketing and online advertising Marketing and online advertising Marketing and online advertising',\n    author: 'Author',\n    image:\n      'https://api.coorpacademy.com/api-service/medias?url=https://static.coorpacademy.com/content/partner-wedemain/fr/medias/img/cover/shutterstock_248741149-1470302136299.jpg&h=500&w=500&q=90',\n    contentBadge: {\n      label: 'course',\n      category: 'course'\n    },\n    position: 1\n  }\n};\n"],"file":"course.js"}

package/lib/molecule/dashboard/cards-list/style.css

@@ -38,7 +38,7 @@
 }
 
 .title {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 19px;
   line-height: 20px;
   font-weight: 600;
@@ -58,7 +58,7 @@
 }
 
 .showMore {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 14px;
   line-height: 20px;
   font-weight: bold;

package/lib/molecule/dashboard/news-list/style.css

@@ -20,7 +20,7 @@
 }
 
 .title {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 19px;
   font-weight: 600;
   color: dark;
@@ -35,7 +35,7 @@
 .more {
   width: 100%;
   background-color: xtraLightGrey;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 600;
   color: medium;
   font-size: 17px;

package/lib/molecule/dashboard/start-battle/style.css

@@ -135,7 +135,7 @@
 }
 
 .becomeText {
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 24px;
   font-weight: normal;
   font-stretch: normal;
@@ -146,7 +146,7 @@
 }
 
 .challengeText {
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 32px;
   font-weight: bold;
   font-stretch: normal;
@@ -164,7 +164,7 @@
   margin: 10px;
   background-color: battle;
   flex-grow: 0;
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 16px;
   font-weight: bold;
   font-stretch: normal;
@@ -278,7 +278,7 @@
   }
   
   .challengeText {
-    font-family: Open Sans;
+    font-family: Gilroy;
     font-size: 28px;
     padding-bottom: 20px;
   }

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

@@ -15,7 +15,7 @@
   display: block;
   text-transform: uppercase;
   color: white;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-weight: 600;
   font-size: 13px;
   text-decoration: none;
@@ -31,7 +31,7 @@
 }
 
 .head a span span {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-weight: 800;
 }
 

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

@@ -38,7 +38,7 @@
 
 .title {
   display: block;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-weight: 700;
   font-size: 20px;
   margin-bottom: 16px;
@@ -46,7 +46,7 @@
 }
 
 .desc {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   color: black;
   letter-spacing: 0;
@@ -54,7 +54,7 @@
 }
 
 .desc a {
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-weight: 600;
   color: brand;
   text-decoration: none;
@@ -75,7 +75,7 @@
   transition: all time ease-in-out;
   cursor: pointer;
   order: 1;
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-weight: bold;
   text-align: left;
   color: brand;

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

@@ -14,7 +14,7 @@
 }
 
 .authorLink a {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 600;
   text-decoration: none;
   font-size: 12px;
@@ -40,7 +40,7 @@
 }
 
 .authorName {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 14px;
   font-weight: 600;
   color: dark;

package/lib/molecule/drag-and-drop/common.css

@@ -17,5 +17,5 @@
 .baseText {
   text-transform: none;
   color: dark;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
 }

package/lib/molecule/drag-and-drop/overlay.css

@@ -18,7 +18,7 @@
   justify-content: center;
   text-transform: none;
   color: dark;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   font-weight: bold;
 }

package/lib/molecule/drag-and-drop/style.css

@@ -17,7 +17,7 @@
 }
 
 .back {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   color: dark;
   cursor: pointer;

package/lib/molecule/drag-and-drop/upload-report.css

@@ -51,7 +51,7 @@
 }
 
 .or {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   color: #797979;
 }
 
@@ -75,7 +75,7 @@
 
 .fileName {
   margin-left: 15px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   font-weight: bold;
   color: dark;
@@ -160,7 +160,7 @@
 }
 
 .message {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   font-weight: bold;
   color: dark;
@@ -205,7 +205,7 @@
   display: block;
   word-wrap: break-word;
   padding: 3px 10px 5px;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 12px;
   font-weight: bold;
 }

package/lib/molecule/draggable/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const preventDefault = e => e.preventDefault();
+
+const stopPropagation = e => e.stopPropagation();
+
+const Draggable = props => {
+  const {
+    id,
+    dragging = false,
+    onDragStart,
+    onDragOver,
+    onDragLeave,
+    onDrop,
+    children
+  } = props;
+  const dragStartHandler = (0, _react.useCallback)(e => {
+    stopPropagation(e);
+    onDragStart(id);
+  }, [id, onDragStart]);
+  const dragOverHandler = (0, _react.useCallback)(e => {
+    preventDefault(e);
+    onDragOver(id);
+  }, [id, onDragOver]);
+  const dragLeaveHandler = (0, _react.useCallback)(e => {
+    preventDefault(e);
+    onDragLeave(id);
+  }, [id, onDragLeave]);
+  const dropHandler = (0, _react.useCallback)(e => {
+    preventDefault(e);
+    onDrop(id);
+  }, [id, onDrop]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(dragging ? _style.default.dragging : null, _style.default.section, _style.default.draggable),
+    onDragStart: dragStartHandler,
+    onDragOver: dragOverHandler,
+    onDragLeave: dragLeaveHandler,
+    onDrop: dropHandler,
+    draggable: true
+  }, children);
+};
+
+Draggable.propTypes = process.env.NODE_ENV !== "production" ? {
+  id: _propTypes.default.string,
+  dragging: _propTypes.default.bool,
+  onDragStart: _propTypes.default.func,
+  onDragOver: _propTypes.default.func,
+  onDragLeave: _propTypes.default.func,
+  onDrop: _propTypes.default.func,
+  children: _propTypes.default.element
+} : {};
+var _default = Draggable;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/molecule/draggable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/draggable/index.js"],"names":["preventDefault","e","stopPropagation","Draggable","props","id","dragging","onDragStart","onDragOver","onDragLeave","onDrop","children","dragStartHandler","dragOverHandler","dragLeaveHandler","dropHandler","style","section","draggable","propTypes","PropTypes","string","bool","func","element"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,CAAC,IAAIA,CAAC,CAACD,cAAF,EAA5B;;AACA,MAAME,eAAe,GAAGD,CAAC,IAAIA,CAAC,CAACC,eAAF,EAA7B;;AAEA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA,EAAD;AAAKC,IAAAA,QAAQ,GAAG,KAAhB;AAAuBC,IAAAA,WAAvB;AAAoCC,IAAAA,UAApC;AAAgDC,IAAAA,WAAhD;AAA6DC,IAAAA,MAA7D;AAAqEC,IAAAA;AAArE,MAAiFP,KAAvF;AAEA,QAAMQ,gBAAgB,GAAG,wBACvBX,CAAC,IAAI;AACHC,IAAAA,eAAe,CAACD,CAAD,CAAf;AACAM,IAAAA,WAAW,CAACF,EAAD,CAAX;AACD,GAJsB,EAKvB,CAACA,EAAD,EAAKE,WAAL,CALuB,CAAzB;AAOA,QAAMM,eAAe,GAAG,wBACtBZ,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAO,IAAAA,UAAU,CAACH,EAAD,CAAV;AACD,GAJqB,EAKtB,CAACA,EAAD,EAAKG,UAAL,CALsB,CAAxB;AAOA,QAAMM,gBAAgB,GAAG,wBACvBb,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAQ,IAAAA,WAAW,CAACJ,EAAD,CAAX;AACD,GAJsB,EAKvB,CAACA,EAAD,EAAKI,WAAL,CALuB,CAAzB;AAOA,QAAMM,WAAW,GAAG,wBAClBd,CAAC,IAAI;AACHD,IAAAA,cAAc,CAACC,CAAD,CAAd;AACAS,IAAAA,MAAM,CAACL,EAAD,CAAN;AACD,GAJiB,EAKlB,CAACA,EAAD,EAAKK,MAAL,CALkB,CAApB;AAQA,sBACE;AACE,IAAA,SAAS,EAAE,yBAAWJ,QAAQ,GAAGU,eAAMV,QAAT,GAAoB,IAAvC,EAA6CU,eAAMC,OAAnD,EAA4DD,eAAME,SAAlE,CADb;AAEE,IAAA,WAAW,EAAEN,gBAFf;AAGE,IAAA,UAAU,EAAEC,eAHd;AAIE,IAAA,WAAW,EAAEC,gBAJf;AAKE,IAAA,MAAM,EAAEC,WALV;AAME,IAAA,SAAS;AANX,KAQGJ,QARH,CADF;AAYD,CA5CD;;AA6CAR,SAAS,CAACgB,SAAV,2CAAsB;AACpBd,EAAAA,EAAE,EAAEe,mBAAUC,MADM;AAEpBf,EAAAA,QAAQ,EAAEc,mBAAUE,IAFA;AAGpBf,EAAAA,WAAW,EAAEa,mBAAUG,IAHH;AAIpBf,EAAAA,UAAU,EAAEY,mBAAUG,IAJF;AAKpBd,EAAAA,WAAW,EAAEW,mBAAUG,IALH;AAMpBb,EAAAA,MAAM,EAAEU,mBAAUG,IANE;AAOpBZ,EAAAA,QAAQ,EAAES,mBAAUI;AAPA,CAAtB;eAUerB,S","sourcesContent":["import React, {useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst preventDefault = e => e.preventDefault();\nconst stopPropagation = e => e.stopPropagation();\n\nconst Draggable = props => {\n  const {id, dragging = false, onDragStart, onDragOver, onDragLeave, onDrop, children} = props;\n\n  const dragStartHandler = useCallback(\n    e => {\n      stopPropagation(e);\n      onDragStart(id);\n    },\n    [id, onDragStart]\n  );\n  const dragOverHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragOver(id);\n    },\n    [id, onDragOver]\n  );\n  const dragLeaveHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDragLeave(id);\n    },\n    [id, onDragLeave]\n  );\n  const dropHandler = useCallback(\n    e => {\n      preventDefault(e);\n      onDrop(id);\n    },\n    [id, onDrop]\n  );\n\n  return (\n    <div\n      className={classnames(dragging ? style.dragging : null, style.section, style.draggable)}\n      onDragStart={dragStartHandler}\n      onDragOver={dragOverHandler}\n      onDragLeave={dragLeaveHandler}\n      onDrop={dropHandler}\n      draggable\n    >\n      {children}\n    </div>\n  );\n};\nDraggable.propTypes = {\n  id: PropTypes.string,\n  dragging: PropTypes.bool,\n  onDragStart: PropTypes.func,\n  onDragOver: PropTypes.func,\n  onDragLeave: PropTypes.func,\n  onDrop: PropTypes.func,\n  children: PropTypes.element\n};\n\nexport default Draggable;\n"],"file":"index.js"}

package/lib/molecule/draggable/style.css

@@ -0,0 +1,77 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value medium from colors;
+@value xtraLightGrey from colors;
+@value dark from colors;
+@value cm_grey_100 from colors
+
+
+.section {
+  border-top: 1px;
+  border-left: 1px;
+  border-right: 1px;
+  border-style: solid;
+  border-color: medium;
+  border-bottom: 0;
+  display: flex;
+  justify-content: center;
+}
+
+.section:last-child {
+  border-bottom: 1px solid medium;
+}
+
+.draggable {
+  cursor: grab;
+  position: relative;
+  background: transparent;
+  margin: 8px 0;
+  border-radius: 7px;
+}
+.draggable:hover{
+  background: rgba(0, 0, 0, 0.3);
+}
+.draggable:active{
+  background: transparent;
+}
+.draggable:before {
+  content: '.';
+  position: absolute;
+  left: 23px;
+  top: 5px;
+  width: 12px;
+  font-size: 25px;
+  color: medium;
+  pointer-events: none;
+  text-shadow: 0 0 medium,    0 5px medium,    0 10px medium,    0 15px medium,
+            5px 0 medium ,   5px 5px medium,  5px 10px medium,  5px 15px medium;
+}
+.dragging {
+  background: rgba(0, 0, 0, 0.1);
+}
+
+.dragging:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: color(black lightness(95%));
+  pointer-events: none;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: dark;
+  font-family: 'Open Sans';
+  font-weight: 600;
+  font-size: 14px;
+}
+
+@media mobile {
+  .draggable:before {
+    content: none;
+  }
+}

package/lib/molecule/draggable/test/fixtures/default.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    id: 'draggableId',
+    dragging: true,
+    onDragStart: () => console.log('onDragStart'),
+    onDragOver: () => console.log('onDragOver'),
+    onDragLeave: () => console.log('onDragLeave'),
+    onDrop: () => console.log('onDrop'),
+    children: []
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/molecule/draggable/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/draggable/test/fixtures/default.js"],"names":["props","id","dragging","onDragStart","console","log","onDragOver","onDragLeave","onDrop","children"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,EAAE,EAAE,aADC;AAELC,IAAAA,QAAQ,EAAE,IAFL;AAGLC,IAAAA,WAAW,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,aAAZ,CAHd;AAILC,IAAAA,UAAU,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,YAAZ,CAJb;AAKLE,IAAAA,WAAW,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,aAAZ,CALd;AAMLG,IAAAA,MAAM,EAAE,MAAMJ,OAAO,CAACC,GAAR,CAAY,QAAZ,CANT;AAOLI,IAAAA,QAAQ,EAAE;AAPL;AADM,C","sourcesContent":["export default {\n  props: {\n    id: 'draggableId',\n    dragging: true,\n    onDragStart: () => console.log('onDragStart'),\n    onDragOver: () => console.log('onDragOver'),\n    onDragLeave: () => console.log('onDragLeave'),\n    onDrop: () => console.log('onDrop'),\n    children: []\n  }\n};\n"],"file":"default.js"}

package/lib/molecule/draggable/test/fixtures.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _ava = _interopRequireDefault(require("ava"));
+
+var _forEach = _interopRequireDefault(require("lodash/forEach"));
+
+var _renderComponent = _interopRequireDefault(require("../../../test/helpers/render-component"));
+
+var _ = _interopRequireDefault(require(".."));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Molecule › MoleculeDraggable > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Molecule.MoleculeDraggable.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Molecule › MoleculeDraggable › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/molecule/draggable/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/draggable/test/fixtures.js"],"names":["t","pass","MoleculeDraggable","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,4DAAL,EAAmEA,CAAC,IAAI;AACtEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,sDAAqDF,GAAI,mEAAlF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,6DAAL,EAAoEG,wBAApE,EAA0FN,SAA1F,EAA6GO,gBAA7G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeDraggable from '..';\nimport fixtureDefault from './fixtures/default';\n\ntest('Molecule › MoleculeDraggable > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeDraggable.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeDraggable.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeDraggable › Default › should be rendered', renderComponentMacro, MoleculeDraggable, fixtureDefault);\n"],"file":"fixtures.js"}

package/lib/molecule/external-content-button/style.css

@@ -42,7 +42,7 @@
 }
 
 .title {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 17px;
   font-weight: bold;
   color: black;
@@ -50,7 +50,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 14px;
   color: dark;
   padding: 0 16px 0 16px;

package/lib/molecule/feedback/style.css

@@ -22,7 +22,7 @@
 .title {
   width: 100%;
   margin-bottom: 20px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 25px;
   font-weight: bold;
   text-align: left;
@@ -38,7 +38,7 @@
 .description {
   width: 476px;
   margin-right: 32px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   letter-spacing: -0.1px;
   text-align: left;
@@ -47,7 +47,7 @@
 
 .mediaDescription {
   width: 341px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 12px;
   padding-top: 4px;
   color: medium;

package/lib/molecule/filters/filters-wapper.css

@@ -41,7 +41,7 @@
   margin: 0;
   margin-bottom: 10px;
   display: block;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   font-weight: 700;
   text-transform: none;
@@ -53,7 +53,7 @@
   border-radius: 25px;
   color: dark;
   display: table;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 14px;
   font-weight: 400;
   margin: 0 auto;

package/lib/molecule/filters/style.css

@@ -14,7 +14,7 @@
   width: 100%;
   position: relative;
   z-index: 4;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   background: xtraLightGrey;
   min-height: 50px;
   box-sizing: border-box;
@@ -58,7 +58,7 @@
   font-weight: 600;
   line-height: 50px;
   text-align: center;
-  font-family: Open Sans;
+  font-family: Gilroy;
   position: relative;
   cursor: pointer;
 }

package/lib/molecule/forum/forum-comment/style.css

@@ -61,7 +61,7 @@
   border-radius: 3px;
   background-color: white;
   font-size: 14px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   white-space: pre-wrap;
   word-wrap: break-word;
   box-shadow: none;

package/lib/molecule/forum/forum-post/style.css

@@ -61,12 +61,12 @@
 }
 
 .content {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   width: 100%;
 }
 
 .author {
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 13px;
   font-weight: bold;
   text-align: center;
@@ -77,7 +77,7 @@
 
 .date {
   color: color(medium lightness(80%));
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 13px;
   padding-bottom: 8px;
   display: block;
@@ -95,7 +95,7 @@
   text-align: left;
   white-space: pre-wrap;
   word-wrap: break-word;
-  font-family: Open Sans;
+  font-family: Gilroy;
   color: black;
   padding-bottom: 8px;
   display: block;
@@ -112,7 +112,7 @@
   transition: all time ease-in-out;
   cursor: pointer;
   order: 1;
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-weight: bold;
   text-align: left;
   color: brand;

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

@@ -52,7 +52,7 @@
 }
 
 .item > a {
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 12px;
   color: dark;
   text-decoration: none;

package/lib/molecule/message-popin/style.css

@@ -27,7 +27,7 @@
 }
 
 .header {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 17px;
   font-weight: 700;
   color: dark;
@@ -41,7 +41,7 @@
 }
 
 .content {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   font-weight: 400;
   color: dark;

package/lib/molecule/modal/style.css

@@ -12,7 +12,7 @@
 
 .modalWrapper {
   display: flex;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   margin: auto;
   justify-content: center;
   align-items: center;
@@ -142,7 +142,7 @@
 }
 
 .choiceDescription {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   display: flex;
   flex-direction: column;
   justify-content: center;

package/lib/molecule/module-card/style.css

@@ -26,7 +26,7 @@
 }
 
 .title {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 15px;
   font-weight: 700;
   color: black;
@@ -34,7 +34,7 @@
 }
 
 .level {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   color: white;
   background-color: dark;
   text-transform: uppercase;

package/lib/molecule/news/style.css

@@ -47,7 +47,7 @@
 }
 
 .title {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 19px;
   font-weight: 700;
   color: dark;
@@ -59,7 +59,7 @@
 }
 
 .date {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 14px;
   font-weight: 500;
   color: medium;
@@ -67,7 +67,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   width: 100%;
   font-size: 17px;
   line-height: 20px;