@coorpacademy/components 10.4.3-alpha.0 → 10.4.6-alpha.1

package/es/atom/autocomplete/style.css

@@ -31,7 +31,7 @@
 }
 
 .title {
-    font-family: "Open Sans";
+    font-family: "Gilroy";
     font-size: 15px;
     text-transform: none;
     color: dark;
@@ -56,7 +56,7 @@
 }
 
 .description {
-    font-family: 'Open Sans';
+    font-family: 'Gilroy';
     font-weight: 500;
     font-size: 12px;
     color: medium;
@@ -72,7 +72,7 @@
 }
 
 .input {
-    font-family: "Open Sans";
+    font-family: "Gilroy";
     text-transform: none;
     padding: 0 15px;
     border: solid 2px light;
@@ -102,7 +102,7 @@
     position: absolute;
     top: 50px;
     border: solid 2px light;
-    font-family: "Open Sans";
+    font-family: "Gilroy";
     font-size: 14px;
     color: dark;
     border-bottom-left-radius: 4px;

package/es/atom/button/style.css

@@ -20,7 +20,7 @@
   text-transform: inherit;
   background-color: orange;
   color: white;
-  font-family: Open Sans, sans-serif;
+  font-family: Gilroy;
   font-weight: 600;
   font-size: 13px;
   text-decoration: none;

package/es/atom/card-image-preview/index.js

@@ -0,0 +1,35 @@
+import _get from "lodash/fp/get";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { NovaCompositionCoorpacademyPictures as PicturesIcon } from '@coorpacademy/nova-icons';
+import Provider from '../provider';
+import style from './style.css';
+
+const CardImagePreview = ({
+  image
+}, {
+  skin
+}) => {
+  const whiteColor = _get('common.white', skin);
+
+  const emptyIcon = !image ? /*#__PURE__*/React.createElement(PicturesIcon, {
+    className: style.emptyIcon,
+    color: whiteColor
+  }) : null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.image,
+    style: {
+      backgroundImage: image ? `url('${image}')` : 'none'
+    },
+    "data-name": "card-image-preview"
+  }, emptyIcon);
+};
+
+CardImagePreview.contextTypes = {
+  skin: Provider.childContextTypes.skin
+};
+CardImagePreview.propTypes = process.env.NODE_ENV !== "production" ? {
+  image: PropTypes.string
+} : {};
+export default CardImagePreview;
+//# sourceMappingURL=index.js.map

package/es/atom/card-image-preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/card-image-preview/index.js"],"names":["React","PropTypes","NovaCompositionCoorpacademyPictures","PicturesIcon","Provider","style","CardImagePreview","image","skin","whiteColor","emptyIcon","backgroundImage","contextTypes","childContextTypes","propTypes","string"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,mCAAmC,IAAIC,YAA/C,QAAkE,0BAAlE;AACA,OAAOC,QAAP,MAAqB,aAArB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,EAAU;AAACC,EAAAA;AAAD,CAAV,KAAqB;AAC5C,QAAMC,UAAU,GAAG,KAAI,cAAJ,EAAoBD,IAApB,CAAnB;;AACA,QAAME,SAAS,GAAG,CAACH,KAAD,gBAAS,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEF,KAAK,CAACK,SAA/B;AAA0C,IAAA,KAAK,EAAED;AAAjD,IAAT,GAA2E,IAA7F;AAEA,sBACE;AACE,IAAA,SAAS,EAAEJ,KAAK,CAACE,KADnB;AAEE,IAAA,KAAK,EAAE;AACLI,MAAAA,eAAe,EAAEJ,KAAK,GAAI,QAAOA,KAAM,IAAjB,GAAuB;AADxC,KAFT;AAKE,iBAAU;AALZ,KAOGG,SAPH,CADF;AAWD,CAfD;;AAiBAJ,gBAAgB,CAACM,YAAjB,GAAgC;AAC9BJ,EAAAA,IAAI,EAAEJ,QAAQ,CAACS,iBAAT,CAA2BL;AADH,CAAhC;AAIAF,gBAAgB,CAACQ,SAAjB,2CAA6B;AAC3BP,EAAAA,KAAK,EAAEN,SAAS,CAACc;AADU,CAA7B;AAGA,eAAeT,gBAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionCoorpacademyPictures as PicturesIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\n\nimport style from './style.css';\n\nconst CardImagePreview = ({image}, {skin}) => {\n  const whiteColor = get('common.white', skin);\n  const emptyIcon = !image ? <PicturesIcon className={style.emptyIcon} color={whiteColor} /> : null;\n\n  return (\n    <div\n      className={style.image}\n      style={{\n        backgroundImage: image ? `url('${image}')` : 'none'\n      }}\n      data-name=\"card-image-preview\"\n    >\n      {emptyIcon}\n    </div>\n  );\n};\n\nCardImagePreview.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardImagePreview.propTypes = {\n  image: PropTypes.string\n};\nexport default CardImagePreview;\n"],"file":"index.js"}

package/es/atom/card-image-preview/style.css

@@ -0,0 +1,34 @@
+@value colors: "../../variables/colors.css";
+@value cm_orange_200 from colors;
+
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.image {
+  box-sizing: border-box;
+  overflow: hidden;
+  width: 56px;
+  height: 56px;
+  position: relative;
+  animation: fadeIn 1s ease-out forwards;
+  border-radius: 7px;
+  background-position: 50%;
+  background-size: cover;
+  background-color: cm_orange_200;
+}
+
+.emptyIcon {
+  width: 33px;
+  height: 27px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}

package/es/atom/card-image-preview/test/fixtures/default.js

@@ -0,0 +1,6 @@
+export default {
+  props: {
+    image: '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'
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/atom/card-image-preview/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/card-image-preview/test/fixtures/default.js"],"names":["props","image"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EACH;AAFG;AADM,CAAf","sourcesContent":["export default {\n  props: {\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  }\n};\n"],"file":"default.js"}

package/es/atom/card-image-preview/test/fixtures/empty.js

@@ -0,0 +1,4 @@
+export default {
+  props: {}
+};
+//# sourceMappingURL=empty.js.map

package/es/atom/card-image-preview/test/fixtures/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/card-image-preview/test/fixtures/empty.js"],"names":["props"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AADM,CAAf","sourcesContent":["export default {\n  props: {}\n};\n"],"file":"empty.js"}

package/es/atom/catalog-section/style.css

@@ -5,7 +5,7 @@
 .title {
   border-bottom: 1px solid light;
   color: medium;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 13px;
   font-weight: 800;
   line-height: 10px;

package/es/atom/clue/style.css

@@ -80,7 +80,7 @@
 
 .stars {
   padding-top: 50px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-style: italic;
   color: white;
   display: block;
@@ -89,7 +89,7 @@
 
 .clueText,
 .clueText a {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: bold;
   font-size: 18px;
   color: white;

package/es/atom/cta/style.css

@@ -8,7 +8,7 @@
 .button {
   display: inline-block;
   box-sizing: border-box;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   font-weight: 600;
   text-decoration: none;

package/es/atom/difficulty-level/style.css

@@ -15,7 +15,7 @@
   text-transform: uppercase;
   font-weight: bold;
   color: white;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
 }
 
 .inlineContainer {

package/es/atom/drag-and-drop/style.css

@@ -12,7 +12,7 @@
 }
 
 .title {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   text-transform: none;
   color: dark;
@@ -20,7 +20,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   font-weight: 400;
   font-style: italic;
@@ -45,7 +45,7 @@
 }
 
 .previewWrapper span {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   color: dark;
   font-size: 15px;
   font-weight: 700;
@@ -90,13 +90,14 @@
   align-items: center;
   justify-content: space-between;
   /* fonts */
-  font-family: OpenSans-SemiBold;
+  font-family: Gilroy;
   font-size: 13px;
   font-weight: 400;
   margin-top: 15px;
 }
 
 .resetSrcLabel {
+  font-family: Gilroy;
   color: dark;
   max-width: 220px;
   display: inline-block;
@@ -135,7 +136,7 @@
 }
 
 .uploadLabel {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 18px;
   text-transform: uppercase;
   font-weight: 700;

package/es/atom/input-checkbox/style.css

@@ -56,7 +56,7 @@
 }
 
 .default .title {
-  font-family: open sans;
+  font-family: Gilroy;
   font-size: 15px;
   text-transform: none;
   color: dark;

package/es/atom/input-doublestep/style.css

@@ -13,7 +13,7 @@
 }
 
 .value {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 15px;
   font-weight: 700;
   color: dark;
@@ -40,7 +40,7 @@
   padding: 0 40px;
   line-height: 52px;
   border-radius: 2px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 15px;
   color: white;
   font-weight: 700px;
@@ -62,7 +62,7 @@
   padding: 0 15px;
   text-transform: uppercase;
   border-radius: 2px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 15px;
   font-weight: 700;
   cursor: pointer;
@@ -103,7 +103,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 500;
   font-size: 14px;
   color: white;
@@ -111,7 +111,7 @@
 }
 
 .input {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;
   border: solid 2px light;

package/es/atom/input-html/input-preview.css

@@ -6,7 +6,7 @@
   color: dark;
   width: 300px;
   padding: 10px 15px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 100;
   font-size: 15px;
   display: block;
@@ -25,7 +25,7 @@
 }
 
 textarea {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   text-transform: none;
   padding: 10px 15px;
   border: solid 2px light;

package/es/atom/input-html/style.css

@@ -21,7 +21,7 @@
 }
 
 .title {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   text-transform: none;
   color: dark;
@@ -49,7 +49,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 500;
   font-size: 12px;
   color: medium;

package/es/atom/input-readonly/style.css

@@ -10,7 +10,7 @@
 }
 
 .title {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   text-transform: none;
   color: dark;
@@ -18,7 +18,7 @@
 }
 
 .value {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 15px;
   font-weight: 700;
   color: dark;
@@ -26,7 +26,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 500;
   font-size: 12px;
   color: medium;

package/es/atom/input-search/style.css

@@ -32,7 +32,7 @@
 }
 
 .search {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   text-transform: none;
   margin: 0 3px;
   padding: 0 15px 0 45px;

package/es/atom/input-switch/style.css

@@ -93,7 +93,7 @@
 }
 
 .title {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   text-transform: none;
   color: dark;
@@ -106,7 +106,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 500;
   font-size: 12px;
   color: medium;
@@ -140,11 +140,12 @@
 }
 
 .coorpmanager .checkbox:disabled ~ label {
-  background: light;
-  border-color: light;
+  border-color: cm_grey_200;
   pointer-events: none;
+  background: cm_grey_200;
+  opacity: 0.4;
 }
 
 .coorpmanager .checkbox:disabled ~ label::after {
-  background: medium;
+  background: white;
 }

package/es/atom/input-switch/test/fixtures/cm-right-disabled.js

@@ -1,11 +1,12 @@
-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 checked from './checked';
 export default {
-  props: _extends(_extends({}, checked.props), {}, {
+  props: {
+    type: 'switch',
+    title: 'Name',
+    value: false,
     disabled: true,
+    onChange: value => console.log(value),
     titlePosition: 'right',
     theme: 'coorpmanager'
-  })
+  }
 };
 //# sourceMappingURL=cm-right-disabled.js.map

package/es/atom/input-switch/test/fixtures/cm-right-disabled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-right-disabled.js"],"names":["checked","props","disabled","titlePosition","theme"],"mappings":";;AAAA,OAAOA,OAAP,MAAoB,WAApB;AAEA,eAAe;AACbC,EAAAA,KAAK,wBACAD,OAAO,CAACC,KADR;AAEHC,IAAAA,QAAQ,EAAE,IAFP;AAGHC,IAAAA,aAAa,EAAE,OAHZ;AAIHC,IAAAA,KAAK,EAAE;AAJJ;AADQ,CAAf","sourcesContent":["import checked from './checked';\n\nexport default {\n  props: {\n    ...checked.props,\n    disabled: true,\n    titlePosition: 'right',\n    theme: 'coorpmanager'\n  }\n};\n"],"file":"cm-right-disabled.js"}
+{"version":3,"sources":["../../../../../src/atom/input-switch/test/fixtures/cm-right-disabled.js"],"names":["props","type","title","value","disabled","onChange","console","log","titlePosition","theme"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,QADD;AAELC,IAAAA,KAAK,EAAE,MAFF;AAGLC,IAAAA,KAAK,EAAE,KAHF;AAILC,IAAAA,QAAQ,EAAE,IAJL;AAKLC,IAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CALd;AAMLK,IAAAA,aAAa,EAAE,OANV;AAOLC,IAAAA,KAAK,EAAE;AAPF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    type: 'switch',\n    title: 'Name',\n    value: false,\n    disabled: true,\n    onChange: value => console.log(value),\n    titlePosition: 'right',\n    theme: 'coorpmanager'\n  }\n};\n"],"file":"cm-right-disabled.js"}

package/es/atom/input-text/style.css

@@ -50,7 +50,7 @@
   width: 100%;
   font-weight: normal;
   font-size: 14px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   padding: 0 0 0 3px;
   border: 0;
   border-radius: 0px;
@@ -114,7 +114,7 @@
 .cockpit .title {
   color: #797979;
   font-weight: bold;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   text-transform: capitalize;
   font-size: 11px;
   align-self: flex-start;
@@ -130,7 +130,7 @@
 }
 
 .title {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   text-transform: none;
   color: dark;
@@ -138,7 +138,7 @@
 }
 
 .input {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;
   border: solid 1px light;
@@ -171,7 +171,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 500;
   font-size: 12px;
   color: medium;

package/es/atom/input-textarea/style.css

@@ -35,7 +35,7 @@
 }
 
 .title {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   text-transform: none;
   color: dark;
@@ -43,7 +43,7 @@
 }
 
 .default textarea {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   text-transform: none;
   padding: 10px 15px;
   border: solid 2px light;
@@ -61,7 +61,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 500;
   font-size: 12px;
   color: medium;
@@ -97,7 +97,7 @@
   width: 100%;
   font-weight: normal;
   font-size: 14px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   padding: 0 0 0 3px;
   border: 0;
   border-radius: 0px;
@@ -172,7 +172,7 @@
 .cockpit .title {
   color: #797979;
   font-weight: bold;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   text-transform: capitalize;
   font-size: 11px;
   align-self: flex-start;

package/es/atom/life/style.css

@@ -20,7 +20,7 @@
   justify-content: top;
   align-items: center;
   font-size: 22px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 700;
   top: 0;
   right: 0;

package/es/atom/notification/style.css

@@ -7,7 +7,7 @@
 
 .message {
   width: 100%;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 700;
   font-size: 14px;
   text-align: center;

package/es/atom/radio-group/item.css

@@ -21,7 +21,7 @@
   display: flex;
   cursor: pointer;
   color: white;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 12px;
   font-weight: 400;
 }

package/es/atom/resource-miniature/style.css

@@ -52,7 +52,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 11px;
   margin-left: 16px;
   margin-right: 16px;

package/es/atom/select/style.css

@@ -30,11 +30,11 @@
   position: relative;
   flex-grow: 0;
   margin-right: 20px;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
 }
 
 .title {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   text-transform: none;
   color: dark;
@@ -55,7 +55,7 @@
 }
 
 .default select {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;
   border: solid 2px light;
@@ -71,7 +71,7 @@
 }
 
 .modified select {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;
   border: solid 2px orange;
@@ -91,7 +91,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 500;
   font-size: 12px;
   color: medium;
@@ -209,7 +209,7 @@
 }
 
 .no-label select {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;
   height: 44px;
@@ -392,7 +392,7 @@
   background-color: light;
   border: 0;
   font-weight: 700;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   color: dark;
   padding: 0 30px 0 15px;
   width: 150px;

package/es/atom/slide/style.css

@@ -47,7 +47,7 @@
 
 .subtitle,
 .title {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   text-shadow: 0 0 4px rgba(61, 61, 61, 0.37);
 }
 

package/es/molecule/add-to-my-list/style.css

@@ -14,7 +14,7 @@
   display: flex;
   align-items: center;
   margin: 15px 0;
-  font-family: Open Sans, sans-serif;
+  font-family: Gilroy;
   font-weight: bold;
   font-size: 13px;
   overflow: inherit;
@@ -28,7 +28,7 @@
   text-transform: inherit;
   background-color: xtraLightGrey;
   color: dark;
-  font-family: Open Sans, sans-serif;
+  font-family: Gilroy;
   font-weight: 600;
   font-size: 13px;
   text-decoration: none;
@@ -74,7 +74,7 @@
   align-items: center;
   color: white;
   text-align: center;
-  font-family: Open Sans, sans-serif;
+  font-family: Gilroy;
   font-weight: bold;
   font-size: 13px;
   box-shadow: 0 -1px 20px 0 rgba(0, 0, 0, 0.25);

package/es/molecule/audio/style.css

@@ -45,7 +45,7 @@
 }
 
 .description {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 600;
   text-align: center;
   font-size: 12px;