@coorpacademy/components 10.0.40 → 10.0.44-alpha.1

package/es/template/teams-dashboard/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/teams-dashboard/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateTeamsDashboard","fixtureDefault","fixtureIsLoading","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,sBAAP,MAAmC,IAAnC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AAEAL,IAAI,CAAC,iEAAD,EAAoEM,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAN,EAAAA,OAAO,CAACE,sBAAsB,CAACK,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAV,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHC,cAAnH,CAAJ;AACAJ,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,sBAA7F,EAAqHE,gBAArH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport TemplateTeamsDashboard from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureIsLoading from './fixtures/is-loading';\n\ntest('Template › TemplateTeamsDashboard > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateTeamsDashboard.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Template.TemplateTeamsDashboard.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Template › TemplateTeamsDashboard › Default › should be rendered', renderComponentMacro, TemplateTeamsDashboard, fixtureDefault);\ntest('Template › TemplateTeamsDashboard › IsLoading › should be rendered', renderComponentMacro, TemplateTeamsDashboard, fixtureIsLoading);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/template/teams-dashboard/test/fixtures.js"],"names":["test","forEach","renderComponentMacro","TemplateTeamsDashboard","fixtureDefault","fixtureIsLoading","fixtureMobile","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,sBAAP,MAAmC,IAAnC;AACA,OAAOC,cAAP,MAA2B,oBAA3B;AACA,OAAOC,gBAAP,MAA6B,uBAA7B;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AAEAN,IAAI,CAAC,iEAAD,EAAoEO,CAAC,IAAI;AAC3EA,EAAAA,CAAC,CAACC,IAAF;AACAP,EAAAA,OAAO,CAACE,sBAAsB,CAACM,SAAxB,EAAmC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDJ,IAAAA,CAAC,CAACK,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,2DAA0DF,GAAI,mEAAvF;AACD,GAFM,CAAP;AAGD,CALG,CAAJ;AAOAX,IAAI,CAAC,kEAAD,EAAqEE,oBAArE,EAA2FC,sBAA3F,EAAmHC,cAAnH,CAAJ;AACAJ,IAAI,CAAC,oEAAD,EAAuEE,oBAAvE,EAA6FC,sBAA7F,EAAqHE,gBAArH,CAAJ;AACAL,IAAI,CAAC,iEAAD,EAAoEE,oBAApE,EAA0FC,sBAA1F,EAAkHG,aAAlH,CAAJ","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport TemplateTeamsDashboard from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureIsLoading from './fixtures/is-loading';\nimport fixtureMobile from './fixtures/mobile';\n\ntest('Template › TemplateTeamsDashboard > should have valid propTypes', t => {\n  t.pass();\n  forEach(TemplateTeamsDashboard.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Template.TemplateTeamsDashboard.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Template › TemplateTeamsDashboard › Default › should be rendered', renderComponentMacro, TemplateTeamsDashboard, fixtureDefault);\ntest('Template › TemplateTeamsDashboard › IsLoading › should be rendered', renderComponentMacro, TemplateTeamsDashboard, fixtureIsLoading);\ntest('Template › TemplateTeamsDashboard › Mobile › should be rendered', renderComponentMacro, TemplateTeamsDashboard, fixtureMobile);\n"],"file":"fixtures.js"}

package/es/variables/colors.css

@@ -32,6 +32,11 @@
 @value cm_grey_50: #FAFAFA;
 @value cm_grey_100: #EAEAEB;
 @value cm_grey_200: #d7d7da;
+@value cm_grey_400: #9999A8;
 @value cm_grey_500: #515161;
 @value cm_grey_700: #1D1D2B;
-@value cm_negative_200: #b81400;
+@value cm_negative_200: #b81400;
+@value cm_orange_700: #ff4105;
+@value cm_green_200: #16ac8c;
+@value cm_green_50: #e8fcf8;
+@value cm_pink_50: #ffefeb;

package/lib/atom/input-checkbox/index.js

@@ -9,6 +9,8 @@ var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _getClassState = _interopRequireDefault(require("../../util/get-class-state"));
@@ -21,6 +23,12 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+const titleStylesClassNames = {
+  primary: _style.default.primary,
+  secondary: _style.default.secondary,
+  tertiary: _style.default.tertiary
+};
+
 const InputCheckbox = props => {
   const {
     checked,
@@ -28,18 +36,18 @@ const InputCheckbox = props => {
     error,
     disabled,
     required,
+    titleStyle = 'primary',
     modified = false,
     title: propsTitle
   } = props;
+  const titleStyleClassName = titleStylesClassNames[titleStyle];
   const idCheckbox = (0, _uniqueId2.default)('input-checkbox-');
   const title = `${propsTitle}${required ? '*' : ''}`;
   const handleChange = (0, _react.useMemo)(() => e => onChange(e.target.checked), [onChange]);
   const className = (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: className
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.title
-  }, title), /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("input", {
     type: "checkbox",
     className: _style.default.checkbox,
     name: title,
@@ -49,7 +57,11 @@ const InputCheckbox = props => {
     disabled: disabled
   }), /*#__PURE__*/_react.default.createElement("label", {
     htmlFor: idCheckbox
-  }));
+  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusValidate, {
+    className: _style.default.icon
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: titleStyleClassName
+  }, title));
 };
 
 InputCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -59,7 +71,8 @@ InputCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
   checked: _propTypes.default.bool,
   error: _propTypes.default.bool,
   onChange: _propTypes.default.func,
-  modified: _propTypes.default.bool
+  modified: _propTypes.default.bool,
+  titleStyle: _propTypes.default.oneOf(['primary', 'secondary', 'tertiary'])
 } : {};
 var _default = InputCheckbox;
 exports.default = _default;

package/lib/atom/input-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/input-checkbox/index.js"],"names":["InputCheckbox","props","checked","onChange","error","disabled","required","modified","title","propsTitle","idCheckbox","handleChange","e","target","className","style","default","checkbox","propTypes","PropTypes","string","isRequired","bool","func"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAAQ,iBAFJ;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,QAAQ,GAAG,KANP;AAOJC,IAAAA,KAAK,EAAEC;AAPH,MAQFR,KARJ;AAUA,QAAMS,UAAU,GAAG,wBAAS,iBAAT,CAAnB;AACA,QAAMF,KAAK,GAAI,GAAEC,UAAW,GAAEH,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMK,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIT,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASX,OAAV,CAA3B,EAA+C,CAACC,QAAD,CAA/C,CAArB;AACA,QAAMW,SAAS,GAAG,4BAAcC,eAAMC,OAApB,EAA6BD,eAAMR,QAAnC,EAA6CQ,eAAMX,KAAnD,EAA0DG,QAA1D,EAAoEH,KAApE,CAAlB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEU;AAAhB,kBACE;AAAM,IAAA,SAAS,EAAEC,eAAMP;AAAvB,KAA+BA,KAA/B,CADF,eAEE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,SAAS,EAAEO,eAAME,QAFnB;AAGE,IAAA,IAAI,EAAET,KAHR;AAIE,IAAA,EAAE,EAAEE,UAJN;AAKE,IAAA,OAAO,EAAER,OALX;AAME,IAAA,QAAQ,EAAES,YANZ;AAOE,IAAA,QAAQ,EAAEN;AAPZ,IAFF,eAWE;AAAO,IAAA,OAAO,EAAEK;AAAhB,IAXF,CADF;AAeD,CA/BD;;AAiCAV,aAAa,CAACkB,SAAd,2CAA0B;AACxBV,EAAAA,KAAK,EAAEW,mBAAUC,MAAV,CAAiBC,UADA;AAExBhB,EAAAA,QAAQ,EAAEc,mBAAUG,IAFI;AAGxBhB,EAAAA,QAAQ,EAAEa,mBAAUG,IAHI;AAIxBpB,EAAAA,OAAO,EAAEiB,mBAAUG,IAJK;AAKxBlB,EAAAA,KAAK,EAAEe,mBAAUG,IALO;AAMxBnB,EAAAA,QAAQ,EAAEgB,mBAAUI,IANI;AAOxBhB,EAAAA,QAAQ,EAAEY,mBAAUG;AAPI,CAA1B;eAUetB,a","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    modified = false,\n    title: propsTitle\n  } = props;\n\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n\n  return (\n    <div className={className}>\n      <span className={style.title}>{title}</span>\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <label htmlFor={idCheckbox} />\n    </div>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool\n};\n\nexport default InputCheckbox;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/input-checkbox/index.js"],"names":["titleStylesClassNames","primary","style","secondary","tertiary","InputCheckbox","props","checked","onChange","error","disabled","required","titleStyle","modified","title","propsTitle","titleStyleClassName","idCheckbox","handleChange","e","target","className","default","checkbox","icon","propTypes","PropTypes","string","isRequired","bool","func","oneOf"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,qBAAqB,GAAG;AAC5BC,EAAAA,OAAO,EAAEC,eAAMD,OADa;AAE5BE,EAAAA,SAAS,EAAED,eAAMC,SAFW;AAG5BC,EAAAA,QAAQ,EAAEF,eAAME;AAHY,CAA9B;;AAMA,MAAMC,aAAa,GAAGC,KAAK,IAAI;AAC7B,QAAM;AACJC,IAAAA,OADI;AAEJC,IAAAA,QAAQ,iBAFJ;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,QAJI;AAKJC,IAAAA,QALI;AAMJC,IAAAA,UAAU,GAAG,SANT;AAOJC,IAAAA,QAAQ,GAAG,KAPP;AAQJC,IAAAA,KAAK,EAAEC;AARH,MASFT,KATJ;AAWA,QAAMU,mBAAmB,GAAGhB,qBAAqB,CAACY,UAAD,CAAjD;AACA,QAAMK,UAAU,GAAG,wBAAS,iBAAT,CAAnB;AACA,QAAMH,KAAK,GAAI,GAAEC,UAAW,GAAEJ,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMO,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIX,QAAQ,CAACW,CAAC,CAACC,MAAF,CAASb,OAAV,CAA3B,EAA+C,CAACC,QAAD,CAA/C,CAArB;AACA,QAAMa,SAAS,GAAG,4BAAcnB,eAAMoB,OAApB,EAA6BpB,eAAMW,QAAnC,EAA6CX,eAAMO,KAAnD,EAA0DI,QAA1D,EAAoEJ,KAApE,CAAlB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEY;AAAhB,kBACE;AACE,IAAA,IAAI,EAAC,UADP;AAEE,IAAA,SAAS,EAAEnB,eAAMqB,QAFnB;AAGE,IAAA,IAAI,EAAET,KAHR;AAIE,IAAA,EAAE,EAAEG,UAJN;AAKE,IAAA,OAAO,EAAEV,OALX;AAME,IAAA,QAAQ,EAAEW,YANZ;AAOE,IAAA,QAAQ,EAAER;AAPZ,IADF,eAUE;AAAO,IAAA,OAAO,EAAEO;AAAhB,kBACE,6BAAC,kCAAD;AAAW,IAAA,SAAS,EAAEf,eAAMsB;AAA5B,IADF,CAVF,eAaE;AAAM,IAAA,SAAS,EAAER;AAAjB,KAAuCF,KAAvC,CAbF,CADF;AAiBD,CAnCD;;AAqCAT,aAAa,CAACoB,SAAd,2CAA0B;AACxBX,EAAAA,KAAK,EAAEY,mBAAUC,MAAV,CAAiBC,UADA;AAExBlB,EAAAA,QAAQ,EAAEgB,mBAAUG,IAFI;AAGxBlB,EAAAA,QAAQ,EAAEe,mBAAUG,IAHI;AAIxBtB,EAAAA,OAAO,EAAEmB,mBAAUG,IAJK;AAKxBpB,EAAAA,KAAK,EAAEiB,mBAAUG,IALO;AAMxBrB,EAAAA,QAAQ,EAAEkB,mBAAUI,IANI;AAOxBjB,EAAAA,QAAQ,EAAEa,mBAAUG,IAPI;AAQxBjB,EAAAA,UAAU,EAAEc,mBAAUK,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,EAAyB,UAAzB,CAAhB;AARY,CAA1B;eAWe1B,a","sourcesContent":["import React, {useMemo} from 'react';\nimport {NovaSolidStatusValidate as CheckIcon} from '@coorpacademy/nova-icons';\nimport PropTypes from 'prop-types';\nimport {noop, uniqueId} from 'lodash/fp';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst titleStylesClassNames = {\n  primary: style.primary,\n  secondary: style.secondary,\n  tertiary: style.tertiary\n};\n\nconst InputCheckbox = props => {\n  const {\n    checked,\n    onChange = noop,\n    error,\n    disabled,\n    required,\n    titleStyle = 'primary',\n    modified = false,\n    title: propsTitle\n  } = props;\n\n  const titleStyleClassName = titleStylesClassNames[titleStyle];\n  const idCheckbox = uniqueId('input-checkbox-');\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useMemo(() => e => onChange(e.target.checked), [onChange]);\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n\n  return (\n    <div className={className}>\n      <input\n        type=\"checkbox\"\n        className={style.checkbox}\n        name={title}\n        id={idCheckbox}\n        checked={checked}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <label htmlFor={idCheckbox}>\n        <CheckIcon className={style.icon} />\n      </label>\n      <span className={titleStyleClassName}>{title}</span>\n    </div>\n  );\n};\n\nInputCheckbox.propTypes = {\n  title: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  checked: PropTypes.bool,\n  error: PropTypes.bool,\n  onChange: PropTypes.func,\n  modified: PropTypes.bool,\n  titleStyle: PropTypes.oneOf(['primary', 'secondary', 'tertiary'])\n};\n\nexport default InputCheckbox;\n"],"file":"index.js"}

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

@@ -2,9 +2,19 @@
 @value dark from colors;
 @value xtraLightGrey from colors;
 @value light from colors;
+@value white from colors;
 @value orange from colors;
 @value brand from colors;
 @value battle from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_100 from colors;
+@value cm_blue_600 from colors;
+@value cm_blue_50 from colors;
+@value cm_orange_700 from colors;
+@value cm_pink_50 from colors;
+@value cm_green_200 from colors;
+@value cm_green_50 from colors;
+@value cm_primary_blue from colors;
 
 .default {
   display: flex;
@@ -22,51 +32,70 @@
   display: none;
 }
 
+.icon {
+  display: none;
+  width: 16px;
+  height: 14px;
+  color: white;
+}
+
 .title {
-  font-family: "Open Sans";
+  font-family: Gilroy;
   font-size: 15px;
   text-transform: none;
-  color: dark;
-  width: 180px;
+  margin: 0 6px;
+  padding: 4px 8px;
+  border-radius: 27px;
 }
 
-.checkbox:not(:checked) + label::after,
-.checkbox:checked + label::after {
-  content: '✔';
-  position: absolute;
-  top: 6px;
-  left: 5px;
-  font-size: 18px;
-  line-height: 0.8;
-  color: brand;
-  transition: all 0.2s;
+.tertiary {
+  composes: title;
+  color: cm_green_200;
+  background-color: cm_green_50;
 }
 
-/* checked mark aspect changes */
-.checkbox:not(:checked) + label::after {
-  opacity: 0;
-  transform: scale(0);
+.secondary {
+  composes: title;
+  color: cm_orange_700;
+  background-color: cm_pink_50;
 }
 
-.checkbox:checked + label::after {
-  opacity: 1;
-  transform: scale(1);
+.primary {
+  composes: title;
+  color: cm_blue_600;
+  background-color: cm_blue_50;
 }
 
 .default label {
-  border: solid 2px light;
-  background-color: xtraLightGrey;
+  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: 2px;
+  border-radius: 5px;
   font-size: 14px;
   color: dark;
-  margin-left: 20px;
+  margin-right: 6px;
   position: relative;
 }
 
+.checkbox:disabled + label {
+  opacity: 0.4;
+}
+
+.checkbox:checked + label {
+  border: solid 1px cm_primary_blue;
+  background-color: cm_primary_blue;
+}
+
+.checkbox:checked + label .icon {
+  display: flex;
+}
+
 .error label {
-  border: 3px solid orange;
+  border: 1px solid orange;
 }
 
 .error input {

package/lib/{template/back-office/brand-update/test/fixtures/home.js → atom/input-checkbox/test/fixtures/checked-disabled.js}

@@ -14,11 +14,9 @@ const {
 } = _default2.default;
 var _default = {
   props: (0, _defaultsDeep2.default)(props, {
-    content: {
-      type: 'dashoard',
-      text: 'Welcome to coorpmanager'
-    }
+    checked: true,
+    disabled: true
   })
 };
 exports.default = _default;
-//# sourceMappingURL=home.js.map
+//# sourceMappingURL=checked-disabled.js.map

package/lib/atom/input-checkbox/test/fixtures/checked-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/input-checkbox/test/fixtures/checked-disabled.js"],"names":["props","Default","checked","disabled"],"mappings":";;;;;;;AACA;;;;AAEA,MAAM;AAACA,EAAAA;AAAD,IAAUC,iBAAhB;eAEe;AACbD,EAAAA,KAAK,EAAE,4BAAaA,KAAb,EAAoB;AACzBE,IAAAA,OAAO,EAAE,IADgB;AAEzBC,IAAAA,QAAQ,EAAE;AAFe,GAApB;AADM,C","sourcesContent":["import {defaultsDeep} from 'lodash/fp';\nimport Default from './default';\n\nconst {props} = Default;\n\nexport default {\n  props: defaultsDeep(props, {\n    checked: true,\n    disabled: true\n  })\n};\n"],"file":"checked-disabled.js"}

package/lib/atom/input-checkbox/test/fixtures.js

@@ -8,6 +8,8 @@ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/ren
 
 var _ = _interopRequireDefault(require(".."));
 
+var _checkedDisabled = _interopRequireDefault(require("./fixtures/checked-disabled"));
+
 var _checked = _interopRequireDefault(require("./fixtures/checked"));
 
 var _default = _interopRequireDefault(require("./fixtures/default"));
@@ -28,6 +30,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     t.not(value, undefined, `PropType for "Atom.AtomInputCheckbox.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
+(0, _ava.default)('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', _renderComponent.default, _.default, _checkedDisabled.default);
 (0, _ava.default)('Atom › AtomInputCheckbox › Checked › should be rendered', _renderComponent.default, _.default, _checked.default);
 (0, _ava.default)('Atom › AtomInputCheckbox › Default › should be rendered', _renderComponent.default, _.default, _default.default);
 (0, _ava.default)('Atom › AtomInputCheckbox › Disabled › should be rendered', _renderComponent.default, _.default, _disabled.default);

package/lib/atom/input-checkbox/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["t","pass","AtomInputCheckbox","propTypes","value","key","not","undefined","renderComponentMacro","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,yDAAL,EAAgEG,wBAAhE,EAAsFN,SAAtF,EAAyGO,gBAAzG;AACA,kBAAK,yDAAL,EAAgED,wBAAhE,EAAsFN,SAAtF,EAAyGQ,gBAAzG;AACA,kBAAK,0DAAL,EAAiEF,wBAAjE,EAAuFN,SAAvF,EAA0GS,iBAA1G;AACA,kBAAK,uDAAL,EAA8DH,wBAA9D,EAAoFN,SAApF,EAAuGU,cAAvG;AACA,kBAAK,0DAAL,EAAiEJ,wBAAjE,EAAuFN,SAAvF,EAA0GW,iBAA1G;AACA,kBAAK,0DAAL,EAAiEL,wBAAjE,EAAuFN,SAAvF,EAA0GY,iBAA1G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputCheckbox.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/input-checkbox/test/fixtures.js"],"names":["t","pass","AtomInputCheckbox","propTypes","value","key","not","undefined","renderComponentMacro","fixtureCheckedDisabled","fixtureChecked","fixtureDefault","fixtureDisabled","fixtureError","fixtureModified","fixtureRequired"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,wDAAL,EAA+DA,CAAC,IAAI;AAClEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAkBC,SAA1B,EAAqC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACnDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,kDAAiDF,GAAI,mEAA9E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,iEAAL,EAAwEG,wBAAxE,EAA8FN,SAA9F,EAAiHO,wBAAjH;AACA,kBAAK,yDAAL,EAAgED,wBAAhE,EAAsFN,SAAtF,EAAyGQ,gBAAzG;AACA,kBAAK,yDAAL,EAAgEF,wBAAhE,EAAsFN,SAAtF,EAAyGS,gBAAzG;AACA,kBAAK,0DAAL,EAAiEH,wBAAjE,EAAuFN,SAAvF,EAA0GU,iBAA1G;AACA,kBAAK,uDAAL,EAA8DJ,wBAA9D,EAAoFN,SAApF,EAAuGW,cAAvG;AACA,kBAAK,0DAAL,EAAiEL,wBAAjE,EAAuFN,SAAvF,EAA0GY,iBAA1G;AACA,kBAAK,0DAAL,EAAiEN,wBAAjE,EAAuFN,SAAvF,EAA0Ga,iBAA1G","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomInputCheckbox from '..';\nimport fixtureCheckedDisabled from './fixtures/checked-disabled';\nimport fixtureChecked from './fixtures/checked';\nimport fixtureDefault from './fixtures/default';\nimport fixtureDisabled from './fixtures/disabled';\nimport fixtureError from './fixtures/error';\nimport fixtureModified from './fixtures/modified';\nimport fixtureRequired from './fixtures/required';\n\ntest('Atom › AtomInputCheckbox > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomInputCheckbox.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomInputCheckbox.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomInputCheckbox › CheckedDisabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureCheckedDisabled);\ntest('Atom › AtomInputCheckbox › Checked › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureChecked);\ntest('Atom › AtomInputCheckbox › Default › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDefault);\ntest('Atom › AtomInputCheckbox › Disabled › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureDisabled);\ntest('Atom › AtomInputCheckbox › Error › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureError);\ntest('Atom › AtomInputCheckbox › Modified › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureModified);\ntest('Atom › AtomInputCheckbox › Required › should be rendered', renderComponentMacro, AtomInputCheckbox, fixtureRequired);\n"],"file":"fixtures.js"}

package/lib/atom/title/index.js

@@ -11,22 +11,46 @@ var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+const getTitleStype = type => {
+  switch (type) {
+    case 'page':
+      return _style.default.titlePage;
+
+    case 'form-group':
+      return _style.default.titleFormGroup;
+  }
+};
+
+const getSubtitleStype = type => {
+  switch (type) {
+    case 'page':
+      return _style.default.subtitlePage;
+
+    case 'form-group':
+      return _style.default.subtitleFormGroup;
+  }
+};
+
 const Title = props => {
   const {
     title,
-    subtitle
+    subtitle,
+    type
   } = props;
+  const titleStyle = getTitleStype(type);
+  const subtitleStyle = getSubtitleStype(type);
   const subtitleSection = subtitle ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.subtitle
+    className: subtitleStyle
   }, subtitle) : null;
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.title
+    className: titleStyle
   }, title), subtitleSection);
 };
 
 Title.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
-  subtitle: _propTypes.default.string
+  subtitle: _propTypes.default.string,
+  type: _propTypes.default.oneOf(['page', 'form-group'])
 } : {};
 var _default = Title;
 exports.default = _default;

package/lib/atom/title/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/title/index.js"],"names":["Title","props","title","subtitle","subtitleSection","style","propTypes","PropTypes","string"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA;AAAR,MAAoBF,KAA1B;AAEA,QAAMG,eAAe,GAAGD,QAAQ,gBAAG;AAAK,IAAA,SAAS,EAAEE,eAAMF;AAAtB,KAAiCA,QAAjC,CAAH,GAAsD,IAAtF;AAEA,sBACE,uDACE;AAAK,IAAA,SAAS,EAAEE,eAAMH;AAAtB,KAA8BA,KAA9B,CADF,EAEGE,eAFH,CADF;AAMD,CAXD;;AAaAJ,KAAK,CAACM,SAAN,2CAAkB;AAChBJ,EAAAA,KAAK,EAAEK,mBAAUC,MADD;AAEhBL,EAAAA,QAAQ,EAAEI,mBAAUC;AAFJ,CAAlB;eAIeR,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst Title = props => {\n  const {title, subtitle} = props;\n\n  const subtitleSection = subtitle ? <div className={style.subtitle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={style.title}>{title}</div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string\n};\nexport default Title;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/title/index.js"],"names":["getTitleStype","type","style","titlePage","titleFormGroup","getSubtitleStype","subtitlePage","subtitleFormGroup","Title","props","title","subtitle","titleStyle","subtitleStyle","subtitleSection","propTypes","PropTypes","string","oneOf"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAGC,IAAI,IAAI;AAC5B,UAAQA,IAAR;AACE,SAAK,MAAL;AACE,aAAOC,eAAMC,SAAb;;AACF,SAAK,YAAL;AACE,aAAOD,eAAME,cAAb;AAJJ;AAMD,CAPD;;AASA,MAAMC,gBAAgB,GAAGJ,IAAI,IAAI;AAC/B,UAAQA,IAAR;AACE,SAAK,MAAL;AACE,aAAOC,eAAMI,YAAb;;AACF,SAAK,YAAL;AACE,aAAOJ,eAAMK,iBAAb;AAJJ;AAMD,CAPD;;AASA,MAAMC,KAAK,GAAGC,KAAK,IAAI;AACrB,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,QAAR;AAAkBV,IAAAA;AAAlB,MAA0BQ,KAAhC;AACA,QAAMG,UAAU,GAAGZ,aAAa,CAACC,IAAD,CAAhC;AACA,QAAMY,aAAa,GAAGR,gBAAgB,CAACJ,IAAD,CAAtC;AAEA,QAAMa,eAAe,GAAGH,QAAQ,gBAAG;AAAK,IAAA,SAAS,EAAEE;AAAhB,KAAgCF,QAAhC,CAAH,GAAqD,IAArF;AAEA,sBACE,uDACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,KAA6BF,KAA7B,CADF,EAEGI,eAFH,CADF;AAMD,CAbD;;AAeAN,KAAK,CAACO,SAAN,2CAAkB;AAChBL,EAAAA,KAAK,EAAEM,mBAAUC,MADD;AAEhBN,EAAAA,QAAQ,EAAEK,mBAAUC,MAFJ;AAGhBhB,EAAAA,IAAI,EAAEe,mBAAUE,KAAV,CAAgB,CAAC,MAAD,EAAS,YAAT,CAAhB;AAHU,CAAlB;eAKeV,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst getTitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.titlePage;\n    case 'form-group':\n      return style.titleFormGroup;\n  }\n};\n\nconst getSubtitleStype = type => {\n  switch (type) {\n    case 'page':\n      return style.subtitlePage;\n    case 'form-group':\n      return style.subtitleFormGroup;\n  }\n};\n\nconst Title = props => {\n  const {title, subtitle, type} = props;\n  const titleStyle = getTitleStype(type);\n  const subtitleStyle = getSubtitleStype(type);\n\n  const subtitleSection = subtitle ? <div className={subtitleStyle}>{subtitle}</div> : null;\n\n  return (\n    <div>\n      <div className={titleStyle}>{title}</div>\n      {subtitleSection}\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  type: PropTypes.oneOf(['page', 'form-group'])\n};\nexport default Title;\n"],"file":"index.js"}

package/lib/atom/title/style.css

@@ -1,21 +1,43 @@
 @value colors: "../../variables/colors.css";
 @value cm_grey_700 from colors;
+@value cm_grey_400 from colors;
 
 .title {
     font-family: Gilroy;
     font-style: normal;
     font-weight: bold;
+    color: cm_grey_700;
+}
+
+.titlePage {
+    composes: title;
     font-size: 32px;
     line-height: 52px;
-    color: cm_grey_700;
+}
+
+.titleFormGroup {
+    composes: title;
+    font-size: 18px;
 }
 
 .subtitle {
     margin: 8px 0 0;
     font-family: Gilroy;
-    font-style: normal;
+    font-style: normal;   
+}
+
+.subtitlePage {
+    composes: subtitle;
     font-weight: normal;
     font-size: 18px;
     line-height: 24px;
     color: cm_grey_700;
 }
+
+.subtitleFormGroup {
+    composes: subtitle;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    color: cm_grey_400;
+}

package/lib/atom/title/test/fixtures/form-group-title-without-subtitle.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'form-group',
+    title: 'Quickaccess'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=form-group-title-without-subtitle.js.map

package/lib/atom/title/test/fixtures/form-group-title-without-subtitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/title/test/fixtures/form-group-title-without-subtitle.js"],"names":["props","type","title"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,YADD;AAELC,IAAAA,KAAK,EAAE;AAFF;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'form-group',\n    title: 'Quickaccess'\n  }\n};\n"],"file":"form-group-title-without-subtitle.js"}

package/lib/atom/title/test/fixtures/form-group-title.js

@@ -0,0 +1,13 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    type: 'form-group',
+    title: 'Roles',
+    subtitle: 'lorem ipsum dolor sit amet consectetur adipiscing elit'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=form-group-title.js.map

package/lib/atom/title/test/fixtures/form-group-title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/title/test/fixtures/form-group-title.js"],"names":["props","type","title","subtitle"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,YADD;AAELC,IAAAA,KAAK,EAAE,OAFF;AAGLC,IAAAA,QAAQ,EAAE;AAHL;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'form-group',\n    title: 'Roles',\n    subtitle: 'lorem ipsum dolor sit amet consectetur adipiscing elit'\n  }\n};\n"],"file":"form-group-title.js"}

package/lib/atom/title/test/fixtures/{fixture.js → page-title.js}

@@ -4,9 +4,10 @@ exports.__esModule = true;
 exports.default = void 0;
 var _default = {
   props: {
+    type: 'page',
     title: 'Hello Marianna!',
     subtitle: 'Welcome to the coorpmanager dashboard'
   }
 };
 exports.default = _default;
-//# sourceMappingURL=fixture.js.map
+//# sourceMappingURL=page-title.js.map

package/lib/atom/title/test/fixtures/page-title.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/title/test/fixtures/page-title.js"],"names":["props","type","title","subtitle"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,KAAK,EAAE,iBAFF;AAGLC,IAAAA,QAAQ,EAAE;AAHL;AADM,C","sourcesContent":["export default {\n  props: {\n    type: 'page',\n    title: 'Hello Marianna!',\n    subtitle: 'Welcome to the coorpmanager dashboard'\n  }\n};\n"],"file":"page-title.js"}

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

@@ -8,7 +8,11 @@ var _renderComponent = _interopRequireDefault(require("../../../test/helpers/ren
 
 var _ = _interopRequireDefault(require(".."));
 
-var _fixture = _interopRequireDefault(require("./fixtures/fixture"));
+var _formGroupTitleWithoutSubtitle = _interopRequireDefault(require("./fixtures/form-group-title-without-subtitle"));
+
+var _formGroupTitle = _interopRequireDefault(require("./fixtures/form-group-title"));
+
+var _pageTitle = _interopRequireDefault(require("./fixtures/page-title"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -18,5 +22,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
     t.not(value, undefined, `PropType for "Atom.AtomTitle.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
   });
 });
-(0, _ava.default)('Atom › AtomTitle › Fixture › should be rendered', _renderComponent.default, _.default, _fixture.default);
+(0, _ava.default)('Atom › AtomTitle › FormGroupTitleWithoutSubtitle › should be rendered', _renderComponent.default, _.default, _formGroupTitleWithoutSubtitle.default);
+(0, _ava.default)('Atom › AtomTitle › FormGroupTitle › should be rendered', _renderComponent.default, _.default, _formGroupTitle.default);
+(0, _ava.default)('Atom › AtomTitle › PageTitle › should be rendered', _renderComponent.default, _.default, _pageTitle.default);
 //# sourceMappingURL=fixtures.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/title/test/fixtures.js"],"names":["t","pass","AtomTitle","propTypes","value","key","not","undefined","renderComponentMacro","fixtureFixture"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,gDAAL,EAAuDA,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAUC,SAAlB,EAA6B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,iDAAL,EAAwDG,wBAAxD,EAA8EN,SAA9E,EAAyFO,gBAAzF","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":["t","pass","AtomTitle","propTypes","value","key","not","undefined","renderComponentMacro","fixtureFormGroupTitleWithoutSubtitle","fixtureFormGroupTitle","fixturePageTitle"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,gDAAL,EAAuDA,CAAC,IAAI;AAC1DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAUC,SAAlB,EAA6B,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAC3CL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,0CAAyCF,GAAI,mEAAtE;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uEAAL,EAA8EG,wBAA9E,EAAoGN,SAApG,EAA+GO,sCAA/G;AACA,kBAAK,wDAAL,EAA+DD,wBAA/D,EAAqFN,SAArF,EAAgGQ,uBAAhG;AACA,kBAAK,mDAAL,EAA0DF,wBAA1D,EAAgFN,SAAhF,EAA2FS,kBAA3F","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/lib/molecule/add-to-my-list/test/fixtures.js

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

package/lib/molecule/add-to-my-list/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/molecule/add-to-my-list/test/fixtures.js"],"names":["t","pass","MoleculeAddToMyList","propTypes","value","key","not","undefined","renderComponentMacro","fixtureDefault","fixtureFavorite"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,8DAAL,EAAqEA,CAAC,IAAI;AACxEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAoBC,SAA5B,EAAuC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACrDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,wDAAuDF,GAAI,mEAApF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,+DAAL,EAAsEG,wBAAtE,EAA4FN,SAA5F,EAAiHO,gBAAjH;AACA,kBAAK,gEAAL,EAAuED,wBAAvE,EAA6FN,SAA7F,EAAkHQ,iBAAlH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport MoleculeAddToMyList from '..';\nimport fixtureDefault from './fixtures/default';\nimport fixtureFavorite from './fixtures/favorite';\n\ntest('Molecule › MoleculeAddToMyList > should have valid propTypes', t => {\n  t.pass();\n  forEach(MoleculeAddToMyList.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Molecule.MoleculeAddToMyList.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Molecule › MoleculeAddToMyList › Default › should be rendered', renderComponentMacro, MoleculeAddToMyList, fixtureDefault);\ntest('Molecule › MoleculeAddToMyList › Favorite › should be rendered', renderComponentMacro, MoleculeAddToMyList, fixtureFavorite);\n"],"file":"fixtures.js"}

package/lib/molecule/brand-form-group/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _autocomplete = _interopRequireDefault(require("../../atom/autocomplete"));
 
 var _select = _interopRequireDefault(require("../../atom/select"));
@@ -45,6 +47,10 @@ var _setupSlider = _interopRequireDefault(require("../setup-slider"));
 
 var _setupSections = _interopRequireDefault(require("../setup-sections"));
 
+var _title = _interopRequireDefault(require("../../atom/title"));
+
+var _coorpManagerRoles = _interopRequireDefault(require("../coorp-manager-roles"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -109,6 +115,9 @@ const buildInput = field => {
     case 'link':
       return /*#__PURE__*/_react.default.createElement(_button.default, field);
 
+    case 'roles':
+      return /*#__PURE__*/_react.default.createElement(_coorpManagerRoles.default, field);
+
     default:
       return /*#__PURE__*/_react.default.createElement(_inputText.default, field);
   }
@@ -127,6 +136,7 @@ const BrandFormGroup = props => {
     title,
     subtitle = '',
     fieldsLayout = '',
+    groupLayout = '',
     fields = []
   } = props;
 
@@ -136,10 +146,14 @@ const BrandFormGroup = props => {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": `brand_form_group_${(0, _snakeCase2.default)(title)}`,
-    className: _style.default.wrapper
+    className: (0, _classnames.default)(_style.default.wrapper, groupLayout === 'grid' && _style.default.groupGrid)
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.title
-  }, title ? /*#__PURE__*/_react.default.createElement("h3", null, title) : null, /*#__PURE__*/_react.default.createElement("h4", null, subtitle)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.titleWrapper
+  }, /*#__PURE__*/_react.default.createElement(_title.default, {
+    title: title,
+    subtitle: subtitle,
+    type: 'form-group'
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: fieldsLayout === 'grid' ? _style.default.grid : null
   }, fieldsList));
 };
@@ -148,6 +162,7 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   subtitle: _propTypes.default.string,
   fieldsLayout: _propTypes.default.string,
+  groupLayout: _propTypes.default.string,
   fields: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_extends(_extends({}, _autocomplete.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['autoComplete'])
   })), _propTypes.default.shape(_extends(_extends({}, _inputColor.default.propTypes), {}, {
@@ -182,6 +197,8 @@ BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
     type: _propTypes.default.oneOf(['button'])
   })), _propTypes.default.shape(_extends(_extends({}, _selectMultiple.default.propTypes), {}, {
     type: _propTypes.default.oneOf(['selectMultiple'])
+  })), _propTypes.default.shape(_extends(_extends({}, _coorpManagerRoles.default.propTypes), {}, {
+    type: _propTypes.default.oneOf(['roles'])
   })), _propTypes.default.shape(_inputText.default.propTypes)]))
 } : {};
 var _default = BrandFormGroup;