@coorpacademy/components 10.9.0 → 10.11.1

package/es/molecule/checkbox-with-title/index.js

@@ -0,0 +1,51 @@
+import _uniqueId from "lodash/fp/uniqueId";
+import _noop from "lodash/fp/noop";
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { NovaSolidStatusValidate as CheckIcon } from '@coorpacademy/nova-icons';
+import style from './style.css';
+
+const CheckboxWithTitle = props => {
+  const {
+    title,
+    name,
+    checked,
+    onChange = _noop,
+    'data-name': dataName,
+    'aria-label': ariaLabel
+  } = props;
+
+  const idCheckbox = _uniqueId('input-checkbox-');
+
+  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);
+  return /*#__PURE__*/React.createElement("label", {
+    className: style.container,
+    htmlFor: idCheckbox
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "checkbox",
+    id: idCheckbox,
+    name: name,
+    onChange: handleChange,
+    checked: checked,
+    className: style.checkbox,
+    "data-name": dataName,
+    "aria-label": ariaLabel
+  }), /*#__PURE__*/React.createElement("div", {
+    className: style.label
+  }, /*#__PURE__*/React.createElement(CheckIcon, {
+    className: style.icon
+  })), /*#__PURE__*/React.createElement("span", {
+    className: style.title
+  }, title));
+};
+
+CheckboxWithTitle.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: PropTypes.string,
+  name: PropTypes.string,
+  checked: PropTypes.bool,
+  onChange: PropTypes.func,
+  'aria-label': PropTypes.string,
+  'data-name': PropTypes.string
+} : {};
+export default CheckboxWithTitle;
+//# sourceMappingURL=index.js.map

package/es/molecule/checkbox-with-title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/molecule/checkbox-with-title/index.js"],"names":["React","useMemo","PropTypes","NovaSolidStatusValidate","CheckIcon","style","CheckboxWithTitle","props","title","name","checked","onChange","dataName","ariaLabel","idCheckbox","handleChange","e","target","container","checkbox","label","icon","propTypes","string","bool","func"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,uBAAuB,IAAIC,SAAnC,QAAmD,0BAAnD;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;AACjC,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,QAAQ,QAJJ;AAKJ,iBAAaC,QALT;AAMJ,kBAAcC;AANV,MAOFN,KAPJ;;AASA,QAAMO,UAAU,GAAG,UAAS,iBAAT,CAAnB;;AACA,QAAMC,YAAY,GAAGd,OAAO,CAAC,MAAMe,CAAC,IAAIL,QAAQ,CAACK,CAAC,CAACC,MAAF,CAASP,OAAV,CAApB,EAAwC,CAACC,QAAD,CAAxC,CAA5B;AAEA,sBACE;AAAO,IAAA,SAAS,EAAEN,KAAK,CAACa,SAAxB;AAAmC,IAAA,OAAO,EAAEJ;AAA5C,kBACE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,EAAE,EAAEA,UAFN;AAGE,IAAA,IAAI,EAAEL,IAHR;AAIE,IAAA,QAAQ,EAAEM,YAJZ;AAKE,IAAA,OAAO,EAAEL,OALX;AAME,IAAA,SAAS,EAAEL,KAAK,CAACc,QANnB;AAOE,iBAAWP,QAPb;AAQE,kBAAYC;AARd,IADF,eAWE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACe;AAAtB,kBACE,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEf,KAAK,CAACgB;AAA5B,IADF,CAXF,eAcE;AAAM,IAAA,SAAS,EAAEhB,KAAK,CAACG;AAAvB,KAA+BA,KAA/B,CAdF,CADF;AAkBD,CA/BD;;AAiCAF,iBAAiB,CAACgB,SAAlB,2CAA8B;AAC5Bd,EAAAA,KAAK,EAAEN,SAAS,CAACqB,MADW;AAE5Bd,EAAAA,IAAI,EAAEP,SAAS,CAACqB,MAFY;AAG5Bb,EAAAA,OAAO,EAAER,SAAS,CAACsB,IAHS;AAI5Bb,EAAAA,QAAQ,EAAET,SAAS,CAACuB,IAJQ;AAK5B,gBAAcvB,SAAS,CAACqB,MALI;AAM5B,eAAarB,SAAS,CAACqB;AANK,CAA9B;AAQA,eAAejB,iBAAf","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst CheckboxWithTitle = props => {\n  const {\n    title,\n    name,\n    checked,\n    onChange = noop,\n    'data-name': dataName,\n    'aria-label': ariaLabel\n  } = props;\n\n  const idCheckbox = uniqueId('input-checkbox-');\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n\n  return (\n    <label className={style.container} htmlFor={idCheckbox}>\n      <input\n        type=\"checkbox\"\n        id={idCheckbox}\n        name={name}\n        onChange={handleChange}\n        checked={checked}\n        className={style.checkbox}\n        data-name={dataName}\n        aria-label={ariaLabel}\n      />\n      <div className={style.label}>\n        <CheckIcon className={style.icon} />\n      </div>\n      <span className={style.title}>{title}</span>\n    </label>\n  );\n};\n\nCheckboxWithTitle.propTypes = {\n  title: PropTypes.string,\n  name: PropTypes.string,\n  checked: PropTypes.bool,\n  onChange: PropTypes.func,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string\n};\nexport default CheckboxWithTitle;\n"],"file":"index.js"}

package/es/molecule/checkbox-with-title/style.css

@@ -0,0 +1,62 @@
+@value colors: "../../variables/colors.css";
+@value white from colors;
+@value dark from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_100 from colors;
+@value black from colors;
+@value cm_primary_blue from colors;
+
+.container {
+  display: flex;
+  align-items: center;
+  align-content: flex-start;
+}
+
+.container input {
+  display: none;
+}
+
+.icon {
+  display: none;
+  width: 16px;
+  height: 14px;
+  color: white;
+}
+
+.container .title {
+  font-family: "Gilroy";
+  font-weight: bold;
+  font-size: 20px;
+  color: dark;
+  width: 180px;
+  margin-right: 20px;
+  min-height: 50px;
+  display: flex;
+  align-items: center;
+  align-content: center;
+  color: black;
+}
+
+.container .label {
+  border: solid 1px cm_grey_200;
+  background-color: cm_grey_100;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 23px;
+  height: 23px;
+  border-radius: 5px;
+  font-size: 14px;
+  color: dark;
+  margin-right: 8px;
+  position: relative;
+}
+
+.checkbox:checked + .label {
+  border: solid 1px cm_primary_blue;
+  background-color: cm_primary_blue;
+}
+
+.checkbox:checked + .label .icon {
+  display: flex;
+}

package/es/molecule/checkbox-with-title/test/fixtures/checked.js

@@ -0,0 +1,8 @@
+export default {
+  props: {
+    title: 'Add stars',
+    checked: true,
+    onChange: value => console.log(value)
+  }
+};
+//# sourceMappingURL=checked.js.map

package/es/molecule/checkbox-with-title/test/fixtures/checked.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/checkbox-with-title/test/fixtures/checked.js"],"names":["props","title","checked","onChange","value","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,WADF;AAELC,IAAAA,OAAO,EAAE,IAFJ;AAGLC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ;AAHd;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Add stars',\n    checked: true,\n    onChange: value => console.log(value)\n  }\n};\n"],"file":"checked.js"}

package/es/molecule/checkbox-with-title/test/fixtures/unchecked.js

@@ -0,0 +1,8 @@
+export default {
+  props: {
+    title: 'Create badge',
+    checked: false,
+    onChange: value => console.log(value)
+  }
+};
+//# sourceMappingURL=unchecked.js.map

package/es/molecule/checkbox-with-title/test/fixtures/unchecked.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/molecule/checkbox-with-title/test/fixtures/unchecked.js"],"names":["props","title","checked","onChange","value","console","log"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,cADF;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,QAAQ,EAAEC,KAAK,IAAIC,OAAO,CAACC,GAAR,CAAYF,KAAZ;AAHd;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    title: 'Create badge',\n    checked: false,\n    onChange: value => console.log(value)\n  }\n};\n"],"file":"unchecked.js"}

package/es/molecule/dashboard/review-banner/index.js

@@ -2,29 +2,20 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import getOr from 'lodash/fp/getOr';
-import Provider from '../../../atom/provider';
 import ButtonLink from '../../../atom/button-link';
 import style from './style.css';
 
-const ReviewBanner = (props, context) => {
+const ReviewBanner = props => {
   const {
     title,
     subtitle,
     cta
   } = props;
-  const {
-    skin
-  } = context;
-  const primary = getOr('#00B0FF', 'common.primary', skin);
 
   const buttonProps = _extends(_extends({}, cta), {}, {
     type: 'primary'
   });
 
-  const ctaStyle = {
-    background: primary
-  };
   return /*#__PURE__*/React.createElement("div", {
     className: style.root,
     "data-name": "start-review-banner"
@@ -51,8 +42,7 @@ const ReviewBanner = (props, context) => {
     "data-name": "review-banner-subtitle",
     "aria-label": "{subtitle}"
   }, subtitle), /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonProps, {
-    className: style.cta,
-    customStyle: ctaStyle
+    className: style.cta
   }))), /*#__PURE__*/React.createElement("div", {
     className: style.right,
     role: "img",
@@ -72,8 +62,5 @@ ReviewBanner.propTypes = process.env.NODE_ENV !== "production" ? {
     label: PropTypes.string
   })
 } : {};
-ReviewBanner.contextTypes = {
-  skin: Provider.childContextTypes.skin
-};
 export default React.memo(ReviewBanner);
 //# sourceMappingURL=index.js.map

package/es/molecule/dashboard/review-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["React","PropTypes","getOr","Provider","ButtonLink","style","ReviewBanner","props","context","title","subtitle","cta","skin","primary","buttonProps","type","ctaStyle","background","root","container","banner","left","image","middle","right","propTypes","string","shape","onClick","func","label","contextTypes","childContextTypes","memo"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBJ,KAA/B;AACA,QAAM;AAACK,IAAAA;AAAD,MAASJ,OAAf;AACA,QAAMK,OAAO,GAAGX,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8BU,IAA9B,CAArB;;AAEA,QAAME,WAAW,yBACZH,GADY;AAEfI,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAIA,QAAMC,QAAQ,GAAG;AACfC,IAAAA,UAAU,EAAEJ;AADG,GAAjB;AAIA,sBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACa,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACc;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEd,KAAK,CAACe;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACgB,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEhB,KAAK,CAACiB,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEjB,KAAK,CAACkB;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAElB,KAAK,CAACI,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEJ,KAAK,CAACK,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,oBAAC,UAAD,eAAgBI,WAAhB;AAA6B,IAAA,SAAS,EAAET,KAAK,CAACM,GAA9C;AAAmD,IAAA,WAAW,EAAEK;AAAhE,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEX,KAAK,CAACmB,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEnB,KAAK,CAACiB,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CAhDD;;AAkDAhB,YAAY,CAACmB,SAAb,2CAAyB;AACvBhB,EAAAA,KAAK,EAAER,SAAS,CAACyB,MADM;AAEvBhB,EAAAA,QAAQ,EAAET,SAAS,CAACyB,MAFG;AAGvBf,EAAAA,GAAG,EAAEV,SAAS,CAAC0B,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAE3B,SAAS,CAAC4B,IADA;AAEnBC,IAAAA,KAAK,EAAE7B,SAAS,CAACyB;AAFE,GAAhB;AAHkB,CAAzB;AASApB,YAAY,CAACyB,YAAb,GAA4B;AAC1BnB,EAAAA,IAAI,EAAET,QAAQ,CAAC6B,iBAAT,CAA2BpB;AADP,CAA5B;AAIA,eAAeZ,KAAK,CAACiC,IAAN,CAAW3B,YAAX,CAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getOr from 'lodash/fp/getOr';\nimport Provider from '../../../atom/provider';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = (props, context) => {\n  const {title, subtitle, cta} = props;\n  const {skin} = context;\n  const primary = getOr('#00B0FF', 'common.primary', skin);\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n  const ctaStyle = {\n    background: primary\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} customStyle={ctaStyle} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nReviewBanner.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default React.memo(ReviewBanner);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/molecule/dashboard/review-banner/index.js"],"names":["React","PropTypes","ButtonLink","style","ReviewBanner","props","title","subtitle","cta","buttonProps","type","root","container","banner","left","image","middle","right","propTypes","string","shape","onClick","func","label","memo"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,2BAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBC,IAAAA;AAAlB,MAAyBH,KAA/B;;AAEA,QAAMI,WAAW,yBACZD,GADY;AAEfE,IAAAA,IAAI,EAAE;AAFS,IAAjB;;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACQ,IAAtB;AAA4B,iBAAU;AAAtC,kBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACS;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAET,KAAK,CAACU;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEV,KAAK,CAACW,IAAtB;AAA4B,IAAA,IAAI,EAAC,KAAjC;AAAuC,kBAAW;AAAlD,kBACE;AACE,IAAA,SAAS,EAAEX,KAAK,CAACY,KADnB;AAEE,IAAA,GAAG,EAAC,+CAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CADF,eAQE;AAAK,IAAA,SAAS,EAAEZ,KAAK,CAACa;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAEb,KAAK,CAACG,KAAvB;AAA8B,iBAAU,qBAAxC;AAA8D,kBAAW;AAAzE,KACGA,KADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEH,KAAK,CAACI,QADnB;AAEE,iBAAU,wBAFZ;AAGE,kBAAW;AAHb,KAKGA,QALH,CAJF,eAWE,oBAAC,UAAD,eAAgBE,WAAhB;AAA6B,IAAA,SAAS,EAAEN,KAAK,CAACK;AAA9C,KAXF,CARF,eAqBE;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACc,KAAtB;AAA6B,IAAA,IAAI,EAAC,KAAlC;AAAwC,kBAAW;AAAnD,kBACE;AACE,IAAA,SAAS,EAAEd,KAAK,CAACY,KADnB;AAEE,IAAA,GAAG,EAAC,kDAFN;AAGE,IAAA,GAAG,EAAC;AAHN,IADF,CArBF,CADF,CADF,CADF;AAmCD,CA3CD;;AA6CAX,YAAY,CAACc,SAAb,2CAAyB;AACvBZ,EAAAA,KAAK,EAAEL,SAAS,CAACkB,MADM;AAEvBZ,EAAAA,QAAQ,EAAEN,SAAS,CAACkB,MAFG;AAGvBX,EAAAA,GAAG,EAAEP,SAAS,CAACmB,KAAV,CAAgB;AACnBC,IAAAA,OAAO,EAAEpB,SAAS,CAACqB,IADA;AAEnBC,IAAAA,KAAK,EAAEtB,SAAS,CAACkB;AAFE,GAAhB;AAHkB,CAAzB;AASA,eAAenB,KAAK,CAACwB,IAAN,CAAWpB,YAAX,CAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ButtonLink from '../../../atom/button-link';\nimport style from './style.css';\n\nconst ReviewBanner = props => {\n  const {title, subtitle, cta} = props;\n\n  const buttonProps = {\n    ...cta,\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.root} data-name=\"start-review-banner\">\n      <div className={style.container}>\n        <div className={style.banner}>\n          <div className={style.left} role=\"img\" aria-label=\"Left image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/book.png\"\n              alt=\"Book image\"\n            />\n          </div>\n          <div className={style.middle}>\n            <span className={style.title} data-name=\"review-banner-title\" aria-label=\"{title}\">\n              {title}\n            </span>\n            <span\n              className={style.subtitle}\n              data-name=\"review-banner-subtitle\"\n              aria-label=\"{subtitle}\"\n            >\n              {subtitle}\n            </span>\n            <ButtonLink {...buttonProps} className={style.cta} />\n          </div>\n          <div className={style.right} role=\"img\" aria-label=\"Rigth image container\">\n            <img\n              className={style.image}\n              src=\"https://static.coorpacademy.com/site/dumbell.png\"\n              alt=\"Dumbbell image\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewBanner.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  cta: PropTypes.shape({\n    onClick: PropTypes.func,\n    label: PropTypes.string\n  })\n};\n\nexport default React.memo(ReviewBanner);\n"],"file":"index.js"}

package/es/molecule/dashboard/review-banner/style.css

@@ -4,6 +4,9 @@
 @value mobile from breakpoints;
 @value white from colors;
 @value battle_bg from colors;
+@value cm_orange_200 from colors;
+@value cm_orange_700 from colors;
+@value box_shadow_orange_700 from colors;
 
 .root {
   display: flex;
@@ -108,6 +111,12 @@
   font-style: normal;
   font-weight: bold;
   font-size: 16px;
+  background-color: cm_orange_200;
+}
+
+.cta:hover {
+  background-color: cm_orange_700;
+  box-shadow: 0px 0px 30px 11px box_shadow_orange_700;
 }
 
 @media tablet {

package/es/molecule/review-correction-popin/index.js

@@ -68,10 +68,12 @@ const ReviewCorrectionPopin = props => {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.information,
     "aria-label": "answer-information"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.labelContainer
   }, /*#__PURE__*/React.createElement("span", {
     className: style.label,
     "aria-label": information.label
-  }, information.label), /*#__PURE__*/React.createElement("span", {
+  }, information.label)), /*#__PURE__*/React.createElement("span", {
     className: style.message,
     "aria-label": information.message
   }, information.message))), /*#__PURE__*/React.createElement("div", {

package/es/molecule/review-correction-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/review-correction-popin/index.js"],"names":["React","classnames","PropTypes","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","style","buildKlfButton","klf","klfButtonProps","icon","position","type","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","propTypes","oneOf","string","shape","onClick","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{klf.tooltip}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper}>\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel} aria-label=\"result\">\n            <span aria-label={resultLabel}>{resultLabel}</span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <span className={style.label} aria-label={information.label}>\n              {information.label}\n            </span>\n            <span className={style.message} aria-label={information.message}>\n              {information.message}\n            </span>\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer}>\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = {\n  type: PropTypes.oneOf(['right', 'wrong']),\n  resultLabel: PropTypes.string,\n  information: PropTypes.shape({\n    label: PropTypes.string,\n    message: PropTypes.string\n  }),\n  next: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  klf: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default ReviewCorrectionPopin;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/review-correction-popin/index.js"],"names":["React","classnames","PropTypes","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","style","buildKlfButton","klf","klfButtonProps","icon","position","type","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton","propTypes","oneOf","string","shape","onClick","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst buildKlfButton = klf => {\n  const klfButtonProps = {\n    ...klf,\n    icon: {\n      position: 'left',\n      type: 'key'\n    },\n    type: 'primary'\n  };\n\n  return (\n    <div className={style.klfContainer}>\n      <div className={style.klfButtonContainer}>\n        <ButtonLink {...klfButtonProps} className={style.klfButton} />\n      </div>\n      <div className={style.toolTip}>\n        <div className={style.tooltipText}>{klf.tooltip}</div>\n      </div>\n    </div>\n  );\n};\n\nconst ReviewCorrectionPopin = props => {\n  const {information, resultLabel, type, klf, next} = props;\n\n  const nextQuestionButtonProps = {\n    ...next,\n    type: 'primary'\n  };\n\n  const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n  const ICONS = {\n    right: RightIcon,\n    wrong: WrongIcon\n  };\n  const Icon = ICONS[type];\n\n  return (\n    <div className={style.wrapper}>\n      <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n        <div className={style.correctionSection}>\n          <div className={style.iconCircle}>\n            <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n          </div>\n          <div className={style.resultLabel} aria-label=\"result\">\n            <span aria-label={resultLabel}>{resultLabel}</span>\n          </div>\n        </div>\n        <div className={style.feedbackSection}>\n          <div className={style.information} aria-label=\"answer-information\">\n            <div className={style.labelContainer}>\n              <span className={style.label} aria-label={information.label}>\n                {information.label}\n              </span>\n            </div>\n            <span className={style.message} aria-label={information.message}>\n              {information.message}\n            </span>\n          </div>\n        </div>\n        <div className={type === 'right' ? style.actions : style.actionsWrong}>\n          {cta}\n          <div className={style.nextQuestionContainer}>\n            <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nReviewCorrectionPopin.propTypes = {\n  type: PropTypes.oneOf(['right', 'wrong']),\n  resultLabel: PropTypes.string,\n  information: PropTypes.shape({\n    label: PropTypes.string,\n    message: PropTypes.string\n  }),\n  next: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  }),\n  klf: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func\n  })\n};\n\nexport default ReviewCorrectionPopin;\n"],"file":"index.js"}

package/es/molecule/review-correction-popin/style.css

@@ -48,7 +48,7 @@
 
 .feedbackSection {
   display: flex;
-  margin: 0 23px;
+  margin: 0 48px 0 23px;
   flex-direction: row;
   align-items: center;
   justify-content: left;
@@ -84,7 +84,7 @@
 
 .resultLabel {
   margin-left: 12px;
-  font-weight: 900;
+  font-weight: 600;
   font-size: 24px;
   line-height: 24px;
   hyphens: auto;
@@ -95,21 +95,23 @@
 .information {
   display: block;
   flex-direction: column;
+  width: 100%;
 }
 
-.information .label {
-  width: 140px;
-  height: 25px;
+.labelContainer {
+  width: fit-content;
+  height: fit-content;
   padding: 4px 8px;
   background: rgba(255, 255, 255, 0.3);
   border-radius: 56px;
+  display: table;
+}
+
+.label {
   font-style: normal;
   font-weight: 900;
   font-size: 14px;
   line-height: 17px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
   hyphens: auto;
   -ms-word-break: break-word;
   word-break: break-word;
@@ -139,11 +141,12 @@
   opacity: 0;
   transition: opacity 0.8s;
   position: absolute;
-  width: 273px;
+  width: 142%;
   border-radius: 15px;
   background-color: white;
-  right: 17.5%;
-  top: -64px;
+  right: 0px;
+  bottom: 55px;
+  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.32));
 }
 
 .toolTip::before {
@@ -158,7 +161,7 @@
   background-color: white;
   position: inherit;
   bottom: -7px;
-  left: 129px;
+  right: 10%;
 }
 
 .tooltipText {
@@ -177,6 +180,7 @@
   overflow: visible;
   width: calc(55% - 16px);
   margin-right: 16px;
+  position: relative;
 }
 
 .klfButtonContainer:hover ~ .toolTip {
@@ -236,11 +240,6 @@
   .actionsWrong {
     width: 47%;
   }
-
-  .toolTip {
-    width: 250px;
-    right: 25%;
-  }
 }
 
 @media mobile {
@@ -309,6 +308,10 @@
     bottom: 52px;
   }
 
+  .toolTip::before {
+    right: 50%
+  }
+
   .tooltipText {
     max-width: none;
   }

package/es/molecule/setup-slide/index.js

@@ -30,7 +30,9 @@ const SetupSlide = props => {
         return /*#__PURE__*/React.createElement(InputSwitch, field);
 
       case 'select':
-        return /*#__PURE__*/React.createElement(Select, field);
+        return /*#__PURE__*/React.createElement(Select, _extends({}, field, {
+          theme: 'coorpmanager'
+        }));
 
       case 'checkbox':
         return /*#__PURE__*/React.createElement(InputCheckbox, field);

package/es/molecule/setup-slide/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["React","PropTypes","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","ImageUpload","SetupCohortItem","MessagePopin","style","SetupSlide","props","fields","buildInput","field","type","title","subtitle","buildField","index","input","fieldsList","convert","cap","wrapper","defaultProps","propTypes","arrayOf","oneOfType","shape","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return <ImageUpload {...field} />;\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/setup-slide/index.js"],"names":["React","PropTypes","Select","InputReadonly","InputText","InputCheckbox","InputDoublestep","InputSwitch","ImageUpload","SetupCohortItem","MessagePopin","style","SetupSlide","props","fields","buildInput","field","type","title","subtitle","buildField","index","input","fieldsList","convert","cap","wrapper","defaultProps","propTypes","arrayOf","oneOfType","shape","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Select from '../../atom/select';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputText from '../../atom/input-text';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport InputSwitch from '../../atom/input-switch';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupCohortItem from '../setup-cohort-item';\nimport MessagePopin from '../message-popin';\nimport style from './style.css';\n\nconst SetupSlide = props => {\n  const {fields} = props;\n  const buildInput = field => {\n    const {type} = field;\n    switch (type) {\n      case 'switch':\n        return <InputSwitch {...field} />;\n      case 'select':\n        return <Select {...field} theme={'coorpmanager'} />;\n      case 'checkbox':\n        return <InputCheckbox {...field} />;\n      case 'image':\n        return <ImageUpload {...field} />;\n      case 'splitForm':\n        return <SetupCohortItem field={field} />;\n      case 'alert':\n        return <MessagePopin header={field.title} content={field.subtitle} />;\n      case 'readonly':\n        return <InputReadonly {...field} />;\n      case 'doublestep':\n        return <InputDoublestep {...field} />;\n      default:\n        return <InputText {...field} />;\n    }\n  };\n\n  const buildField = (field, index) => {\n    const input = buildInput(field);\n    return (\n      <div className={style.field} key={index}>\n        {input}\n      </div>\n    );\n  };\n\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return <div className={style.wrapper}>{fieldsList}</div>;\n};\n\nSetupSlide.defaultProps = {\n  fields: []\n};\n\nSetupSlide.propTypes = {\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select'])\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...SetupCohortItem.propTypes,\n        type: PropTypes.oneOf(['splitForm'])\n      }),\n      PropTypes.shape({\n        ...MessagePopin.propTypes,\n        type: PropTypes.oneOf(['alert'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default SetupSlide;\n"],"file":"index.js"}

package/es/organism/brand-form/test/fixtures/lms.js

@@ -72,6 +72,23 @@ export default {
             type: 'readonly',
             title: 'Material type',
             value: 'External Links'
+          }, {
+            type: 'select',
+            title: 'LMS Available Language Source',
+            options: [{
+              name: 'English',
+              value: 'English',
+              selected: false
+            }, {
+              name: 'Français',
+              value: 'Français',
+              selected: true
+            }, {
+              name: 'Español',
+              value: 'Español',
+              selected: true
+            }],
+            onChange: value => console.log(value)
           }, {
             type: 'switch',
             title: 'Course',

package/es/organism/brand-form/test/fixtures/lms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/lms.js"],"names":["props","groups","title","fieldsLayout","fields","type","options","name","value","onChange","console","log","submitValue","onClick","subtitle","tabProps","slides","placeholder","required","description","toggleValue","confirmValue","confirmDisabled","cancelValue","textValidation","isPending"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        title: 'Add an LMS configuration',\n        fieldsLayout: 'grid',\n        fields: [\n          {\n            type: 'select',\n            options: [\n              {name: '', value: ''},\n              {name: 'CSOD', value: 'CSOD'},\n              {name: 'SAP', value: 'SAP'},\n              {name: 'XAPI', value: 'XAPI'}\n            ],\n            onChange: () => console.log('dispatch newConfig')\n          },\n          {\n            type: 'button',\n            submitValue: 'Add',\n            onClick: () => console.log('add new slide')\n          }\n        ]\n      },\n      {\n        title: 'LMS configuration',\n        subtitle: 'Configure the coorpacademy integration to LMS',\n        fields: [\n          {\n            type: 'slider',\n            tabProps: [\n              {\n                title: 'CSOD'\n              },\n              {\n                title: 'SAP'\n              },\n              {\n                title: 'XAPI'\n              }\n            ],\n            slides: [\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: true,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.csod.hostname',\n                    required: true,\n                    value: 'https://partner0125.csod.com',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client ID',\n                    required: true,\n                    value: 'Some-client-id',\n                    onChange: () => console.log('dispatch Client ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client Secret',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Client Secret')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Provider',\n                    description: 'This is the name you gave to Coorpacademy in CSOD.',\n                    required: true,\n                    value: 'COORPACADEMY',\n                    onChange: () => console.log('dispatch Provider')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'Material type',\n                    value: 'External Links'\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Course',\n                    value: true,\n                    onChange: () => console.log('dispatch Course')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Level',\n                    value: true,\n                    onChange: () => console.log('dispatch Level')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Chapter',\n                    value: false,\n                    onChange: () => console.log('dispatch Chapter')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Progression',\n                    value: true,\n                    onChange: () => console.log('dispatch Progression')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Title customization',\n                    description: 'Suffix at the end of the title',\n                    required: false,\n                    value: '- SEIQ',\n                    onChange: () => console.log('dispatch Title customization')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'API used to send progressions',\n                    value: 'EXPRESS_CLASS',\n                    description: 'This is the API chosen to send progressions'\n                  },\n                  {\n                    type: 'text',\n                    title: 'Facilitator ID',\n                    description: 'Used to prevent errors with Express Class',\n                    required: true,\n                    value: '1223785',\n                    onChange: () => console.log('dispatch Facilitator ID')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the CSOD configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              },\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: false,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Contact email address',\n                    placeholder: '',\n                    description:\n                      'The email address we should notify when new content has been exported.',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Email address')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.sap.hostname',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Client ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client Secret',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch ClientSecret')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Scope User ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Scope user ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Scope Company ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Scope Company ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Provider',\n                    description: 'This is the name you gave to Coorpacademy in SAP.',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Provider')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Course',\n                    value: false,\n                    onChange: () => console.log('dispatch Course')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Level',\n                    value: false,\n                    onChange: () => console.log('dispatch Level')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Chapter',\n                    value: false,\n                    onChange: () => console.log('dispatch Chapter')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the SAP configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              },\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: false,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.csod.hostname',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'Authentication type',\n                    value: 'basic',\n                    description: 'Authentication type can only have the \"basic\" value'\n                  },\n                  {\n                    type: 'text',\n                    title: 'Username',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Username')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Password',\n                    description: 'this should be an input type password',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Password')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the XAPI configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              }\n            ]\n          }\n        ]\n      }\n    ]\n  }\n};\n"],"file":"lms.js"}
+{"version":3,"sources":["../../../../../src/organism/brand-form/test/fixtures/lms.js"],"names":["props","groups","title","fieldsLayout","fields","type","options","name","value","onChange","console","log","submitValue","onClick","subtitle","tabProps","slides","placeholder","required","description","selected","toggleValue","confirmValue","confirmDisabled","cancelValue","textValidation","isPending"],"mappings":"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","sourcesContent":["export default {\n  props: {\n    groups: [\n      {\n        title: 'Add an LMS configuration',\n        fieldsLayout: 'grid',\n        fields: [\n          {\n            type: 'select',\n            options: [\n              {name: '', value: ''},\n              {name: 'CSOD', value: 'CSOD'},\n              {name: 'SAP', value: 'SAP'},\n              {name: 'XAPI', value: 'XAPI'}\n            ],\n            onChange: () => console.log('dispatch newConfig')\n          },\n          {\n            type: 'button',\n            submitValue: 'Add',\n            onClick: () => console.log('add new slide')\n          }\n        ]\n      },\n      {\n        title: 'LMS configuration',\n        subtitle: 'Configure the coorpacademy integration to LMS',\n        fields: [\n          {\n            type: 'slider',\n            tabProps: [\n              {\n                title: 'CSOD'\n              },\n              {\n                title: 'SAP'\n              },\n              {\n                title: 'XAPI'\n              }\n            ],\n            slides: [\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: true,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.csod.hostname',\n                    required: true,\n                    value: 'https://partner0125.csod.com',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client ID',\n                    required: true,\n                    value: 'Some-client-id',\n                    onChange: () => console.log('dispatch Client ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client Secret',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Client Secret')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Provider',\n                    description: 'This is the name you gave to Coorpacademy in CSOD.',\n                    required: true,\n                    value: 'COORPACADEMY',\n                    onChange: () => console.log('dispatch Provider')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'Material type',\n                    value: 'External Links'\n                  },\n                  {\n                    type: 'select',\n                    title: 'LMS Available Language Source',\n                    options: [\n                      {\n                        name: 'English',\n                        value: 'English',\n                        selected: false\n                      },\n                      {\n                        name: 'Français',\n                        value: 'Français',\n                        selected: true\n                      },\n                      {\n                        name: 'Español',\n                        value: 'Español',\n                        selected: true\n                      }\n                    ],\n                    onChange: value => console.log(value)\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Course',\n                    value: true,\n                    onChange: () => console.log('dispatch Course')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Level',\n                    value: true,\n                    onChange: () => console.log('dispatch Level')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Chapter',\n                    value: false,\n                    onChange: () => console.log('dispatch Chapter')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Progression',\n                    value: true,\n                    onChange: () => console.log('dispatch Progression')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Title customization',\n                    description: 'Suffix at the end of the title',\n                    required: false,\n                    value: '- SEIQ',\n                    onChange: () => console.log('dispatch Title customization')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'API used to send progressions',\n                    value: 'EXPRESS_CLASS',\n                    description: 'This is the API chosen to send progressions'\n                  },\n                  {\n                    type: 'text',\n                    title: 'Facilitator ID',\n                    description: 'Used to prevent errors with Express Class',\n                    required: true,\n                    value: '1223785',\n                    onChange: () => console.log('dispatch Facilitator ID')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the CSOD configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              },\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: false,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Contact email address',\n                    placeholder: '',\n                    description:\n                      'The email address we should notify when new content has been exported.',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Email address')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.sap.hostname',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Client ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Client Secret',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch ClientSecret')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Scope User ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Scope user ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Scope Company ID',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Scope Company ID')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Provider',\n                    description: 'This is the name you gave to Coorpacademy in SAP.',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Provider')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Course',\n                    value: false,\n                    onChange: () => console.log('dispatch Course')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Level',\n                    value: false,\n                    onChange: () => console.log('dispatch Level')\n                  },\n                  {\n                    type: 'switch',\n                    title: 'Chapter',\n                    value: false,\n                    onChange: () => console.log('dispatch Chapter')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the SAP configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              },\n              {\n                fields: [\n                  {\n                    type: 'switch',\n                    title: 'Enabled',\n                    value: false,\n                    onChange: () => console.log('dispatch Enabled')\n                  },\n                  {\n                    type: 'text',\n                    title: 'URL',\n                    placeholder: 'https://some.fake.csod.hostname',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch URL')\n                  },\n                  {\n                    type: 'readonly',\n                    title: 'Authentication type',\n                    value: 'basic',\n                    description: 'Authentication type can only have the \"basic\" value'\n                  },\n                  {\n                    type: 'text',\n                    title: 'Username',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Username')\n                  },\n                  {\n                    type: 'text',\n                    title: 'Password',\n                    description: 'this should be an input type password',\n                    required: true,\n                    value: '',\n                    onChange: () => console.log('dispatch Password')\n                  },\n                  {\n                    type: 'doublestep',\n                    toggleValue: 'Delete Configuration',\n                    confirmValue: 'Confirm',\n                    confirmDisabled: false,\n                    cancelValue: 'Cancel',\n                    description:\n                      'You are about to delete the XAPI configuration. Click \"confirm\" to proceed.',\n                    textValidation: false,\n                    isPending: false,\n                    onClick: () => console.log('dispatch without this config')\n                  }\n                ]\n              }\n            ]\n          }\n        ]\n      }\n    ]\n  }\n};\n"],"file":"lms.js"}

package/es/variables/colors.css

@@ -51,7 +51,7 @@
 @value cm_green_50: #e8fcf8;
 @value cm_green_200: #16ac8c;
 @value cm_orange_200: #FF7043;
-@value cm_orange_700: #ff4105;
+@value cm_orange_700: #FF4105;
 @value cm_pink_50: #ffefeb;
 @value cm_purple_200: #7340FF;
 @value cm_yellow_scorm: #FFB800;
@@ -64,3 +64,4 @@
 @value cm_warning_50: rgba(255, 192, 67, 0.13);
 @value box_shadow_light_dark: rgba(0, 0, 0, 0.12);
 @value box_shadow_medium_dark: rgba(0, 0, 0, 0.2);
+@value box_shadow_orange_700: rgba(255, 84, 31, 0.15);