@coorpacademy/components 10.1.7 → 10.1.11

package/lib/atom/button-link/test/fixtures.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/atom/button-link/test/fixtures.js"],"names":["t","pass","AtomButtonLink","propTypes","value","key","not","undefined","renderComponentMacro","fixtureButtonDangerousNoIcon","fixtureButtonPrimaryIconLeft","fixtureButtonPrimaryNoIcon","fixtureButtonSecondaryNoIconDisabled","fixtureButtonTertiaryIconBullet","fixtureButtonTertiaryIconLeft","fixtureIconButton","fixtureLinkPrimaryDisabledIconRight","fixtureLinkSecondaryIconRight","fixtureLinkTertiaryNoIcon","fixtureLinkTextIconRightTargetBlank","fixtureLinkTextNoIconDownload"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,qDAAL,EAA4DA,CAAC,IAAI;AAC/DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+CAA8CF,GAAI,mEAA3E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,oEAAL,EAA2EG,wBAA3E,EAAiGN,SAAjG,EAAiHO,8BAAjH;AACA,kBAAK,oEAAL,EAA2ED,wBAA3E,EAAiGN,SAAjG,EAAiHQ,8BAAjH;AACA,kBAAK,kEAAL,EAAyEF,wBAAzE,EAA+FN,SAA/F,EAA+GS,4BAA/G;AACA,kBAAK,4EAAL,EAAmFH,wBAAnF,EAAyGN,SAAzG,EAAyHU,sCAAzH;AACA,kBAAK,uEAAL,EAA8EJ,wBAA9E,EAAoGN,SAApG,EAAoHW,iCAApH;AACA,kBAAK,qEAAL,EAA4EL,wBAA5E,EAAkGN,SAAlG,EAAkHY,+BAAlH;AACA,kBAAK,yDAAL,EAAgEN,wBAAhE,EAAsFN,SAAtF,EAAsGa,mBAAtG;AACA,kBAAK,2EAAL,EAAkFP,wBAAlF,EAAwGN,SAAxG,EAAwHc,qCAAxH;AACA,kBAAK,qEAAL,EAA4ER,wBAA5E,EAAkGN,SAAlG,EAAkHe,+BAAlH;AACA,kBAAK,iEAAL,EAAwET,wBAAxE,EAA8FN,SAA9F,EAA8GgB,2BAA9G;AACA,kBAAK,2EAAL,EAAkFV,wBAAlF,EAAwGN,SAAxG,EAAwHiB,qCAAxH;AACA,kBAAK,qEAAL,EAA4EX,wBAA5E,EAAkGN,SAAlG,EAAkHkB,+BAAlH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLink from '..';\nimport fixtureButtonDangerousNoIcon from './fixtures/button-dangerous-no-icon';\nimport fixtureButtonPrimaryIconLeft from './fixtures/button-primary-icon-left';\nimport fixtureButtonPrimaryNoIcon from './fixtures/button-primary-no-icon';\nimport fixtureButtonSecondaryNoIconDisabled from './fixtures/button-secondary-no-icon-disabled';\nimport fixtureButtonTertiaryIconBullet from './fixtures/button-tertiary-icon-bullet';\nimport fixtureButtonTertiaryIconLeft from './fixtures/button-tertiary-icon-left';\nimport fixtureIconButton from './fixtures/icon-button';\nimport fixtureLinkPrimaryDisabledIconRight from './fixtures/link-primary-disabled-icon-right';\nimport fixtureLinkSecondaryIconRight from './fixtures/link-secondary-icon-right';\nimport fixtureLinkTertiaryNoIcon from './fixtures/link-tertiary-no-icon';\nimport fixtureLinkTextIconRightTargetBlank from './fixtures/link-text-icon-right-target-blank';\nimport fixtureLinkTextNoIconDownload from './fixtures/link-text-no-icon-download';\n\ntest('Atom › AtomButtonLink > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomButtonLink.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomButtonLink.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomButtonLink › ButtonDangerousNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonDangerousNoIcon);\ntest('Atom › AtomButtonLink › ButtonPrimaryIconLeft › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonPrimaryIconLeft);\ntest('Atom › AtomButtonLink › ButtonPrimaryNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonPrimaryNoIcon);\ntest('Atom › AtomButtonLink › ButtonSecondaryNoIconDisabled › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonSecondaryNoIconDisabled);\ntest('Atom › AtomButtonLink › ButtonTertiaryIconBullet › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonTertiaryIconBullet);\ntest('Atom › AtomButtonLink › ButtonTertiaryIconLeft › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonTertiaryIconLeft);\ntest('Atom › AtomButtonLink › IconButton › should be rendered', renderComponentMacro, AtomButtonLink, fixtureIconButton);\ntest('Atom › AtomButtonLink › LinkPrimaryDisabledIconRight › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkPrimaryDisabledIconRight);\ntest('Atom › AtomButtonLink › LinkSecondaryIconRight › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkSecondaryIconRight);\ntest('Atom › AtomButtonLink › LinkTertiaryNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTertiaryNoIcon);\ntest('Atom › AtomButtonLink › LinkTextIconRightTargetBlank › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTextIconRightTargetBlank);\ntest('Atom › AtomButtonLink › LinkTextNoIconDownload › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTextNoIconDownload);\n"],"file":"fixtures.js"}
+{"version":3,"sources":["../../../../src/atom/button-link/test/fixtures.js"],"names":["t","pass","AtomButtonLink","propTypes","value","key","not","undefined","renderComponentMacro","fixtureButtonDangerousNoIcon","fixtureButtonPrimaryIconLeft","fixtureButtonPrimaryNoIcon","fixtureButtonSecondaryNoIconDisabled","fixtureButtonTertiaryIconLeft","fixtureLinkPrimaryDisabledIconRight","fixtureLinkSecondaryIconRight","fixtureLinkTertiaryNoIcon","fixtureLinkTextIconRightTargetBlank","fixtureLinkTextNoIconDownload"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,qDAAL,EAA4DA,CAAC,IAAI;AAC/DA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAeC,SAAvB,EAAkC,CAACC,KAAD,EAAQC,GAAR,KAAgB;AAChDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,+CAA8CF,GAAI,mEAA3E;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,oEAAL,EAA2EG,wBAA3E,EAAiGN,SAAjG,EAAiHO,8BAAjH;AACA,kBAAK,oEAAL,EAA2ED,wBAA3E,EAAiGN,SAAjG,EAAiHQ,8BAAjH;AACA,kBAAK,kEAAL,EAAyEF,wBAAzE,EAA+FN,SAA/F,EAA+GS,4BAA/G;AACA,kBAAK,4EAAL,EAAmFH,wBAAnF,EAAyGN,SAAzG,EAAyHU,sCAAzH;AACA,kBAAK,qEAAL,EAA4EJ,wBAA5E,EAAkGN,SAAlG,EAAkHW,+BAAlH;AACA,kBAAK,2EAAL,EAAkFL,wBAAlF,EAAwGN,SAAxG,EAAwHY,qCAAxH;AACA,kBAAK,qEAAL,EAA4EN,wBAA5E,EAAkGN,SAAlG,EAAkHa,+BAAlH;AACA,kBAAK,iEAAL,EAAwEP,wBAAxE,EAA8FN,SAA9F,EAA8Gc,2BAA9G;AACA,kBAAK,2EAAL,EAAkFR,wBAAlF,EAAwGN,SAAxG,EAAwHe,qCAAxH;AACA,kBAAK,qEAAL,EAA4ET,wBAA5E,EAAkGN,SAAlG,EAAkHgB,+BAAlH","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLink from '..';\nimport fixtureButtonDangerousNoIcon from './fixtures/button-dangerous-no-icon';\nimport fixtureButtonPrimaryIconLeft from './fixtures/button-primary-icon-left';\nimport fixtureButtonPrimaryNoIcon from './fixtures/button-primary-no-icon';\nimport fixtureButtonSecondaryNoIconDisabled from './fixtures/button-secondary-no-icon-disabled';\nimport fixtureButtonTertiaryIconLeft from './fixtures/button-tertiary-icon-left';\nimport fixtureLinkPrimaryDisabledIconRight from './fixtures/link-primary-disabled-icon-right';\nimport fixtureLinkSecondaryIconRight from './fixtures/link-secondary-icon-right';\nimport fixtureLinkTertiaryNoIcon from './fixtures/link-tertiary-no-icon';\nimport fixtureLinkTextIconRightTargetBlank from './fixtures/link-text-icon-right-target-blank';\nimport fixtureLinkTextNoIconDownload from './fixtures/link-text-no-icon-download';\n\ntest('Atom › AtomButtonLink > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomButtonLink.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomButtonLink.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomButtonLink › ButtonDangerousNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonDangerousNoIcon);\ntest('Atom › AtomButtonLink › ButtonPrimaryIconLeft › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonPrimaryIconLeft);\ntest('Atom › AtomButtonLink › ButtonPrimaryNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonPrimaryNoIcon);\ntest('Atom › AtomButtonLink › ButtonSecondaryNoIconDisabled › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonSecondaryNoIconDisabled);\ntest('Atom › AtomButtonLink › ButtonTertiaryIconLeft › should be rendered', renderComponentMacro, AtomButtonLink, fixtureButtonTertiaryIconLeft);\ntest('Atom › AtomButtonLink › LinkPrimaryDisabledIconRight › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkPrimaryDisabledIconRight);\ntest('Atom › AtomButtonLink › LinkSecondaryIconRight › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkSecondaryIconRight);\ntest('Atom › AtomButtonLink › LinkTertiaryNoIcon › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTertiaryNoIcon);\ntest('Atom › AtomButtonLink › LinkTextIconRightTargetBlank › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTextIconRightTargetBlank);\ntest('Atom › AtomButtonLink › LinkTextNoIconDownload › should be rendered', renderComponentMacro, AtomButtonLink, fixtureLinkTextNoIconDownload);\n"],"file":"fixtures.js"}

package/lib/atom/button-link-icon-only/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
+
+var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _buttonIcons = require("../../util/button-icons");
+
+var _link = _interopRequireDefault(require("../link"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const getButtonContent = icon => {
+  const Icon = (0, _getOr2.default)(null, icon, _buttonIcons.ICONS);
+
+  if (!Icon) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.buttonContent
+    });
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.buttonContent
+  }, /*#__PURE__*/_react.default.createElement(Icon, {
+    className: _style.default.icon
+  }));
+};
+
+const ButtonLinkIconOnly = props => {
+  const {
+    size = 'default',
+    disabled,
+    icon,
+    'data-name': dataName,
+    'aria-label': ariaLabel,
+    link,
+    onClick
+  } = props;
+  const contentView = getButtonContent(icon);
+  const styleButton = (0, _classnames.default)(size === 'default' ? _style.default.default : _style.default.small, link && _style.default.link, disabled && _style.default.disabled);
+
+  if (link) {
+    return /*#__PURE__*/_react.default.createElement(_link.default, _extends({}, link, {
+      className: styleButton,
+      "data-name": dataName,
+      "aria-label": ariaLabel,
+      title: ariaLabel
+    }), contentView);
+  }
+
+  const handleOnClick = (0, _react.useMemo)(() => () => onClick(), [onClick]);
+  return /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    "aria-label": ariaLabel,
+    "data-name": dataName,
+    title: ariaLabel,
+    className: styleButton,
+    onClick: handleOnClick
+  }, contentView);
+};
+
+ButtonLinkIconOnly.propTypes = process.env.NODE_ENV !== "production" ? {
+  size: _propTypes.default.oneOf(['default', 'small']),
+  'aria-label': _propTypes.default.string,
+  'data-name': _propTypes.default.string,
+  icon: _propTypes.default.oneOf((0, _keys2.default)(_buttonIcons.ICONS)),
+  onClick: _propTypes.default.func,
+  link: _propTypes.default.shape({
+    href: _propTypes.default.string,
+    download: _propTypes.default.bool,
+    target: _propTypes.default.oneOf(['_self', '_blank', '_parent', '_top'])
+  }),
+  disabled: _propTypes.default.bool
+} : {};
+var _default = ButtonLinkIconOnly;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/atom/button-link-icon-only/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/button-link-icon-only/index.js"],"names":["getButtonContent","icon","Icon","ICONS","style","buttonContent","ButtonLinkIconOnly","props","size","disabled","dataName","ariaLabel","link","onClick","contentView","styleButton","default","small","handleOnClick","propTypes","PropTypes","oneOf","string","func","shape","href","download","bool","target"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,MAAMA,gBAAgB,GAAGC,IAAI,IAAI;AAC/B,QAAMC,IAAI,GAAG,qBAAM,IAAN,EAAYD,IAAZ,EAAkBE,kBAAlB,CAAb;;AAEA,MAAI,CAACD,IAAL,EAAW;AACT,wBAAO;AAAK,MAAA,SAAS,EAAEE,eAAMC;AAAtB,MAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAED,eAAMC;AAAtB,kBACE,6BAAC,IAAD;AAAM,IAAA,SAAS,EAAED,eAAMH;AAAvB,IADF,CADF;AAKD,CAZD;;AAcA,MAAMK,kBAAkB,GAAGC,KAAK,IAAI;AAClC,QAAM;AACJC,IAAAA,IAAI,GAAG,SADH;AAEJC,IAAAA,QAFI;AAGJR,IAAAA,IAHI;AAIJ,iBAAaS,QAJT;AAKJ,kBAAcC,SALV;AAMJC,IAAAA,IANI;AAOJC,IAAAA;AAPI,MAQFN,KARJ;AASA,QAAMO,WAAW,GAAGd,gBAAgB,CAACC,IAAD,CAApC;AACA,QAAMc,WAAW,GAAG,yBAClBP,IAAI,KAAK,SAAT,GAAqBJ,eAAMY,OAA3B,GAAqCZ,eAAMa,KADzB,EAElBL,IAAI,IAAIR,eAAMQ,IAFI,EAGlBH,QAAQ,IAAIL,eAAMK,QAHA,CAApB;;AAMA,MAAIG,IAAJ,EAAU;AACR,wBACE,6BAAC,aAAD,eACMA,IADN;AAEE,MAAA,SAAS,EAAEG,WAFb;AAGE,mBAAWL,QAHb;AAIE,oBAAYC,SAJd;AAKE,MAAA,KAAK,EAAEA;AALT,QAOGG,WAPH,CADF;AAWD;;AAED,QAAMI,aAAa,GAAG,oBAAQ,MAAM,MAAML,OAAO,EAA3B,EAA+B,CAACA,OAAD,CAA/B,CAAtB;AACA,sBACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,kBAAYF,SAFd;AAGE,iBAAWD,QAHb;AAIE,IAAA,KAAK,EAAEC,SAJT;AAKE,IAAA,SAAS,EAAEI,WALb;AAME,IAAA,OAAO,EAAEG;AANX,KAQGJ,WARH,CADF;AAYD,CA5CD;;AA8CAR,kBAAkB,CAACa,SAAnB,2CAA+B;AAC7BX,EAAAA,IAAI,EAAEY,mBAAUC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CADuB;AAE7B,gBAAcD,mBAAUE,MAFK;AAG7B,eAAaF,mBAAUE,MAHM;AAI7BrB,EAAAA,IAAI,EAAEmB,mBAAUC,KAAV,CAAgB,oBAAKlB,kBAAL,CAAhB,CAJuB;AAK7BU,EAAAA,OAAO,EAAEO,mBAAUG,IALU;AAM7BX,EAAAA,IAAI,EAAEQ,mBAAUI,KAAV,CAAgB;AACpBC,IAAAA,IAAI,EAAEL,mBAAUE,MADI;AAEpBI,IAAAA,QAAQ,EAAEN,mBAAUO,IAFA;AAGpBC,IAAAA,MAAM,EAAER,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,EAAoB,SAApB,EAA+B,MAA/B,CAAhB;AAHY,GAAhB,CANuB;AAW7BZ,EAAAA,QAAQ,EAAEW,mBAAUO;AAXS,CAA/B;eAcerB,kB","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport Link from '../link';\nimport style from './style.css';\n\nconst getButtonContent = icon => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      <Icon className={style.icon} />\n    </div>\n  );\n};\n\nconst ButtonLinkIconOnly = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick\n  } = props;\n  const contentView = getButtonContent(icon);\n  const styleButton = classnames(\n    size === 'default' ? style.default : style.small,\n    link && style.link,\n    disabled && style.disabled\n  );\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        className={styleButton}\n        data-name={dataName}\n        aria-label={ariaLabel}\n        title={ariaLabel}\n      >\n        {contentView}\n      </Link>\n    );\n  }\n\n  const handleOnClick = useMemo(() => () => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={ariaLabel}\n      data-name={dataName}\n      title={ariaLabel}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      {contentView}\n    </button>\n  );\n};\n\nButtonLinkIconOnly.propTypes = {\n  size: PropTypes.oneOf(['default', 'small']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool\n};\n\nexport default ButtonLinkIconOnly;\n"],"file":"index.js"}

package/lib/atom/button-link-icon-only/style.css

@@ -0,0 +1,64 @@
+@value colors: "../../variables/colors.css";
+@value cm_grey_100 from colors;
+@value cm_grey_200 from colors;
+
+.button {
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: bold;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  border: none;
+  background-color: cm_grey_100;
+}
+
+.button:hover {
+  background-color: cm_grey_200;
+}
+
+.disabled {
+  opacity: 0.3;
+  cursor: default;
+  pointer-events: none;
+}
+
+.disabled:hover {
+  background-color: cm_grey_100;
+}
+
+.buttonContent {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.link {
+  color: inherit;
+  text-decoration: none;
+}
+
+.default {
+  composes: button;
+  width: 44px;
+  height: 44px;
+  border-radius: 7px;
+}
+
+.small {
+  composes: button;
+  width: 32px;
+  height: 32px;
+  border-radius: 5px;
+}
+
+.default .icon {
+  width: 14px;
+  height: 14px;
+}
+
+.small .icon {
+  width: 12px;
+  height: 12px;
+}

package/lib/atom/{button-link/test/button-link.js → button-link-icon-only/test/button-link-icon-only.js}

@@ -14,7 +14,7 @@ var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-1
 
 var _ = _interopRequireDefault(require(".."));
 
-var _buttonTertiaryIconBullet = _interopRequireDefault(require("./fixtures/button-tertiary-icon-bullet"));
+var _buttonIconBullet = _interopRequireDefault(require("./fixtures/button-icon-bullet"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -23,8 +23,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   adapter: new _enzymeAdapterReact.default()
 });
 const translate = _identity2.default;
-(0, _ava.default)('should launch onClick on click event', t => {
-  const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _buttonTertiaryIconBullet.default.props), {
+(0, _ava.default)('should launch onClick on click event for ButtonLinkIconOnly', t => {
+  const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_.default, _buttonIconBullet.default.props), {
     context: {
       translate
     }
@@ -34,4 +34,4 @@ const translate = _identity2.default;
   button.first().simulate('click', {});
   t.pass();
 });
-//# sourceMappingURL=button-link.js.map
+//# sourceMappingURL=button-link-icon-only.js.map

package/lib/atom/button-link-icon-only/test/button-link-icon-only.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/button-link-icon-only.js"],"names":["adapter","Adapter","translate","t","wrapper","defaultFixture","props","context","button","find","true","exists","first","simulate","pass"],"mappings":";;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA;AACA,uBAAU;AAACA,EAAAA,OAAO,EAAE,IAAIC,2BAAJ;AAAV,CAAV;AACA,MAAMC,SAAS,qBAAf;AAEA,kBAAK,6DAAL,EAAoEC,CAAC,IAAI;AACvE,QAAMC,OAAO,GAAG,mCAAQ,6BAAC,SAAD,EAAwBC,0BAAeC,KAAvC,CAAR,EAA0D;AACxEC,IAAAA,OAAO,EAAE;AAACL,MAAAA;AAAD;AAD+D,GAA1D,CAAhB;AAGA,QAAMM,MAAM,GAAGJ,OAAO,CAACK,IAAR,CAAa,6BAAb,CAAf;AACAN,EAAAA,CAAC,CAACO,IAAF,CAAOF,MAAM,CAACG,MAAP,EAAP;AACAH,EAAAA,MAAM,CAACI,KAAP,GAAeC,QAAf,CAAwB,OAAxB,EAAiC,EAAjC;AACAV,EAAAA,CAAC,CAACW,IAAF;AACD,CARD","sourcesContent":["import browserEnv from 'browser-env';\nimport test from 'ava';\nimport React from 'react';\nimport {shallow, configure} from 'enzyme';\nimport {identity} from 'lodash/fp';\nimport Adapter from 'enzyme-adapter-react-16';\nimport ButtonLinkIconOnly from '..';\nimport defaultFixture from './fixtures/button-icon-bullet';\n\nbrowserEnv();\nconfigure({adapter: new Adapter()});\nconst translate = identity;\n\ntest('should launch onClick on click event for ButtonLinkIconOnly', t => {\n  const wrapper = shallow(<ButtonLinkIconOnly {...defaultFixture.props} />, {\n    context: {translate}\n  });\n  const button = wrapper.find('[data-name=\"bullet-button\"]');\n  t.true(button.exists());\n  button.first().simulate('click', {});\n  t.pass();\n});\n"],"file":"button-link-icon-only.js"}

package/lib/atom/{button-link/test/fixtures/button-tertiary-icon-bullet.js → button-link-icon-only/test/fixtures/button-icon-bullet.js}

@@ -4,15 +4,12 @@ exports.__esModule = true;
 exports.default = void 0;
 var _default = {
   props: {
-    type: 'tertiary',
+    size: 'default',
     'aria-label': 'aria button',
     'data-name': 'bullet-button',
-    icon: {
-      position: 'center',
-      type: 'bullet-point'
-    },
+    icon: 'bullet-point',
     onClick: () => console.log('click')
   }
 };
 exports.default = _default;
-//# sourceMappingURL=button-tertiary-icon-bullet.js.map
+//# sourceMappingURL=button-icon-bullet.js.map

package/lib/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/button-icon-bullet.js"],"names":["props","size","icon","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAEL,kBAAc,aAFT;AAGL,iBAAa,eAHR;AAILC,IAAAA,IAAI,EAAE,cAJD;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,C","sourcesContent":["export default {\n  props: {\n    size: 'default',\n    'aria-label': 'aria button',\n    'data-name': 'bullet-button',\n    icon: 'bullet-point',\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"button-icon-bullet.js"}

package/lib/atom/{button-link/test/fixtures/icon-button.js → button-link-icon-only/test/fixtures/default.js}

@@ -4,15 +4,12 @@ exports.__esModule = true;
 exports.default = void 0;
 var _default = {
   props: {
-    type: 'secondary',
+    size: 'default',
     'data-name': 'default-button',
     'aria-label': 'aria button',
-    icon: {
-      position: 'center',
-      type: 'close'
-    },
+    icon: 'close',
     onClick: () => console.log('click')
   }
 };
 exports.default = _default;
-//# sourceMappingURL=icon-button.js.map
+//# sourceMappingURL=default.js.map

package/lib/atom/button-link-icon-only/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/default.js"],"names":["props","size","icon","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,SADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE,OAJD;AAKLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AALV;AADM,C","sourcesContent":["export default {\n  props: {\n    size: 'default',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    icon: 'close',\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"default.js"}

package/lib/atom/button-link-icon-only/test/fixtures/no-icon.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    'data-name': 'default-button',
+    onClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=no-icon.js.map

package/lib/atom/button-link-icon-only/test/fixtures/no-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/no-icon.js"],"names":["props","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACL,iBAAa,gBADR;AAELC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AAFV;AADM,C","sourcesContent":["export default {\n  props: {\n    'data-name': 'default-button',\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"no-icon.js"}

package/lib/atom/button-link-icon-only/test/fixtures/small-button-disabled.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    size: 'small',
+    'data-name': 'default-button',
+    'aria-label': 'aria button',
+    icon: 'close',
+    disabled: true,
+    onClick: () => console.log('click')
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=small-button-disabled.js.map

package/lib/atom/button-link-icon-only/test/fixtures/small-button-disabled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/small-button-disabled.js"],"names":["props","size","icon","disabled","onClick","console","log"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,OADD;AAEL,iBAAa,gBAFR;AAGL,kBAAc,aAHT;AAILC,IAAAA,IAAI,EAAE,OAJD;AAKLC,IAAAA,QAAQ,EAAE,IALL;AAMLC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,OAAZ;AANV;AADM,C","sourcesContent":["export default {\n  props: {\n    size: 'small',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    icon: 'close',\n    disabled: true,\n    onClick: () => console.log('click')\n  }\n};\n"],"file":"small-button-disabled.js"}

package/lib/atom/button-link-icon-only/test/fixtures/small-link-download.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    size: 'small',
+    icon: 'see',
+    'data-name': 'default-button',
+    'aria-label': 'aria button',
+    link: {
+      href: 'https://setup.coorpacademy.com/assets/templates/import-users-template.xlsx',
+      download: true
+    }
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=small-link-download.js.map

package/lib/atom/button-link-icon-only/test/fixtures/small-link-download.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/button-link-icon-only/test/fixtures/small-link-download.js"],"names":["props","size","icon","link","href","download"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,OADD;AAELC,IAAAA,IAAI,EAAE,KAFD;AAGL,iBAAa,gBAHR;AAIL,kBAAc,aAJT;AAKLC,IAAAA,IAAI,EAAE;AACJC,MAAAA,IAAI,EAAE,4EADF;AAEJC,MAAAA,QAAQ,EAAE;AAFN;AALD;AADM,C","sourcesContent":["export default {\n  props: {\n    size: 'small',\n    icon: 'see',\n    'data-name': 'default-button',\n    'aria-label': 'aria button',\n    link: {\n      href: 'https://setup.coorpacademy.com/assets/templates/import-users-template.xlsx',\n      download: true\n    }\n  }\n};\n"],"file":"small-link-download.js"}

package/lib/atom/button-link-icon-only/test/fixtures.js

@@ -0,0 +1,34 @@
+"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 _buttonIconBullet = _interopRequireDefault(require("./fixtures/button-icon-bullet"));
+
+var _default = _interopRequireDefault(require("./fixtures/default"));
+
+var _noIcon = _interopRequireDefault(require("./fixtures/no-icon"));
+
+var _smallButtonDisabled = _interopRequireDefault(require("./fixtures/small-button-disabled"));
+
+var _smallLinkDownload = _interopRequireDefault(require("./fixtures/small-link-download"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _ava.default)('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {
+  t.pass();
+  (0, _forEach.default)(_.default.propTypes, (value, key) => {
+    t.not(value, undefined, `PropType for "Atom.AtomButtonLinkIconOnly.propTypes.${key}" may not be undefined. Did you mistype the propTypes definition?`);
+  });
+});
+(0, _ava.default)('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', _renderComponent.default, _.default, _buttonIconBullet.default);
+(0, _ava.default)('Atom › AtomButtonLinkIconOnly › Default › should be rendered', _renderComponent.default, _.default, _default.default);
+(0, _ava.default)('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', _renderComponent.default, _.default, _noIcon.default);
+(0, _ava.default)('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', _renderComponent.default, _.default, _smallButtonDisabled.default);
+(0, _ava.default)('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', _renderComponent.default, _.default, _smallLinkDownload.default);
+//# sourceMappingURL=fixtures.js.map

package/lib/atom/button-link-icon-only/test/fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/atom/button-link-icon-only/test/fixtures.js"],"names":["t","pass","AtomButtonLinkIconOnly","propTypes","value","key","not","undefined","renderComponentMacro","fixtureButtonIconBullet","fixtureDefault","fixtureNoIcon","fixtureSmallButtonDisabled","fixtureSmallLinkDownload"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,kBAAK,6DAAL,EAAoEA,CAAC,IAAI;AACvEA,EAAAA,CAAC,CAACC,IAAF;AACA,wBAAQC,UAAuBC,SAA/B,EAA0C,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACxDL,IAAAA,CAAC,CAACM,GAAF,CAAMF,KAAN,EAAaG,SAAb,EAAyB,uDAAsDF,GAAI,mEAAnF;AACD,GAFD;AAGD,CALD;AAOA,kBAAK,uEAAL,EAA8EG,wBAA9E,EAAoGN,SAApG,EAA4HO,yBAA5H;AACA,kBAAK,8DAAL,EAAqED,wBAArE,EAA2FN,SAA3F,EAAmHQ,gBAAnH;AACA,kBAAK,6DAAL,EAAoEF,wBAApE,EAA0FN,SAA1F,EAAkHS,eAAlH;AACA,kBAAK,0EAAL,EAAiFH,wBAAjF,EAAuGN,SAAvG,EAA+HU,4BAA/H;AACA,kBAAK,wEAAL,EAA+EJ,wBAA/E,EAAqGN,SAArG,EAA6HW,0BAA7H","sourcesContent":["import test from 'ava';\nimport forEach from 'lodash/forEach';\nimport renderComponentMacro from '../../../test/helpers/render-component';\nimport AtomButtonLinkIconOnly from '..';\nimport fixtureButtonIconBullet from './fixtures/button-icon-bullet';\nimport fixtureDefault from './fixtures/default';\nimport fixtureNoIcon from './fixtures/no-icon';\nimport fixtureSmallButtonDisabled from './fixtures/small-button-disabled';\nimport fixtureSmallLinkDownload from './fixtures/small-link-download';\n\ntest('Atom › AtomButtonLinkIconOnly > should have valid propTypes', t => {\n  t.pass();\n  forEach(AtomButtonLinkIconOnly.propTypes, (value, key) => {\n    t.not(value, undefined, `PropType for \"Atom.AtomButtonLinkIconOnly.propTypes.${key}\" may not be undefined. Did you mistype the propTypes definition?`);\n  });\n});\n\ntest('Atom › AtomButtonLinkIconOnly › ButtonIconBullet › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureButtonIconBullet);\ntest('Atom › AtomButtonLinkIconOnly › Default › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureDefault);\ntest('Atom › AtomButtonLinkIconOnly › NoIcon › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureNoIcon);\ntest('Atom › AtomButtonLinkIconOnly › SmallButtonDisabled › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallButtonDisabled);\ntest('Atom › AtomButtonLinkIconOnly › SmallLinkDownload › should be rendered', renderComponentMacro, AtomButtonLinkIconOnly, fixtureSmallLinkDownload);\n"],"file":"fixtures.js"}

package/lib/atom/empty-search-result/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const EmptySearchResult = props => {
+  const {
+    firstMessage,
+    secondMessage
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.firstMessage
+  }, firstMessage), /*#__PURE__*/_react.default.createElement("span", {
+    className: _style.default.secondMessage
+  }, secondMessage));
+};
+
+EmptySearchResult.propTypes = process.env.NODE_ENV !== "production" ? {
+  firstMessage: _propTypes.default.string.isRequired,
+  secondMessage: _propTypes.default.string.isRequired
+} : {};
+var _default = EmptySearchResult;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/atom/empty-search-result/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/atom/empty-search-result/index.js"],"names":["EmptySearchResult","props","firstMessage","secondMessage","style","container","propTypes","PropTypes","string","isRequired"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,iBAAiB,GAAGC,KAAK,IAAI;AACjC,QAAM;AAACC,IAAAA,YAAD;AAAeC,IAAAA;AAAf,MAAgCF,KAAtC;AACA,sBACE;AAAK,IAAA,SAAS,EAAEG,eAAMC;AAAtB,kBACE;AAAM,IAAA,SAAS,EAAED,eAAMF;AAAvB,KAAsCA,YAAtC,CADF,eAEE;AAAM,IAAA,SAAS,EAAEE,eAAMD;AAAvB,KAAuCA,aAAvC,CAFF,CADF;AAMD,CARD;;AAUAH,iBAAiB,CAACM,SAAlB,2CAA8B;AAC5BJ,EAAAA,YAAY,EAAEK,mBAAUC,MAAV,CAAiBC,UADH;AAE5BN,EAAAA,aAAa,EAAEI,mBAAUC,MAAV,CAAiBC;AAFJ,CAA9B;eAKeT,iB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst EmptySearchResult = props => {\n  const {firstMessage, secondMessage} = props;\n  return (\n    <div className={style.container}>\n      <span className={style.firstMessage}>{firstMessage}</span>\n      <span className={style.secondMessage}>{secondMessage}</span>\n    </div>\n  );\n};\n\nEmptySearchResult.propTypes = {\n  firstMessage: PropTypes.string.isRequired,\n  secondMessage: PropTypes.string.isRequired\n};\n\nexport default EmptySearchResult;\n"],"file":"index.js"}

package/lib/atom/empty-search-result/style.css

@@ -0,0 +1,25 @@
+@value colors: "../../variables/colors.css";
+@value cm_primary_blue from colors;
+@value cm_grey_900 from colors;
+
+.container {
+    margin: 48px 0;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-size: 16px;
+    font-weight: bold;
+    font-family: Gilroy;
+    font-size: 16px;
+  }
+  
+  .firstMessage {
+    color: cm_grey_900;
+    display: block;
+  }
+  
+  .secondMessage {
+    color: cm_primary_blue;
+    display: block;
+  }

package/lib/atom/empty-search-result/test/fixtures/default.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    firstMessage: 'No results...',
+    secondMessage: 'Try something else'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=default.js.map

package/lib/atom/empty-search-result/test/fixtures/default.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/atom/empty-search-result/test/fixtures/default.js"],"names":["props","firstMessage","secondMessage"],"mappings":";;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,YAAY,EAAE,eADT;AAELC,IAAAA,aAAa,EAAE;AAFV;AADM,C","sourcesContent":["export default {\n  props: {\n    firstMessage: 'No results...',\n    secondMessage: 'Try something else'\n  }\n};\n"],"file":"default.js"}

package/lib/atom/empty-search-result/test/fixtures.js

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

package/lib/atom/empty-search-result/test/fixtures.js.map

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

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

@@ -53,6 +53,7 @@ const InputText = props => {
     modified = false,
     title: propsTitle
   } = props;
+  const isCMTheme = theme === 'coorpmanager';
   const title = `${propsTitle}${required ? '*' : ''}`;
   const handleChange = (0, _react.useMemo)(() => e => onChange(e.target.value), [onChange]);
   const mainClass = themeStyle[theme];
@@ -74,10 +75,10 @@ const InputText = props => {
       __html: error || hint
     }
   }) : null;
-  const errorIconView = error ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
+  const errorIconView = isCMTheme && error ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
     className: _style.default.leftIcon
   }) : null;
-  const validIconView = valid ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
+  const validIconView = isCMTheme && valid ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusCheckCircle2, {
     className: _style.default.leftIcon
   }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","required","modified","title","propsTitle","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","PropTypes","bool","string","oneOf","func"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAKA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEC,eAAMD,KADI;AAEjBE,EAAAA,YAAY,EAAED,eAAMC,YAFH;AAGjBC,EAAAA,OAAO,EAAEF,eAAME,OAHE;AAIjBC,EAAAA,OAAO,EAAEH,eAAMG;AAJE,CAAnB;;AAMA,MAAMC,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AACJC,IAAAA,SAAS,GAAG,KADR;AAEJC,IAAAA,WAAW,GAAG,EAFV;AAGJC,IAAAA,KAHI;AAIJC,IAAAA,IAJI;AAKJC,IAAAA,YALI;AAMJC,IAAAA,QAAQ,iBANJ;AAOJC,IAAAA,KAPI;AAQJC,IAAAA,KARI;AASJC,IAAAA,KAAK,GAAG,SATJ;AAUJC,IAAAA,WAVI;AAWJC,IAAAA,QAXI;AAYJC,IAAAA,QAZI;AAaJC,IAAAA,QAAQ,GAAG,KAbP;AAcJC,IAAAA,KAAK,EAAEC;AAdH,MAeFf,KAfJ;AAiBA,QAAMc,KAAK,GAAI,GAAEC,UAAW,GAAEH,QAAQ,GAAG,GAAH,GAAS,EAAG,EAAlD;AACA,QAAMI,YAAY,GAAG,oBAAQ,MAAMC,CAAC,IAAIX,QAAQ,CAACW,CAAC,CAACC,MAAF,CAASf,KAAV,CAA3B,EAA6C,CAACG,QAAD,CAA7C,CAArB;AACA,QAAMa,SAAS,GAAG1B,UAAU,CAACgB,KAAD,CAA5B;AACA,QAAMW,SAAS,GAAG,4BAAczB,eAAMG,OAApB,EAA6BH,eAAMkB,QAAnC,EAA6ClB,eAAMY,KAAnD,EAA0DM,QAA1D,EAAoEN,KAApE,CAAlB;AACA,QAAMc,eAAe,GACnBX,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,eAAMe;AAAtB,KAAoCA,WAApC,CADF,GAEI,IAHN;AAIA,QAAMY,WAAW,GACfZ,WAAW,IAAID,KAAK,KAAK,cAAzB,gBACE;AAAK,IAAA,SAAS,EAAEd,eAAM4B;AAAtB,kBACE,6BAAC,qDAAD;AAAU,IAAA,SAAS,EAAE5B,eAAM6B;AAA3B,IADF,eAEE;AAAK,IAAA,SAAS,EAAE7B,eAAM8B;AAAtB,KAAyCf,WAAzC,CAFF,CADF,GAKI,IANN;AAOA,QAAMgB,QAAQ,GACZjB,KAAK,KAAK,cAAV,gBACE;AACE,IAAA,SAAS,EAAEd,eAAMS,IADnB,CAEE;AAFF;AAGE,IAAA,uBAAuB,EAAE;AAACuB,MAAAA,MAAM,EAAEpB,KAAK,IAAIH;AAAlB;AAH3B,IADF,GAMI,IAPN;AAQA,QAAMwB,aAAa,GAAGrB,KAAK,gBAAG,6BAAC,+BAAD;AAAW,IAAA,SAAS,EAAEZ,eAAMkC;AAA5B,IAAH,GAA8C,IAAzE;AACA,QAAMC,aAAa,GAAGtB,KAAK,gBAAG,6BAAC,sCAAD;AAAW,IAAA,SAAS,EAAEb,eAAMkC;AAA5B,IAAH,GAA8C,IAAzE;AAEA,sBACE;AACE,IAAA,SAAS,EAAE,yBACTV,SADS,EAETC,SAFS,EAGTT,QAAQ,IAAIhB,eAAMgB,QAHT,EAIT,qBAAMI,UAAN,KAAqBpB,eAAMoC,SAJlB;AADb,kBAQE,yDACE;AAAM,IAAA,SAAS,EAAE,yBAAWpC,eAAMmB,KAAjB,EAAwB,uBAAQX,KAAR,KAAkBR,eAAMqC,OAAhD;AAAjB,KACGlB,KADH,EAEGQ,WAFH,CADF,eAME;AACE,IAAA,SAAS,EAAErB,SADb;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,IAAI,EAAEa,KAHR;AAIE,IAAA,SAAS,EAAEnB,eAAMsC,KAJnB;AAKE,IAAA,WAAW,EAAE/B,WALf;AAME,IAAA,YAAY,EAAEG,YANhB;AAOE,IAAA,YAAY,EAAE,KAPhB;AAQE,IAAA,KAAK,EAAEF,KART;AASE,IAAA,OAAO,EAAEa,YATX;AAUE,IAAA,QAAQ,EAAEL,QAVZ;AAWE,IAAA,QAAQ;AAXV,IANF,EAmBGiB,aAnBH,EAoBGE,aApBH,EAqBGJ,QArBH,CARF,EA+BGL,eA/BH,CADF;AAmCD,CA/ED;;AAiFAtB,SAAS,CAACmC,SAAV,2CAAsB;AACpBjC,EAAAA,SAAS,EAAEkC,mBAAUC,IADD;AAEpBtB,EAAAA,KAAK,EAAEqB,mBAAUE,MAFG;AAGpBnC,EAAAA,WAAW,EAAEiC,mBAAUE,MAHH;AAIpBhC,EAAAA,YAAY,EAAE8B,mBAAUE,MAJJ;AAKpB5B,EAAAA,KAAK,EAAE0B,mBAAUG,KAAV,CAAgB,oBAAK7C,UAAL,CAAhB,CALa;AAMpBkB,EAAAA,QAAQ,EAAEwB,mBAAUC,IANA;AAOpBxB,EAAAA,QAAQ,EAAEuB,mBAAUC,IAPA;AAQpBjC,EAAAA,KAAK,EAAEgC,mBAAUE,MARG;AASpBjC,EAAAA,IAAI,EAAE+B,mBAAUE,MATI;AAUpB9B,EAAAA,KAAK,EAAE4B,mBAAUE,MAVG;AAWpB/B,EAAAA,QAAQ,EAAE6B,mBAAUI,IAXA;AAYpB7B,EAAAA,WAAW,EAAEyB,mBAAUE,MAZH;AAapBxB,EAAAA,QAAQ,EAAEsB,mBAAUC,IAbA;AAcpB5B,EAAAA,KAAK,EAAE2B,mBAAUC;AAdG,CAAtB;eAgBerC,S","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    required,\n    modified = false,\n    title: propsTitle\n  } = props;\n\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {title}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type=\"text\"\n          name={title}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputText;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/atom/input-text/index.js"],"names":["themeStyle","setup","style","coorpmanager","cockpit","default","InputText","props","autoFocus","placeholder","value","hint","defaultValue","onChange","error","valid","theme","description","disabled","required","modified","title","propsTitle","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","__html","errorIconView","leftIcon","validIconView","isNoTitle","noValue","input","propTypes","PropTypes","bool","string","oneOf","func"],"mappings":"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","sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.default\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    required,\n    modified = false,\n    title: propsTitle\n  } = props;\n\n  const isCMTheme = theme === 'coorpmanager';\n  const title = `${propsTitle}${required ? '*' : ''}`;\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.default, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {title}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type=\"text\"\n          name={title}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  required: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputText;\n"],"file":"index.js"}

package/lib/atom/tag/index.js

@@ -16,8 +16,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const TAG_STYLES = {
   default: _style.default.default,
   published: _style.default.published,
-  revision: _style.default.revision,
-  archived: _style.default.archived
+  revised: _style.default.revised,
+  archived: _style.default.archived,
+  draft: _style.default.draft
 };
 
 const Tag = props => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/atom/tag/index.js"],"names":["TAG_STYLES","default","style","published","revision","archived","Tag","props","label","type","propTypes","PropTypes","string","oneOf"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,OAAO,EAAEC,eAAMD,OADE;AAEjBE,EAAAA,SAAS,EAAED,eAAMC,SAFA;AAGjBC,EAAAA,QAAQ,EAAEF,eAAME,QAHC;AAIjBC,EAAAA,QAAQ,EAAEH,eAAMG;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,EAAEP,UAAU,CAACS,IAAD;AAA3B,KAAoCD,KAApC,CAAP;AACD,CAJD;;AAMAF,GAAG,CAACI,SAAJ,2CAAgB;AACdF,EAAAA,KAAK,EAAEG,mBAAUC,MADH;AAEdH,EAAAA,IAAI,EAAEE,mBAAUE,KAAV,CAAgB,oBAAKb,UAAL,CAAhB;AAFQ,CAAhB;eAKeM,G","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"}
+{"version":3,"sources":["../../../src/atom/tag/index.js"],"names":["TAG_STYLES","default","style","published","revised","archived","draft","Tag","props","label","type","propTypes","PropTypes","string","oneOf"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,UAAU,GAAG;AACjBC,EAAAA,OAAO,EAAEC,eAAMD,OADE;AAEjBE,EAAAA,SAAS,EAAED,eAAMC,SAFA;AAGjBC,EAAAA,OAAO,EAAEF,eAAME,OAHE;AAIjBC,EAAAA,QAAQ,EAAEH,eAAMG,QAJC;AAKjBC,EAAAA,KAAK,EAAEJ,eAAMI;AALI,CAAnB;;AAQA,MAAMC,GAAG,GAAGC,KAAK,IAAI;AACnB,QAAM;AAACC,IAAAA,KAAD;AAAQC,IAAAA,IAAI,GAAG;AAAf,MAA4BF,KAAlC;AAEA,sBAAO;AAAM,IAAA,SAAS,EAAER,UAAU,CAACU,IAAD;AAA3B,KAAoCD,KAApC,CAAP;AACD,CAJD;;AAMAF,GAAG,CAACI,SAAJ,2CAAgB;AACdF,EAAAA,KAAK,EAAEG,mBAAUC,MADH;AAEdH,EAAAA,IAAI,EAAEE,mBAAUE,KAAV,CAAgB,oBAAKd,UAAL,CAAhB;AAFQ,CAAhB;eAKeO,G","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  revised: style.revised,\n  archived: style.archived,\n  draft: style.draft\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/lib/atom/tag/style.css

@@ -19,12 +19,16 @@
     color: black;
 }
 
-.revision {
+.revised {
     composes: tag;
     background-color: color(cm_yellow_200 a(15%));
     color: cm_yellow_200;
 }
 
+.draft {
+   composes: revised;
+}
+
 .published {
     composes: tag;
     background-color: color(cm_positive_100 a(15%));

package/lib/atom/tag/test/fixtures/draft.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _default = {
+  props: {
+    label: 'Draft',
+    type: 'draft'
+  }
+};
+exports.default = _default;
+//# sourceMappingURL=draft.js.map

package/lib/atom/tag/test/fixtures/draft.js.map

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