@coorpacademy/components 10.1.2 → 10.1.3

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

@@ -0,0 +1,201 @@
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
+@value mobile from breakpoints;
+@value colors: "../../variables/colors.css";
+@value medium from colors;
+@value light from colors;
+@value white from colors;
+@value dark from colors;
+@value black from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_150 from colors;
+@value cm_grey_400 from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
+
+.wrapperSearch {
+  display: flex;
+  width: 100%;
+  flex-flow: nowrap;
+  flex-direction: row;
+  align-items: center;
+  overflow: hidden;
+}
+
+.searchIcon {
+  color: dark;
+  position: relative;
+  margin: 0 0 -3px -20px;
+  width: 19px;
+  height: 19px;
+  left: 35px;
+}
+
+.search {
+  font-family: "Open Sans";
+  text-transform: none;
+  margin: 0 3px;
+  padding: 0 15px 0 45px;
+  border: 0;
+  height: 50px;
+  border-radius: 0;
+  font-size: 14px;
+  color: dark;
+  width: 100%;
+  outline: none;
+  font-weight: bold;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.search::placeholder {
+  color: medium;
+  font-size: 14px;
+}
+
+.search:focus {
+  outline: none;
+}
+
+.search:-webkit-autofill {
+  background-color: white;
+  background-image: none;
+  color: medium;
+}
+
+.search::placeholder {
+  color: medium;
+  font-size: 14px;
+}
+
+.coorpmanager {
+  position: relative;
+}
+
+.coorpmanager label {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  position: absolute;
+  height: 64px;
+}
+
+.coorpmanager .title {
+  flex-grow: 0;
+  font-family: Gilroy;
+  font-size: 10px;
+  font-weight: bold;
+  font-stretch: normal;
+  font-style: normal;
+  letter-spacing: normal;
+  text-align: left;
+  z-index: 1;
+  color: cm_grey_400;
+  width: max-content;
+  transition: all 0.25s ease;
+  pointer-events: none;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  position: absolute;
+  top: 7px;
+  left: 30px;
+}
+
+.coorpmanager .search {
+  height: 44px;
+  margin: 0;
+  flex-grow: 0;
+  display: flex;
+  box-sizing: border-box;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  padding: 19px 30px 5px 30px;
+  border-radius: 7px;
+  background-color: cm_grey_100;
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 44px;
+  letter-spacing: normal;
+  text-align: left;
+  color: cm_grey_700;
+  border: none;
+  transition: all 0.25s ease;
+  outline: none;
+}
+
+.coorpmanager .title.noValue {
+  font-size: 14px;
+  font-weight: 500;
+  color: cm_grey_400;
+  top: 14px;
+}
+
+.coorpmanager:focus-within .title.noValue {
+  font-size: 10px;
+  font-weight: bold;
+  color: cm_grey_400;
+  top: 7px;
+}
+
+.coorpmanager:focus-within .title.noValue {
+  width: max-content;
+  height: 8px;
+  line-height: 12px;
+  color: cm_grey_400;
+}
+
+.coorpmanager .search:hover {
+  background-color: cm_grey_150;
+}
+
+.coorpmanager .search::placeholder {
+  color: transparent;
+}
+
+.coorpmanager .clearIcon {
+  color: cm_grey_400;
+  width: 14px;
+  height: 14px;
+  position: absolute;
+  right: 15px;
+  top: 16px;
+  line-height: 16px;
+  cursor: pointer;
+}
+
+.coorpmanager .searchIcon {
+  color: #000;
+  width: 14px;
+  height: 14px;
+  position: absolute;
+  left: 30px;
+  top: 16px;
+  line-height: 16px;
+}
+
+@media tablet {
+  .search,
+  input {
+    font-size: 12px;
+  }
+
+  .search::placeholder {
+    font-size: 12px;
+  }
+}
+
+@media mobile {
+  .search {
+    font-size: 12px;
+  }
+
+  .search::placeholder {
+    font-size: 12px;
+  }
+}

package/es/atom/input-search/test/change.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/input-search/test/change.js"],"names":["browserEnv","test","React","shallow","configure","Adapter","Search","adapter","t","plan","onChange","value","is","wrapper","find","simulate","target"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,aAAvB;AACA,OAAOC,IAAP,MAAiB,KAAjB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAAQC,OAAR,EAAiBC,SAAjB,QAAiC,QAAjC;AACA,OAAOC,OAAP,MAAoB,yBAApB;AACA,OAAOC,MAAP,MAAmB,IAAnB;AAEAN,UAAU;AACVI,SAAS,CAAC;AAACG,EAAAA,OAAO,EAAE,IAAIF,OAAJ;AAAV,CAAD,CAAT;AAEAJ,IAAI,CAAC,6EAAD,EAAgFO,CAAC,IAAI;AACvFA,EAAAA,CAAC,CAACC,IAAF,CAAO,CAAP;;AAEA,QAAMC,QAAQ,GAAGC,KAAK,IAAI;AACxBH,IAAAA,CAAC,CAACI,EAAF,CAAKD,KAAL,EAAY,mBAAZ;AACD,GAFD;;AAIA,QAAME,OAAO,GAAGV,OAAO,eACrB,oBAAC,MAAD;AAAQ,IAAA,WAAW,EAAC,eAApB;AAAoC,IAAA,KAAK,EAAC,kBAA1C;AAA6D,IAAA,QAAQ,EAAEO;AAAvE,IADqB,CAAvB;AAIAG,EAAAA,OAAO,CAACC,IAAR,CAAa,OAAb,EAAsBC,QAAtB,CAA+B,OAA/B,EAAwC;AAACC,IAAAA,MAAM,EAAE;AAACL,MAAAA,KAAK,EAAE;AAAR;AAAT,GAAxC;AACD,CAZG,CAAJ","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\nimport Search from '..';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\n\ntest('should call onChange with new value when user try to change the input value', t => {\n  t.plan(1);\n\n  const onChange = value => {\n    t.is(value, 'my name is murphy');\n  };\n\n  const wrapper = shallow(\n    <Search placeholder=\"say your name\" value=\"my name is murph\" onChange={onChange} />\n  );\n\n  wrapper.find('input').simulate('input', {target: {value: 'my name is murphy'}});\n});\n"],"file":"change.js"}

package/es/atom/input-search/test/fixtures/coorpmanager-with-value.js

@@ -0,0 +1,14 @@
+export default {
+  props: {
+    value: 'big data - le retour',
+    placeholder: 'Search for a course',
+    onChange: value => {
+      console.log(value);
+    },
+    onEnter: () => console.log('pressed enter'),
+    onFocus: () => console.log('onFocus'),
+    onClear: () => console.log('clear pressed'),
+    theme: 'coorpmanager'
+  }
+};
+//# sourceMappingURL=coorpmanager-with-value.js.map

package/es/atom/input-search/test/fixtures/coorpmanager-with-value.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-search/test/fixtures/coorpmanager-with-value.js"],"names":["props","value","placeholder","onChange","console","log","onEnter","onFocus","onClear","theme"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,sBADF;AAELC,IAAAA,WAAW,EAAE,qBAFR;AAGLC,IAAAA,QAAQ,EAAEF,KAAK,IAAI;AACjBG,MAAAA,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AACD,KALI;AAMLK,IAAAA,OAAO,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,eAAZ,CANV;AAOLE,IAAAA,OAAO,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,SAAZ,CAPV;AAQLG,IAAAA,OAAO,EAAE,MAAMJ,OAAO,CAACC,GAAR,CAAY,eAAZ,CARV;AASLI,IAAAA,KAAK,EAAE;AATF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    value: 'big data - le retour',\n    placeholder: 'Search for a course',\n    onChange: value => {\n      console.log(value);\n    },\n    onEnter: () => console.log('pressed enter'),\n    onFocus: () => console.log('onFocus'),\n    onClear: () => console.log('clear pressed'),\n    theme: 'coorpmanager'\n  }\n};\n"],"file":"coorpmanager-with-value.js"}

package/es/atom/input-search/test/fixtures/coorpmanager.js

@@ -0,0 +1,13 @@
+export default {
+  props: {
+    value: '',
+    placeholder: 'Search for a course',
+    onChange: value => {
+      console.log(value);
+    },
+    onFocus: () => console.log('onFocus'),
+    onBlur: () => console.log('blur'),
+    theme: 'coorpmanager'
+  }
+};
+//# sourceMappingURL=coorpmanager.js.map

package/es/atom/input-search/test/fixtures/coorpmanager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-search/test/fixtures/coorpmanager.js"],"names":["props","value","placeholder","onChange","console","log","onFocus","onBlur","theme"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,EADF;AAELC,IAAAA,WAAW,EAAE,qBAFR;AAGLC,IAAAA,QAAQ,EAAEF,KAAK,IAAI;AACjBG,MAAAA,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AACD,KALI;AAMLK,IAAAA,OAAO,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,SAAZ,CANV;AAOLE,IAAAA,MAAM,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,MAAZ,CAPT;AAQLG,IAAAA,KAAK,EAAE;AARF;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    value: '',\n    placeholder: 'Search for a course',\n    onChange: value => {\n      console.log(value);\n    },\n    onFocus: () => console.log('onFocus'),\n    onBlur: () => console.log('blur'),\n    theme: 'coorpmanager'\n  }\n};\n"],"file":"coorpmanager.js"}

package/es/atom/input-search/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-search/test/fixtures/default.js"],"names":["props","value","placeholder","onChange","console","log","onFocus","onBlur"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,EADF;AAELC,IAAAA,WAAW,EAAE,qBAFR;AAGLC,IAAAA,QAAQ,EAAEF,KAAK,IAAI;AACjBG,MAAAA,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AACD,KALI;AAMLK,IAAAA,OAAO,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,SAAZ,CANV;AAOLE,IAAAA,MAAM,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,MAAZ;AAPT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    value: '',\n    placeholder: 'Search for a course',\n    onChange: value => {\n      console.log(value);\n    },\n    onFocus: () => console.log('onFocus'),\n    onBlur: () => console.log('blur')\n  }\n};\n"],"file":"default.js"}

package/es/atom/input-search/test/fixtures/with-value.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-search/test/fixtures/with-value.js"],"names":["props","value","placeholder","onChange","console","log","onEnter","onFocus"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,sBADF;AAELC,IAAAA,WAAW,EAAE,qBAFR;AAGLC,IAAAA,QAAQ,EAAEF,KAAK,IAAI;AACjBG,MAAAA,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AACD,KALI;AAMLK,IAAAA,OAAO,EAAE,MAAMF,OAAO,CAACC,GAAR,CAAY,eAAZ,CANV;AAOLE,IAAAA,OAAO,EAAE,MAAMH,OAAO,CAACC,GAAR,CAAY,SAAZ;AAPV;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    value: 'big data - le retour',\n    placeholder: 'Search for a course',\n    onChange: value => {\n      console.log(value);\n    },\n    onEnter: () => console.log('pressed enter'),\n    onFocus: () => console.log('onFocus')\n  }\n};\n"],"file":"with-value.js"}

package/es/atom/tag/index.js

@@ -0,0 +1,27 @@
+import _keys from "lodash/fp/keys";
+import React from 'react';
+import PropTypes from 'prop-types';
+import style from './style.css';
+const TAG_STYLES = {
+  default: style.default,
+  published: style.published,
+  revision: style.revision,
+  archived: style.archived
+};
+
+const Tag = props => {
+  const {
+    label,
+    type = 'default'
+  } = props;
+  return /*#__PURE__*/React.createElement("span", {
+    className: TAG_STYLES[type]
+  }, label);
+};
+
+Tag.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: PropTypes.string,
+  type: PropTypes.oneOf(_keys(TAG_STYLES))
+} : {};
+export default Tag;
+//# sourceMappingURL=index.js.map

package/es/atom/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/tag/index.js"],"names":["React","PropTypes","style","TAG_STYLES","default","published","revision","archived","Tag","props","label","type","propTypes","string","oneOf"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;AACjBC,EAAAA,OAAO,EAAEF,KAAK,CAACE,OADE;AAEjBC,EAAAA,SAAS,EAAEH,KAAK,CAACG,SAFA;AAGjBC,EAAAA,QAAQ,EAAEJ,KAAK,CAACI,QAHC;AAIjBC,EAAAA,QAAQ,EAAEL,KAAK,CAACK;AAJC,CAAnB;;AAOA,MAAMC,GAAG,GAAGC,KAAK,IAAI;AACnB,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,IAAI,GAAG;AAAf,MAA4BF,KAAlC;AAEA,sBAAO;AAAM,IAAA,SAAS,EAAEN,UAAU,CAACQ,IAAD;AAA3B,KAAoCD,KAApC,CAAP;AACD,CAJD;;AAMAF,GAAG,CAACI,SAAJ,2CAAgB;AACdF,EAAAA,KAAK,EAAET,SAAS,CAACY,MADH;AAEdF,EAAAA,IAAI,EAAEV,SAAS,CAACa,KAAV,CAAgB,MAAKX,UAAL,CAAhB;AAFQ,CAAhB;AAKA,eAAeK,GAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys} from 'lodash/fp';\nimport style from './style.css';\n\nconst TAG_STYLES = {\n  default: style.default,\n  published: style.published,\n  revision: style.revision,\n  archived: style.archived\n};\n\nconst Tag = props => {\n  const {label, type = 'default'} = props;\n\n  return <span className={TAG_STYLES[type]}>{label}</span>;\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES))\n};\n\nexport default Tag;\n"],"file":"index.js"}

package/es/atom/tag/style.css

@@ -0,0 +1,38 @@
+@value colors: "../../variables/colors.css";
+@value white from colors;
+@value cm_yellow_200 from colors;
+@value cm_positive_100 from colors;
+@value cm_orange_700 from colors;
+@value black from colors;
+
+.tag {
+  border-radius: 24px;
+  font-family: 'Gilroy';
+  font-size: 14px;
+  font-weight: bold;
+  min-width: 90px;
+  padding: 12px 16px;
+}
+
+.default {
+    composes: tag;
+    color: black;
+}
+
+.revision {
+    composes: tag;
+    background-color: color(cm_yellow_200 a(15%));
+    color: cm_yellow_200;
+}
+
+.published {
+    composes: tag;
+    background-color: color(cm_positive_100 a(15%));
+    color: cm_positive_100;
+}
+
+.archived {
+    composes: tag;
+    background-color: color(cm_orange_700 a(15%));
+    color: cm_orange_700;
+}

package/es/atom/tag/test/fixtures/archived.js

@@ -0,0 +1,7 @@
+export default {
+  props: {
+    label: 'Archived',
+    type: 'archived'
+  }
+};
+//# sourceMappingURL=archived.js.map

package/es/atom/tag/test/fixtures/archived.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/tag/test/fixtures/archived.js"],"names":["props","label","type"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,UADF;AAELC,IAAAA,IAAI,EAAE;AAFD;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    label: 'Archived',\n    type: 'archived'\n  }\n};\n"],"file":"archived.js"}

package/es/atom/tag/test/fixtures/default.js

@@ -0,0 +1,7 @@
+export default {
+  props: {
+    label: 'Default',
+    type: undefined
+  }
+};
+//# sourceMappingURL=default.js.map

package/es/atom/tag/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/tag/test/fixtures/default.js"],"names":["props","label","type","undefined"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,SADF;AAELC,IAAAA,IAAI,EAAEC;AAFD;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    label: 'Default',\n    type: undefined\n  }\n};\n"],"file":"default.js"}

package/es/atom/tag/test/fixtures/published.js

@@ -0,0 +1,7 @@
+export default {
+  props: {
+    label: 'Published',
+    type: 'published'
+  }
+};
+//# sourceMappingURL=published.js.map

package/es/atom/tag/test/fixtures/published.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/tag/test/fixtures/published.js"],"names":["props","label","type"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,WADF;AAELC,IAAAA,IAAI,EAAE;AAFD;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    label: 'Published',\n    type: 'published'\n  }\n};\n"],"file":"published.js"}

package/es/atom/tag/test/fixtures/revision.js

@@ -0,0 +1,7 @@
+export default {
+  props: {
+    label: 'Ongoing changes',
+    type: 'revision'
+  }
+};
+//# sourceMappingURL=revision.js.map

package/es/atom/tag/test/fixtures/revision.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/tag/test/fixtures/revision.js"],"names":["props","label","type"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,iBADF;AAELC,IAAAA,IAAI,EAAE;AAFD;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    label: 'Ongoing changes',\n    type: 'revision'\n  }\n};\n"],"file":"revision.js"}

package/es/atom/title/test/fixtures.js

@@ -2,12 +2,16 @@ import test from 'ava';
 import forEach from 'lodash/forEach';
 import renderComponentMacro from '../../../test/helpers/render-component';
 import AtomTitle from '..';
-import fixtureFixture from './fixtures/fixture';
+import fixtureFormGroupTitleWithoutSubtitle from './fixtures/form-group-title-without-subtitle';
+import fixtureFormGroupTitle from './fixtures/form-group-title';
+import fixturePageTitle from './fixtures/page-title';
 test('Atom › AtomTitle > should have valid propTypes', t => {
   t.pass();
   forEach(AtomTitle.propTypes, (value, key) => {
     t.not(value, undefined, `PropType for "Atom.AtomTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
-test('Atom › AtomTitle › Fixture › should be rendered', renderComponentMacro, AtomTitle, fixtureFixture);
+test('Atom › AtomTitle › FormGroupTitleWithoutSubtitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitleWithoutSubtitle);
+test('Atom › AtomTitle › FormGroupTitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitle);
+test('Atom › AtomTitle › PageTitle › should be rendered', renderComponentMacro, AtomTitle, fixturePageTitle);
 //# sourceMappingURL=fixtures.js.map

package/es/atom/title/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomTitle","fixtureFixture","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AAEAJ,IAAI,CAAC,gDAAD,EAAmDK,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACAL,EAAAA,OAAO,CAACE,SAAS,CAACI,SAAX,EAAsB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAT,IAAI,CAAC,iDAAD,EAAoDE,oBAApD,EAA0EC,SAA1E,EAAqFC,cAArF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTitle from '..';\nimport fixtureFixture from './fixtures/fixture';\n\ntest('Atom › AtomTitle > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomTitle.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomTitle › Fixture › should be rendered', renderComponentMacro, AtomTitle, fixtureFixture);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/title/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","AtomTitle","fixtureFormGroupTitleWithoutSubtitle","fixtureFormGroupTitle","fixturePageTitle","t","pass","propTypes","value","key","not","undefined"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,KAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,oBAAP,MAAiC,wCAAjC;AACA,OAAOC,SAAP,MAAsB,IAAtB;AACA,OAAOC,oCAAP,MAAiD,8CAAjD;AACA,OAAOC,qBAAP,MAAkC,6BAAlC;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAN,IAAI,CAAC,gDAAD,EAAmDO,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,SAAS,CAACM,SAAX,EAAsB,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,uEAAD,EAA0EE,oBAA1E,EAAgGC,SAAhG,EAA2GC,oCAA3G,CAAJ;AACAJ,IAAI,CAAC,wDAAD,EAA2DE,oBAA3D,EAAiFC,SAAjF,EAA4FE,qBAA5F,CAAJ;AACAL,IAAI,CAAC,mDAAD,EAAsDE,oBAAtD,EAA4EC,SAA5E,EAAuFG,gBAAvF,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomTitle from '..';\nimport fixtureFormGroupTitleWithoutSubtitle from './fixtures/form-group-title-without-subtitle';\nimport fixtureFormGroupTitle from './fixtures/form-group-title';\nimport fixturePageTitle from './fixtures/page-title';\n\ntest('Atom › AtomTitle > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomTitle.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomTitle.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomTitle › FormGroupTitleWithoutSubtitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitleWithoutSubtitle);\ntest('Atom › AtomTitle › FormGroupTitle › should be rendered', renderComponentMacro, AtomTitle, fixtureFormGroupTitle);\ntest('Atom › AtomTitle › PageTitle › should be rendered', renderComponentMacro, AtomTitle, fixturePageTitle);\n"],"file":"fixtures.js"}

package/es/molecule/banner/style.css

@@ -6,7 +6,7 @@
 @value cm_negative_50 from colors;
 @value cm_negative_200 from colors;
 @value cm_warning_50 from colors;
-@value cm_warning_200 from colors;
+@value cm_yellow_200 from colors;
 
 .banner {
     display: flex;
@@ -17,7 +17,7 @@
     padding: 16px 24px; 
     border-radius: 5px;
     background-color: cm_warning_50;
-    color: cm_warning_200;
+    color: cm_yellow_200;
     border-radius: 5px;
 }
 
@@ -40,7 +40,7 @@
     align-self: stretch;
     flex-grow: 0;
     opacity: 0.1;
-    background-color: cm_warning_200;
+    background-color: cm_yellow_200;
 }
 
 .icon {

package/es/molecule/cm-popin/index.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaSolidStatusClose as Close } from '@coorpacademy/nova-icons';
-import classNames from 'classnames';
-import Cta from '../../atom/button';
+import Cta from '../../atom/button-link';
 import style from './style.css';
 
 const CMPopin = props => {
@@ -43,31 +42,38 @@ const CMPopin = props => {
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: style.buttonContainer
-  }, firstButton ? /*#__PURE__*/React.createElement(Cta, {
-    submitValue: firstButton.label,
+  }, firstButton ? /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, /*#__PURE__*/React.createElement(Cta, {
+    label: firstButton.label,
     onClick: firstButton.handleOnclick,
-    name: `cm-popin-cta`,
-    className: style.button,
-    buttonContentClassName: style.buttonContent
-  }) : null, secondButton ? /*#__PURE__*/React.createElement(Cta, {
-    submitValue: secondButton.label,
+    "data-name": `cm-popin-cta`,
+    "aria-lable": firstButton.ariaLabel,
+    type: firstButton.type
+  })) : null, secondButton ? /*#__PURE__*/React.createElement("div", {
+    className: style.button
+  }, /*#__PURE__*/React.createElement(Cta, {
+    label: secondButton.label,
     onClick: secondButton.handleOnclick,
-    name: `cm-popin-cta-${secondButton.type}`,
-    className: style.button,
-    buttonContentClassName: classNames([style.buttonContent, secondButton.type === 'dangerous' ? style.dangerousButton : style.coloredButton])
-  }) : null)), ")");
+    "data-name": `cm-popin-cta-${secondButton.type}`,
+    "aria-lable": firstButton.ariaLabel,
+    type: secondButton.type
+  })) : null)), ")");
 };
 
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   content: PropTypes.string,
   firstButton: PropTypes.shape({
     label: PropTypes.string,
-    handleOnclick: PropTypes.func
+    handleOnclick: PropTypes.func,
+    ariaLabel: PropTypes.string,
+    type: PropTypes.string
   }),
   secondButton: PropTypes.shape({
     label: PropTypes.string,
     handleOnclick: PropTypes.func,
-    type: PropTypes.oneOf(['warning', 'warningWithClose', 'dangerous', 'default'])
+    type: PropTypes.oneOf(['dangerous', 'primary']),
+    ariaLabel: PropTypes.string
   }),
   onClose: PropTypes.func,
   icon: PropTypes.string

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaSolidStatusClose","Close","classNames","Cta","style","CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","LogoComponent","background","popin","popinHeader","headerCloseIconContainer","headerCloseIcon","contentSection","__html","buttonContainer","label","handleOnclick","button","buttonContent","type","dangerousButton","coloredButton","propTypes","string","shape","func","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classNames from 'classnames';\nimport Cta from '../../atom/button';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {content, firstButton, secondButton, onClose, icon} = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  return (\n    <div className={style.background}>\n      <div className={style.popin}>\n        <header className={style.popinHeader}>\n          {onClose ? (\n            <div\n              className={style.headerCloseIconContainer}\n              onClick={onClose}\n              data-name={'close-icon'}\n            >\n              <Close className={style.headerCloseIcon} />\n            </div>\n          ) : null}\n        </header>\n        <div className={style.contentSection}>\n          {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n          <p\n            className={style.content}\n            data-name={`cm-popin-content`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        </div>\n\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <Cta\n              submitValue={firstButton.label}\n              onClick={firstButton.handleOnclick}\n              name={`cm-popin-cta`}\n              className={style.button}\n              buttonContentClassName={style.buttonContent}\n            />\n          ) : null}\n          {secondButton ? (\n            <Cta\n              submitValue={secondButton.label}\n              onClick={secondButton.handleOnclick}\n              name={`cm-popin-cta-${secondButton.type}`}\n              className={style.button}\n              buttonContentClassName={classNames([\n                style.buttonContent,\n                secondButton.type === 'dangerous' ? style.dangerousButton : style.coloredButton\n              ])}\n            />\n          ) : null}\n        </div>\n      </div>\n      )\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['warning', 'warningWithClose', 'dangerous', 'default'])\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/molecule/cm-popin/index.js"],"names":["React","PropTypes","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaSolidStatusClose","Close","Cta","style","CMPopin","props","content","firstButton","secondButton","onClose","icon","logo","LogoComponent","background","popin","popinHeader","headerCloseIconContainer","headerCloseIcon","contentSection","__html","buttonContainer","button","label","handleOnclick","ariaLabel","type","propTypes","string","shape","func","oneOf"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport Cta from '../../atom/button-link';\nimport style from './style.css';\n\nconst CMPopin = props => {\n  const {content, firstButton, secondButton, onClose, icon} = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload\n  };\n  const LogoComponent = logo[icon];\n\n  return (\n    <div className={style.background}>\n      <div className={style.popin}>\n        <header className={style.popinHeader}>\n          {onClose ? (\n            <div\n              className={style.headerCloseIconContainer}\n              onClick={onClose}\n              data-name={'close-icon'}\n            >\n              <Close className={style.headerCloseIcon} />\n            </div>\n          ) : null}\n        </header>\n        <div className={style.contentSection}>\n          {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n          <p\n            className={style.content}\n            data-name={`cm-popin-content`}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        </div>\n\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={`cm-popin-cta`}\n                aria-lable={firstButton.ariaLabel}\n                type={firstButton.type}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-lable={firstButton.ariaLabel}\n                type={secondButton.type}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n      )\n    </div>\n  );\n};\n\nCMPopin.propTypes = {\n  content: PropTypes.string,\n  firstButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    ariaLabel: PropTypes.string,\n    type: PropTypes.string\n  }),\n  secondButton: PropTypes.shape({\n    label: PropTypes.string,\n    handleOnclick: PropTypes.func,\n    type: PropTypes.oneOf(['dangerous', 'primary']),\n    ariaLabel: PropTypes.string\n  }),\n  onClose: PropTypes.func,\n  icon: PropTypes.string\n};\n\nexport default CMPopin;\n"],"file":"index.js"}

package/es/molecule/cm-popin/style.css

@@ -74,52 +74,10 @@
 }
 
 .button {
-  min-width: auto;
-  margin: 0px 8px;
-  border-radius: 7px;
-  transform: none;
-}
-
-.dangerousButton {
-  background-color: cm_negative_100;
-  color: white;
-}
-
-.coloredButton {
-  background-color: cm_primary_blue;
-  color: white;
-}
-
-.dangerousButton:hover {
-  background-color: cm_negative_200;
-}
-
-.coloredButton:hover {
-  background-color: cm_blue_600;
+  width: 160px;
+  padding: 8px;
 }
 
-.button::after,
-.button:hover::after,
-.button:focus::after,
-.button:active::after {
-  transform: none;
-}
-
-
-.buttonContent {
-  width: 180px;
-  padding: 12px 24px;
-  line-height: 1.43;
-  font-size: 14px;
-  font-weight: bold;
-  display: block;
-  text-transform: inherit;
-  font-family: Gilroy;
-  text-align: center;
-  box-sizing: border-box;
-  border: none;
-  cursor: pointer;
-}
 .icon {
   width: 60px;
   height: 60px;

package/es/molecule/cm-popin/test/fixtures/dangerous.js

@@ -4,11 +4,14 @@ export default {
     icon: 'AlertDiamond',
     firstButton: {
       label: 'Cancel',
+      type: 'secondary',
+      'aria-lable': 'Cancel this operation',
       handleOnClick: () => {}
     },
     secondButton: {
       label: 'Undo',
       type: 'dangerous',
+      'aria-lable': 'Undo this operation',
       handleOnClick: () => {}
     }
   }

package/es/molecule/cm-popin/test/fixtures/dangerous.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/molecule/cm-popin/test/fixtures/dangerous.js"],"names":["props","content","icon","firstButton","label","handleOnClick","secondButton","type"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,2DADJ;AAELC,IAAAA,IAAI,EAAE,cAFD;AAGLC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,QADI;AAEXC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAFZ,KAHR;AAOLC,IAAAA,YAAY,EAAE;AACZF,MAAAA,KAAK,EAAE,MADK;AAEZG,MAAAA,IAAI,EAAE,WAFM;AAGZF,MAAAA,aAAa,EAAE,MAAM,CAAE;AAHX;AAPT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    content: 'Are you sure to undo this changes? This will be permanent',\n    icon: 'AlertDiamond',\n    firstButton: {\n      label: 'Cancel',\n      handleOnClick: () => {}\n    },\n    secondButton: {\n      label: 'Undo',\n      type: 'dangerous',\n      handleOnClick: () => {}\n    }\n  }\n};\n"],"file":"dangerous.js"}
+{"version":3,"sources":["../../../../../src/molecule/cm-popin/test/fixtures/dangerous.js"],"names":["props","content","icon","firstButton","label","type","handleOnClick","secondButton"],"mappings":"AAAA,eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE,2DADJ;AAELC,IAAAA,IAAI,EAAE,cAFD;AAGLC,IAAAA,WAAW,EAAE;AACXC,MAAAA,KAAK,EAAE,QADI;AAEXC,MAAAA,IAAI,EAAE,WAFK;AAGX,oBAAc,uBAHH;AAIXC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAJZ,KAHR;AASLC,IAAAA,YAAY,EAAE;AACZH,MAAAA,KAAK,EAAE,MADK;AAEZC,MAAAA,IAAI,EAAE,WAFM;AAGZ,oBAAc,qBAHF;AAIZC,MAAAA,aAAa,EAAE,MAAM,CAAE;AAJX;AATT;AADM,CAAf","sourcesContent":["export default {\n  props: {\n    content: 'Are you sure to undo this changes? This will be permanent',\n    icon: 'AlertDiamond',\n    firstButton: {\n      label: 'Cancel',\n      type: 'secondary',\n      'aria-lable': 'Cancel this operation',\n      handleOnClick: () => {}\n    },\n    secondButton: {\n      label: 'Undo',\n      type: 'dangerous',\n      'aria-lable': 'Undo this operation',\n      handleOnClick: () => {}\n    }\n  }\n};\n"],"file":"dangerous.js"}

package/es/molecule/cm-popin/test/fixtures/default.js

@@ -4,12 +4,15 @@ export default {
     icon: 'WindowUpload',
     firstButton: {
       label: 'Cancel',
-      handleOnClick: () => {}
+      type: 'secondary',
+      handleOnClick: () => {},
+      'aria-lable': 'Cancel this operation'
     },
     secondButton: {
       label: 'Undo',
-      type: 'warning',
-      handleOnClick: () => {}
+      type: 'primary',
+      handleOnClick: () => {},
+      'aria-lable': 'Undo this operation'
     }
   }
 };