@coorpacademy/components 11.18.7 → 11.18.8-alpha.12

package/es/atom/button-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAIA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AA8BjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;CAazC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAIA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AAgCjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;CAazC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/es/atom/button-menu/index.js

@@ -14,7 +14,7 @@ const Button = props => {
     onClick,
     type = 'default'
   } = props;
-  const styleButton = classnames(style.button, type === 'default' && style.default, type === 'dangerous' && style.dangerous, disabled && style.disabled);
+  const styleButton = classnames(style.button, type === 'default' && style.default, type === 'defaultLeft' && style.defaultLeft, type === 'dangerous' && style.dangerous, type === 'dangerousLeft' && style.dangerousLeft, disabled && style.disabled);
   const handleOnClick = useCallback(() => onClick(), [onClick]);
   return /*#__PURE__*/React.createElement("button", {
     type: "button",

package/es/atom/button-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useCallback","map","classnames","style","propTypes","buttonPropTypes","Button","props","dataName","disabled","label","onClick","type","styleButton","button","default","dangerous","handleOnClick","buttonContent","ButtonMenu","buttons","buildButton","index","buttonList","convert","cap"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\n\nconst Button = (props: ButtonProps) => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.default,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = useCallback((button, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,WAAxB,QAA0C,OAA1C;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,IAAiDC,eAAjD,QAAuE,SAAvE;;AAEA,MAAMC,MAAM,GAAIC,KAAD,IAAwB;EACrC,MAAM;IAAC,aAAaC,QAAd;IAAwBC,QAAxB;IAAkCC,KAAlC;IAAyCC,OAAzC;IAAkDC,IAAI,GAAG;EAAzD,IAAsEL,KAA5E;EACA,MAAMM,WAAW,GAAGX,UAAU,CAC5BC,KAAK,CAACW,MADsB,EAE5BF,IAAI,KAAK,SAAT,IAAsBT,KAAK,CAACY,OAFA,EAG5BH,IAAI,KAAK,WAAT,IAAwBT,KAAK,CAACa,SAHF,EAI5BP,QAAQ,IAAIN,KAAK,CAACM,QAJU,CAA9B;EAOA,MAAMQ,aAAa,GAAGjB,WAAW,CAAC,MAAMW,OAAO,EAAd,EAAkB,CAACA,OAAD,CAAlB,CAAjC;EACA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,cAAYD,KAFd;IAGE,KAAK,EAAEA,KAHT;IAIE,aAAWF,QAJb;IAKE,SAAS,EAAEK,WALb;IAME,OAAO,EAAEI;EANX,gBAQE;IAAK,SAAS,EAAEd,KAAK,CAACe;EAAtB,gBACE;IAAM,SAAS,EAAEf,KAAK,CAACO;EAAvB,GAA+BA,KAA/B,CADF,CARF,CADF;AAcD,CAxBD;;AA0BAJ,MAAM,CAACF,SAAP,2CAAmBC,eAAnB;;AAEA,MAAMc,UAAU,GAAIZ,KAAD,IAA4B;EAC7C,MAAM;IAACa,OAAD;IAAU,aAAaZ;EAAvB,IAAmCD,KAAzC;EACA,MAAMc,WAAW,GAAGrB,WAAW,CAAC,CAACc,MAAD,EAASQ,KAAT,KAAmB;IACjD,oBAAO,oBAAC,MAAD,eAAYR,MAAZ;MAAoB,GAAG,EAAEA,MAAM,CAACJ,KAAP,GAAeY;IAAxC,GAAP;EACD,CAF8B,EAE5B,EAF4B,CAA/B;EAIA,MAAMC,UAAU,GAAGxB,OAAO,EACxB;EACA,MAAME,GAAG,CAACuB,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BJ,WAA1B,EAAuCD,OAAvC,CAFkB,EAGxB,CAACA,OAAD,EAAUC,WAAV,CAHwB,CAA1B;EAMA,oBAAO;IAAK,aAAWb;EAAhB,GAA2Be,UAA3B,CAAP;AACD,CAbD;;AAeAJ,UAAU,CAACf,SAAX,2CAAuBA,SAAvB;AAEA,eAAee,UAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","useCallback","map","classnames","style","propTypes","buttonPropTypes","Button","props","dataName","disabled","label","onClick","type","styleButton","button","default","defaultLeft","dangerous","dangerousLeft","handleOnClick","buttonContent","ButtonMenu","buttons","buildButton","index","buttonList","convert","cap"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\n\nconst Button = (props: ButtonProps) => {\n  const {'data-name': dataName, disabled, label, onClick, type = 'default'} = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.default,\n    type === 'defaultLeft' && style.defaultLeft,\n    type === 'dangerous' && style.dangerous,\n    type === 'dangerousLeft' && style.dangerousLeft,\n    disabled && style.disabled\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      data-name={dataName}\n      className={styleButton}\n      onClick={handleOnClick}\n    >\n      <div className={style.buttonContent}>\n        <span className={style.label}>{label}</span>\n      </div>\n    </button>\n  );\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName} = props;\n  const buildButton = useCallback((button: ButtonProps, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  return <div data-name={dataName}>{buttonList}</div>;\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,WAAxB,QAA0C,OAA1C;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,IAAiDC,eAAjD,QAAuE,SAAvE;;AAEA,MAAMC,MAAM,GAAIC,KAAD,IAAwB;EACrC,MAAM;IAAC,aAAaC,QAAd;IAAwBC,QAAxB;IAAkCC,KAAlC;IAAyCC,OAAzC;IAAkDC,IAAI,GAAG;EAAzD,IAAsEL,KAA5E;EACA,MAAMM,WAAW,GAAGX,UAAU,CAC5BC,KAAK,CAACW,MADsB,EAE5BF,IAAI,KAAK,SAAT,IAAsBT,KAAK,CAACY,OAFA,EAG5BH,IAAI,KAAK,aAAT,IAA0BT,KAAK,CAACa,WAHJ,EAI5BJ,IAAI,KAAK,WAAT,IAAwBT,KAAK,CAACc,SAJF,EAK5BL,IAAI,KAAK,eAAT,IAA4BT,KAAK,CAACe,aALN,EAM5BT,QAAQ,IAAIN,KAAK,CAACM,QANU,CAA9B;EASA,MAAMU,aAAa,GAAGnB,WAAW,CAAC,MAAMW,OAAO,EAAd,EAAkB,CAACA,OAAD,CAAlB,CAAjC;EACA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,cAAYD,KAFd;IAGE,KAAK,EAAEA,KAHT;IAIE,aAAWF,QAJb;IAKE,SAAS,EAAEK,WALb;IAME,OAAO,EAAEM;EANX,gBAQE;IAAK,SAAS,EAAEhB,KAAK,CAACiB;EAAtB,gBACE;IAAM,SAAS,EAAEjB,KAAK,CAACO;EAAvB,GAA+BA,KAA/B,CADF,CARF,CADF;AAcD,CA1BD;;AA4BAJ,MAAM,CAACF,SAAP,2CAAmBC,eAAnB;;AAEA,MAAMgB,UAAU,GAAId,KAAD,IAA4B;EAC7C,MAAM;IAACe,OAAD;IAAU,aAAad;EAAvB,IAAmCD,KAAzC;EACA,MAAMgB,WAAW,GAAGvB,WAAW,CAAC,CAACc,MAAD,EAAsBU,KAAtB,KAAgC;IAC9D,oBAAO,oBAAC,MAAD,eAAYV,MAAZ;MAAoB,GAAG,EAAEA,MAAM,CAACJ,KAAP,GAAec;IAAxC,GAAP;EACD,CAF8B,EAE5B,EAF4B,CAA/B;EAIA,MAAMC,UAAU,GAAG1B,OAAO,EACxB;EACA,MAAME,GAAG,CAACyB,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0BJ,WAA1B,EAAuCD,OAAvC,CAFkB,EAGxB,CAACA,OAAD,EAAUC,WAAV,CAHwB,CAA1B;EAMA,oBAAO;IAAK,aAAWf;EAAhB,GAA2BiB,UAA3B,CAAP;AACD,CAbD;;AAeAJ,UAAU,CAACjB,SAAX,2CAAuBA,SAAvB;AAEA,eAAeiB,UAAf"}

package/es/atom/button-menu/style.css

@@ -41,6 +41,11 @@
   color: cm_grey_900;
 }
 
+.defaultLeft {
+  composes: default;
+  justify-content: flex-start;
+}
+
 .default:hover {
   background-color: cm_grey_200;
 }
@@ -49,3 +54,8 @@
   composes: default;
   color: cm_negative_100;
 }
+
+.dangerousLeft {
+  composes: dangerous;
+  justify-content: flex-start;
+}

package/es/atom/button-menu/types.d.ts

@@ -22,7 +22,7 @@ export declare type ButtonProps = {
     disabled?: boolean;
     label: string;
     onClick: () => void;
-    type?: 'default' | 'dangerous';
+    type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';
 };
 export declare type ButtonMenuProps = {
     buttons: ButtonProps[];

package/es/atom/button-menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CAChC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,CAAC;CAClE,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}

package/es/atom/button-menu/types.js

@@ -4,7 +4,7 @@ export const buttonPropTypes = {
   disabled: PropTypes.bool,
   label: PropTypes.string.isRequired,
   onClick: PropTypes.func.isRequired,
-  type: PropTypes.oneOf(['default', 'dangerous'])
+  type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft'])
 };
 const propTypes = {
   buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,

package/es/atom/button-menu/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","buttonPropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","propTypes","buttons","arrayOf","shape"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const buttonPropTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'dangerous'])\n};\n\nconst propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n  'data-name': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type ButtonProps = {\n  'data-name'?: string;\n  disabled?: boolean;\n  label: string;\n  onClick: () => void;\n  type?: 'default' | 'dangerous';\n};\n\nexport type ButtonMenuProps = {\n  buttons: ButtonProps[];\n  'data-name'?: string;\n  'aria-label'?: string;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,eAAe,GAAG;EAC7B,aAAaD,SAAS,CAACE,MADM;EAE7BC,QAAQ,EAAEH,SAAS,CAACI,IAFS;EAG7BC,KAAK,EAAEL,SAAS,CAACE,MAAV,CAAiBI,UAHK;EAI7BC,OAAO,EAAEP,SAAS,CAACQ,IAAV,CAAeF,UAJK;EAK7BG,IAAI,EAAET,SAAS,CAACU,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AALuB,CAAxB;AAQP,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEZ,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,KAAV,CAAgBb,eAAhB,CAAlB,EAAoDK,UAD7C;EAEhB,aAAaN,SAAS,CAACE;AAFP,CAAlB;AAKA,eAAeS,SAAf"}
+{"version":3,"file":"types.js","names":["PropTypes","buttonPropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","propTypes","buttons","arrayOf","shape"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const buttonPropTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft'])\n};\n\nconst propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n  'data-name': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type ButtonProps = {\n  'data-name'?: string;\n  disabled?: boolean;\n  label: string;\n  onClick: () => void;\n  type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';\n};\n\nexport type ButtonMenuProps = {\n  buttons: ButtonProps[];\n  'data-name'?: string;\n  'aria-label'?: string;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,eAAe,GAAG;EAC7B,aAAaD,SAAS,CAACE,MADM;EAE7BC,QAAQ,EAAEH,SAAS,CAACI,IAFS;EAG7BC,KAAK,EAAEL,SAAS,CAACE,MAAV,CAAiBI,UAHK;EAI7BC,OAAO,EAAEP,SAAS,CAACQ,IAAV,CAAeF,UAJK;EAK7BG,IAAI,EAAET,SAAS,CAACU,KAAV,CAAgB,CAAC,SAAD,EAAY,aAAZ,EAA2B,WAA3B,EAAwC,eAAxC,CAAhB;AALuB,CAAxB;AAQP,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEZ,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,KAAV,CAAgBb,eAAhB,CAAlB,EAAoDK,UAD7C;EAEhB,aAAaN,SAAS,CAACE;AAFP,CAAlB;AAKA,eAAeS,SAAf"}

package/es/atom/empty-search-result/index.d.ts

@@ -4,6 +4,7 @@ declare namespace EmptySearchResult {
     namespace propTypes {
         const firstMessage: PropTypes.Validator<string>;
         const secondMessage: PropTypes.Validator<string>;
+        const isBulk: PropTypes.Requireable<boolean>;
     }
 }
 import PropTypes from "prop-types";

package/es/atom/empty-search-result/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/empty-search-result/index.js"],"names":[],"mappings":";AAIA,4DAQC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/empty-search-result/index.js"],"names":[],"mappings":";AAIA,4DAUC"}

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

@@ -5,20 +5,22 @@ import style from './style.css';
 const EmptySearchResult = props => {
   const {
     firstMessage,
-    secondMessage
+    secondMessage,
+    isBulk = false
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     className: style.container
   }, /*#__PURE__*/React.createElement("span", {
-    className: style.firstMessage
+    className: isBulk ? style.firstMessageBulk : style.firstMessage
   }, firstMessage), /*#__PURE__*/React.createElement("span", {
-    className: style.secondMessage
+    className: isBulk ? style.secondMessageBulk : style.secondMessage
   }, secondMessage));
 };
 
 EmptySearchResult.propTypes = process.env.NODE_ENV !== "production" ? {
   firstMessage: PropTypes.string.isRequired,
-  secondMessage: PropTypes.string.isRequired
+  secondMessage: PropTypes.string.isRequired,
+  isBulk: PropTypes.bool
 } : {};
 export default EmptySearchResult;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","EmptySearchResult","props","firstMessage","secondMessage","container","propTypes","string","isRequired"],"sources":["../../../src/atom/empty-search-result/index.js"],"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"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,YAAD;IAAeC;EAAf,IAAgCF,KAAtC;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACK;EAAtB,gBACE;IAAM,SAAS,EAAEL,KAAK,CAACG;EAAvB,GAAsCA,YAAtC,CADF,eAEE;IAAM,SAAS,EAAEH,KAAK,CAACI;EAAvB,GAAuCA,aAAvC,CAFF,CADF;AAMD,CARD;;AAUAH,iBAAiB,CAACK,SAAlB,2CAA8B;EAC5BH,YAAY,EAAEJ,SAAS,CAACQ,MAAV,CAAiBC,UADH;EAE5BJ,aAAa,EAAEL,SAAS,CAACQ,MAAV,CAAiBC;AAFJ,CAA9B;AAKA,eAAeP,iBAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","EmptySearchResult","props","firstMessage","secondMessage","isBulk","container","firstMessageBulk","secondMessageBulk","propTypes","string","isRequired","bool"],"sources":["../../../src/atom/empty-search-result/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport style from './style.css';\n\nconst EmptySearchResult = props => {\n  const {firstMessage, secondMessage, isBulk = false} = props;\n  return (\n    <div className={style.container}>\n      <span className={isBulk ? style.firstMessageBulk : style.firstMessage}>{firstMessage}</span>\n      <span className={isBulk ? style.secondMessageBulk : style.secondMessage}>\n        {secondMessage}\n      </span>\n    </div>\n  );\n};\n\nEmptySearchResult.propTypes = {\n  firstMessage: PropTypes.string.isRequired,\n  secondMessage: PropTypes.string.isRequired,\n  isBulk: PropTypes.bool\n};\n\nexport default EmptySearchResult;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,YAAD;IAAeC,aAAf;IAA8BC,MAAM,GAAG;EAAvC,IAAgDH,KAAtD;EACA,oBACE;IAAK,SAAS,EAAEF,KAAK,CAACM;EAAtB,gBACE;IAAM,SAAS,EAAED,MAAM,GAAGL,KAAK,CAACO,gBAAT,GAA4BP,KAAK,CAACG;EAAzD,GAAwEA,YAAxE,CADF,eAEE;IAAM,SAAS,EAAEE,MAAM,GAAGL,KAAK,CAACQ,iBAAT,GAA6BR,KAAK,CAACI;EAA1D,GACGA,aADH,CAFF,CADF;AAQD,CAVD;;AAYAH,iBAAiB,CAACQ,SAAlB,2CAA8B;EAC5BN,YAAY,EAAEJ,SAAS,CAACW,MAAV,CAAiBC,UADH;EAE5BP,aAAa,EAAEL,SAAS,CAACW,MAAV,CAAiBC,UAFJ;EAG5BN,MAAM,EAAEN,SAAS,CAACa;AAHU,CAA9B;AAMA,eAAeX,iBAAf"}

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

@@ -1,6 +1,7 @@
 @value colors: "../../variables/colors.css";
 @value cm_primary_blue from colors;
 @value cm_grey_900 from colors;
+@value cm_grey_500 from colors;
 
 .container {
     margin: 48px 0;
@@ -22,4 +23,18 @@
   .secondMessage {
     color: cm_primary_blue;
     display: block;
-  }
+  }
+
+  .firstMessageBulk {
+    color: cm_primary_blue;
+    display: block;
+    font-weight: 700;
+    line-height: 22px;
+  }
+
+  .secondMessageBulk {
+    color: cm_grey_500;
+    display: block;
+    font-weight: 600;
+    line-height: 20px;
+  }

package/es/atom/status-item/index.d.ts

@@ -4,6 +4,7 @@ declare const StatusItem: {
     (props: StatusItemProps): JSX.Element;
     propTypes: {
         current: import("prop-types").Requireable<boolean>;
+        selected: import("prop-types").Requireable<boolean>;
         icon: import("prop-types").Requireable<string>;
         value: import("prop-types").Requireable<string>;
     };

package/es/atom/status-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/status-item/index.tsx"],"names":[],"mappings":";AASA,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAqFnD,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;CAkBzC,CAAC;AAWF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/status-item/index.tsx"],"names":[],"mappings":";AASA,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAqFnD,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;CAmBzC,CAAC;AAWF,eAAe,UAAU,CAAC"}

package/es/atom/status-item/index.js

@@ -86,10 +86,11 @@ const Content = (props, legacyContext) => {
 const StatusItem = props => {
   const {
     icon,
-    current
+    current,
+    selected
   } = props;
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.default, icon === 'right' && style.right, icon === 'wrong' && style.wrong, current && style.current, icon === 'valid' && style.valid, icon === 'invalid' && style.invalid, icon === 'errors-number' && style.errorsNumber),
+    className: classnames(style.default, icon === 'right' && style.right, icon === 'wrong' && style.wrong, current && style.current, icon === 'valid' && style.valid, icon === 'invalid' && style.invalid, icon === 'errors-number' && style.errorsNumber, selected && style.selected),
     "data-name": "status-item"
   }, /*#__PURE__*/React.createElement(Content, props));
 };

package/es/atom/status-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","Provider","GetTranslateFromContext","style","propTypes","Content","props","legacyContext","icon","current","value","translate","child","contentAriaLabel","headerStepValue","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","bulkImportErrorsNumber","validIcon","invalidIcon","role","StatusItem","default","right","wrong","valid","invalid","errorsNumber","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/status-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {StatusItemProps} from './types';\n\nconst Content = (props: StatusItemProps, legacyContext: WebContextValues) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  let child;\n  let contentAriaLabel;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      contentAriaLabel = translate('review_header_step_item.not_answered_question', {\n        current: current ? 'current ' : '',\n        headerStepValue: value\n      });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon\n          className={classnames(style.rightIcon, current && style.currentRightIcon)}\n          role=\"status\"\n          aria-label={translate('review_header_step_item.correct_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon\n          className={classnames(style.wrongIcon, current && style.currentWrongIcon)}\n          role=\"alert\"\n          aria-label={translate('review_header_step_item.incorrect_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'errors-number':\n      child = value;\n      contentAriaLabel = translate('bulk_import.errors_number', {\n        bulkImportErrorsNumber: value\n      });\n      break;\n\n    case 'valid':\n      child = (\n        <RightIcon\n          className={classnames(style.validIcon)}\n          role=\"status\"\n          aria-label={translate('bulk_import.valid_scorm')}\n        />\n      );\n      break;\n\n    case 'invalid':\n      child = (\n        <WrongIcon\n          className={classnames(style.invalidIcon)}\n          role=\"alert\"\n          aria-label={translate('bulk_import.invalid_scorm')}\n        />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      {...(icon === 'no-answer' || icon === 'errors-number'\n        ? {'aria-label': contentAriaLabel, role: 'status'}\n        : {})}\n      className={style.value}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst StatusItem = (props: StatusItemProps) => {\n  const {icon, current} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current,\n        icon === 'valid' && style.valid,\n        icon === 'invalid' && style.invalid,\n        icon === 'errors-number' && style.errorsNumber\n      )}\n      data-name=\"status-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nStatusItem.propTypes = propTypes;\n\nexport default StatusItem;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","Provider","GetTranslateFromContext","style","propTypes","Content","props","legacyContext","icon","current","value","translate","child","contentAriaLabel","headerStepValue","rightIcon","currentRightIcon","wrongIcon","currentWrongIcon","bulkImportErrorsNumber","validIcon","invalidIcon","role","StatusItem","selected","default","right","wrong","valid","invalid","errorsNumber","contextTypes","skin","childContextTypes"],"sources":["../../../src/atom/status-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as RightIcon,\n  NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport Provider, {GetTranslateFromContext} from '../provider';\nimport {WebContextValues} from '../provider/web-context';\nimport style from './style.css';\nimport propTypes, {StatusItemProps} from './types';\n\nconst Content = (props: StatusItemProps, legacyContext: WebContextValues) => {\n  const {icon, current, value} = props;\n  const translate = GetTranslateFromContext(legacyContext);\n  let child;\n  let contentAriaLabel;\n  switch (icon) {\n    case 'no-answer':\n      child = value;\n      contentAriaLabel = translate('review_header_step_item.not_answered_question', {\n        current: current ? 'current ' : '',\n        headerStepValue: value\n      });\n      break;\n\n    case 'right':\n      child = (\n        <RightIcon\n          className={classnames(style.rightIcon, current && style.currentRightIcon)}\n          role=\"status\"\n          aria-label={translate('review_header_step_item.correct_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'wrong':\n      child = (\n        <WrongIcon\n          className={classnames(style.wrongIcon, current && style.currentWrongIcon)}\n          role=\"alert\"\n          aria-label={translate('review_header_step_item.incorrect_question', {\n            current: current ? 'current ' : '',\n            headerStepValue: value\n          })}\n        />\n      );\n      break;\n\n    case 'errors-number':\n      child = value;\n      contentAriaLabel = translate('bulk_import.errors_number', {\n        bulkImportErrorsNumber: value\n      });\n      break;\n\n    case 'valid':\n      child = (\n        <RightIcon\n          className={classnames(style.validIcon)}\n          role=\"status\"\n          aria-label={translate('bulk_import.valid_scorm')}\n        />\n      );\n      break;\n\n    case 'invalid':\n      child = (\n        <WrongIcon\n          className={classnames(style.invalidIcon)}\n          role=\"alert\"\n          aria-label={translate('bulk_import.invalid_scorm')}\n        />\n      );\n      break;\n\n    default:\n      return null;\n  }\n\n  return (\n    <span\n      {...(icon === 'no-answer' || icon === 'errors-number'\n        ? {'aria-label': contentAriaLabel, role: 'status'}\n        : {})}\n      className={style.value}\n    >\n      {child}\n    </span>\n  );\n};\n\nconst StatusItem = (props: StatusItemProps) => {\n  const {icon, current, selected} = props;\n  return (\n    <div\n      className={classnames(\n        style.default,\n        icon === 'right' && style.right,\n        icon === 'wrong' && style.wrong,\n        current && style.current,\n        icon === 'valid' && style.valid,\n        icon === 'invalid' && style.invalid,\n        icon === 'errors-number' && style.errorsNumber,\n        selected && style.selected\n      )}\n      data-name=\"status-item\"\n    >\n      <Content {...props} />\n    </div>\n  );\n};\n\nContent.propTypes = propTypes;\n\nContent.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nStatusItem.propTypes = propTypes;\n\nexport default StatusItem;\n"],"mappings":"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"}

package/es/atom/status-item/style.css

@@ -9,10 +9,11 @@
 @value cm_green_secondary_200 from colors;
 @value cm_green_secondary_100 from colors;
 @value cm_pink_50 from colors;
+@value cm_primary_blue from colors;
 
 .default {
-  width: 32px;
-  height: 32px;
+  width: 100%;
+  height: 100%;
   opacity: 0.5;
   border-radius: 50%;
   background-color: cm_grey_100;
@@ -44,12 +45,13 @@
 
 .value {
   display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .rightIcon {
   color: white;
-  width: 12px;
-  height: 10px;
+  width: 37.5%;
   transition: transform 0.25s ease;
 }
 
@@ -59,8 +61,7 @@
 
 .wrongIcon {
   color: white;
-  width: 10px;
-  height: 10px;
+  width: 31.25%;
   transition: color 0.25s ease;
 }
 
@@ -73,43 +74,40 @@
 
 .valid {
   opacity: 1;
-  width: 24px;
   min-width: 24px;
-  height: 24px;
   background-color: cm_green_secondary_100;
 }
 
 .validIcon {
   color: cm_green_secondary_200;
-  width: 12px;
-  height: 10px;
+  width: 50%;
   transition: transform 0.25s ease;
 }
 
 .invalid {
   opacity: 1;
-  width: 24px;
   min-width: 24px;
-  height: 24px;
   background-color: cm_negative_50;
 }
 
 .invalidIcon {
   color: cm_negative_100;
-  width: 10px;
-  height: 10px;
+  width: 41.67%;
   transition: color 0.25s ease;
 }
 
 .errorsNumber {
   opacity: 1;
-  width: 24px;
   min-width: 24px;
-  height: 24px;
   background-color: cm_pink_50;
   color: cm_negative_100;
   font-family: 'Gilroy';
   font-style: normal;
   font-weight: 600;
   font-size: 14px;
-}
+}
+
+.selected {
+  background-color: #D6E6FF;
+  color: cm_primary_blue;
+}

package/es/atom/status-item/types.d.ts

@@ -1,12 +1,14 @@
 import PropTypes from 'prop-types';
 declare const propTypes: {
     current: PropTypes.Requireable<boolean>;
+    selected: PropTypes.Requireable<boolean>;
     icon: PropTypes.Requireable<string>;
     value: PropTypes.Requireable<string>;
 };
 export default propTypes;
 export declare type StatusItemProps = {
     current?: boolean;
+    selected?: boolean;
     icon: 'no-answer' | 'right' | 'wrong' | 'valid' | 'invalid' | 'errors-number';
     value?: string;
 };

package/es/atom/status-item/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/status-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,eAAe,CAAC;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,OAAO,GAAG;IACpB,KAAK,EAAE,eAAe,CAAC;CACxB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/status-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,SAAS;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,eAAe,CAAC;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,OAAO,GAAG;IACpB,KAAK,EAAE,eAAe,CAAC;CACxB,CAAC"}

package/es/atom/status-item/types.js

@@ -1,6 +1,7 @@
 import PropTypes from 'prop-types';
 const propTypes = {
   current: PropTypes.bool,
+  selected: PropTypes.bool,
   icon: PropTypes.oneOf(['no-answer', 'right', 'wrong', 'valid', 'invalid', 'errors-number']),
   value: PropTypes.string
 };

package/es/atom/status-item/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","propTypes","current","bool","icon","oneOf","value","string"],"sources":["../../../src/atom/status-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  current: PropTypes.bool,\n  icon: PropTypes.oneOf(['no-answer', 'right', 'wrong', 'valid', 'invalid', 'errors-number']),\n  value: PropTypes.string\n};\n\nexport default propTypes;\n\nexport type StatusItemProps = {\n  current?: boolean;\n  icon: 'no-answer' | 'right' | 'wrong' | 'valid' | 'invalid' | 'errors-number';\n  value?: string;\n};\n\nexport type Fixture = {\n  props: StatusItemProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEF,SAAS,CAACG,IADH;EAEhBC,IAAI,EAAEJ,SAAS,CAACK,KAAV,CAAgB,CAAC,WAAD,EAAc,OAAd,EAAuB,OAAvB,EAAgC,OAAhC,EAAyC,SAAzC,EAAoD,eAApD,CAAhB,CAFU;EAGhBC,KAAK,EAAEN,SAAS,CAACO;AAHD,CAAlB;AAMA,eAAeN,SAAf"}
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","current","bool","selected","icon","oneOf","value","string"],"sources":["../../../src/atom/status-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  current: PropTypes.bool,\n  selected: PropTypes.bool,\n  icon: PropTypes.oneOf(['no-answer', 'right', 'wrong', 'valid', 'invalid', 'errors-number']),\n  value: PropTypes.string\n};\n\nexport default propTypes;\n\nexport type StatusItemProps = {\n  current?: boolean;\n  selected?: boolean;\n  icon: 'no-answer' | 'right' | 'wrong' | 'valid' | 'invalid' | 'errors-number';\n  value?: string;\n};\n\nexport type Fixture = {\n  props: StatusItemProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAEF,SAAS,CAACG,IADH;EAEhBC,QAAQ,EAAEJ,SAAS,CAACG,IAFJ;EAGhBE,IAAI,EAAEL,SAAS,CAACM,KAAV,CAAgB,CAAC,WAAD,EAAc,OAAd,EAAuB,OAAvB,EAAgC,OAAhC,EAAyC,SAAzC,EAAoD,eAApD,CAAhB,CAHU;EAIhBC,KAAK,EAAEP,SAAS,CAACQ;AAJD,CAAlB;AAOA,eAAeP,SAAf"}

package/es/atom/tag/index.js

@@ -4,10 +4,10 @@ import PropTypes from 'prop-types';
 import style from './style.css';
 const TAG_STYLES = {
   default: style.default,
-  published: style.published,
-  revised: style.revised,
-  archived: style.archived,
-  draft: style.draft
+  success: style.success,
+  failure: style.failure,
+  warning: style.warning,
+  progress: style.progress
 };
 
 const Tag = props => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","style","TAG_STYLES","default","published","revised","archived","draft","Tag","props","label","type","propTypes","string","oneOf"],"sources":["../../../src/atom/tag/index.js"],"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 (\n    <span className={TAG_STYLES[type]} data-name={`content-tag-${label}`}>\n      {label}\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES))\n};\n\nexport default Tag;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAEF,KAAK,CAACE,OADE;EAEjBC,SAAS,EAAEH,KAAK,CAACG,SAFA;EAGjBC,OAAO,EAAEJ,KAAK,CAACI,OAHE;EAIjBC,QAAQ,EAAEL,KAAK,CAACK,QAJC;EAKjBC,KAAK,EAAEN,KAAK,CAACM;AALI,CAAnB;;AAQA,MAAMC,GAAG,GAAGC,KAAK,IAAI;EACnB,MAAM;IAACC,KAAD;IAAQC,IAAI,GAAG;EAAf,IAA4BF,KAAlC;EAEA,oBACE;IAAM,SAAS,EAAEP,UAAU,CAACS,IAAD,CAA3B;IAAmC,aAAY,eAAcD,KAAM;EAAnE,GACGA,KADH,CADF;AAKD,CARD;;AAUAF,GAAG,CAACI,SAAJ,2CAAgB;EACdF,KAAK,EAAEV,SAAS,CAACa,MADH;EAEdF,IAAI,EAAEX,SAAS,CAACc,KAAV,CAAgB,MAAKZ,UAAL,CAAhB;AAFQ,CAAhB;AAKA,eAAeM,GAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","style","TAG_STYLES","default","success","failure","warning","progress","Tag","props","label","type","propTypes","string","oneOf"],"sources":["../../../src/atom/tag/index.js"],"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  success: style.success,\n  failure: style.failure,\n  warning: style.warning,\n  progress: style.progress\n};\n\nconst Tag = props => {\n  const {label, type = 'default'} = props;\n\n  return (\n    <span className={TAG_STYLES[type]} data-name={`content-tag-${label}`}>\n      {label}\n    </span>\n  );\n};\n\nTag.propTypes = {\n  label: PropTypes.string,\n  type: PropTypes.oneOf(keys(TAG_STYLES))\n};\n\nexport default Tag;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAEF,KAAK,CAACE,OADE;EAEjBC,OAAO,EAAEH,KAAK,CAACG,OAFE;EAGjBC,OAAO,EAAEJ,KAAK,CAACI,OAHE;EAIjBC,OAAO,EAAEL,KAAK,CAACK,OAJE;EAKjBC,QAAQ,EAAEN,KAAK,CAACM;AALC,CAAnB;;AAQA,MAAMC,GAAG,GAAGC,KAAK,IAAI;EACnB,MAAM;IAACC,KAAD;IAAQC,IAAI,GAAG;EAAf,IAA4BF,KAAlC;EAEA,oBACE;IAAM,SAAS,EAAEP,UAAU,CAACS,IAAD,CAA3B;IAAmC,aAAY,eAAcD,KAAM;EAAnE,GACGA,KADH,CADF;AAKD,CARD;;AAUAF,GAAG,CAACI,SAAJ,2CAAgB;EACdF,KAAK,EAAEV,SAAS,CAACa,MADH;EAEdF,IAAI,EAAEX,SAAS,CAACc,KAAV,CAAgB,MAAKZ,UAAL,CAAhB;AAFQ,CAAhB;AAKA,eAAeM,GAAf"}

package/es/atom/tag/style.css

@@ -2,6 +2,7 @@
 @value white from colors;
 @value cm_yellow_200 from colors;
 @value cm_positive_100 from colors;
+@value cm_negative_100 from colors;
 @value cm_orange_700 from colors;
 @value black from colors;
 
@@ -10,7 +11,7 @@
   font-family: 'Gilroy';
   font-size: 14px;
   font-weight: bold;
-  min-width: 90px;
+  text-align: center;
   padding: 12px 16px;
 }
 
@@ -19,23 +20,25 @@
     color: black;
 }
 
-.revised {
+.progress {
     composes: tag;
     background-color: color(cm_yellow_200 a(15%));
     color: cm_yellow_200;
 }
 
-.draft {
-   composes: revised;
-}
-
-.published {
+.success {
     composes: tag;
     background-color: color(cm_positive_100 a(15%));
     color: cm_positive_100;
 }
 
-.archived {
+.failure {
+    composes: tag;
+    background-color: color(cm_negative_100 a(15%));
+    color: cm_negative_100;
+}
+
+.warning {
     composes: tag;
     background-color: color(cm_orange_700 a(15%));
     color: cm_orange_700;

package/es/atom/title/types.d.ts

@@ -0,0 +1,9 @@
+export declare type TitleProps = {
+    title: string;
+    subtitle: string;
+    type: 'page' | 'form-group';
+    'data-name'?: string;
+    titleSize: 'standard' | 'medium' | 'small';
+    subtitleSize: 'standard' | 'small' | 'small-without-margin' | 'extra-small';
+};
+//# sourceMappingURL=types.d.ts.map

package/es/atom/title/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/title/types.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,GAAG,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,YAAY,EAAE,UAAU,GAAG,OAAO,GAAG,sBAAsB,GAAG,aAAa,CAAC;CAC7E,CAAC"}

package/es/atom/title/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/atom/title/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/atom/title/types.ts"],"sourcesContent":["export type TitleProps = {\n  title: string;\n  subtitle: string;\n  type: 'page' | 'form-group';\n  'data-name'?: string;\n  titleSize: 'standard' | 'medium' | 'small';\n  subtitleSize: 'standard' | 'small' | 'small-without-margin' | 'extra-small';\n};\n"],"mappings":""}

package/es/molecule/banner/style.css

@@ -4,8 +4,10 @@
 @value white from colors;
 @value medium from colors;
 @value cm_positive_100 from colors;
+@value cm_positive_200 from colors;
 @value cm_negative_50 from colors;
 @value cm_negative_200 from colors;
+@value cm_green_secondary_100 from colors;
 @value cm_warning_50 from colors;
 @value cm_yellow_100 from colors;
 @value cm_yellow_200 from colors;
@@ -49,8 +51,8 @@
 }
 
 .banner.success {
-    background-color: color(cm_positive_100 a(15%));
-    color: cm_positive_100;
+    background-color: cm_green_secondary_100;
+    color: cm_positive_200;
 }
 
 .temporaryBanner {

package/es/molecule/brand-tabs/index.d.ts

@@ -6,6 +6,7 @@ declare namespace BrandTabs {
             tab: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 href: PropTypes.Requireable<string>;
+                status: PropTypes.Requireable<string>;
                 selected: PropTypes.Requireable<boolean>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }>>;

package/es/molecule/brand-tabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-tabs/index.js"],"names":[],"mappings":";AAkCA,oDAMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-tabs/index.js"],"names":[],"mappings":";AAyCA,oDAMC"}

package/es/molecule/brand-tabs/index.js

@@ -2,6 +2,7 @@ import _snakeCase from "lodash/fp/snakeCase";
 import React from 'react';
 import PropTypes from 'prop-types';
 import Link from '../../atom/link';
+import StatusItem from '../../atom/status-item';
 import style from './style.css';
 
 const Tab = ({
@@ -12,6 +13,7 @@ const Tab = ({
   const {
     title,
     href,
+    status,
     selected,
     onClick
   } = tab;
@@ -25,13 +27,20 @@ const Tab = ({
     onClick: onClick
   }, /*#__PURE__*/React.createElement(Link, {
     href: href
-  }, title));
+  }, title), status ? /*#__PURE__*/React.createElement("div", {
+    className: style.statusItemWrapper
+  }, /*#__PURE__*/React.createElement(StatusItem, {
+    icon: "no-answer",
+    value: status,
+    selected: selected
+  })) : null);
 };
 
 Tab.propTypes = process.env.NODE_ENV !== "production" ? {
   tab: PropTypes.shape({
     title: Link.propTypes.children,
     href: Link.propTypes.href,
+    status: PropTypes.string,
     selected: PropTypes.bool,
     onClick: PropTypes.func
   }),

package/es/molecule/brand-tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Link","style","Tab","tab","index","isLightTab","title","href","selected","onClick","selectedStyle","selectedlight","unselectedStyle","lighttab","className","propTypes","shape","children","bool","func","number","BrandTabs","props","tabs","type","tabsList","map","lightwrapper","wrapper","arrayOf","oneOf"],"sources":["../../../src/molecule/brand-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst Tab = ({tab, index, isLightTab}) => {\n  const {title, href, selected, onClick} = tab;\n  const selectedStyle = isLightTab ? style.selectedlight : style.selected;\n  const unselectedStyle = isLightTab ? style.lighttab : style.tab;\n  const className = selected ? selectedStyle : unselectedStyle;\n\n  return (\n    <div\n      data-name={`brand_tab_${snakeCase(title)}`}\n      className={className}\n      key={index}\n      onClick={onClick}\n    >\n      <Link href={href}>{title}</Link>\n    </div>\n  );\n};\nTab.propTypes = {\n  tab: PropTypes.shape({\n    title: Link.propTypes.children,\n    href: Link.propTypes.href,\n    selected: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  index: PropTypes.number,\n  isLightTab: PropTypes.bool\n};\n\nconst BrandTabs = props => {\n  const {tabs, type = 'default'} = props;\n  const isLightTab = type === 'light';\n  const tabsList = tabs.map((tab, index) => Tab({tab, index, isLightTab}));\n\n  return <div className={isLightTab ? style.lightwrapper : style.wrapper}>{tabsList}</div>;\n};\n\nBrandTabs.propTypes = {\n  tabs: PropTypes.arrayOf(PropTypes.shape(Tab.propTypes)),\n  type: PropTypes.oneOf(['default', 'light'])\n};\nexport default BrandTabs;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAAC;EAACC,GAAD;EAAMC,KAAN;EAAaC;AAAb,CAAD,KAA8B;EACxC,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,QAAd;IAAwBC;EAAxB,IAAmCN,GAAzC;EACA,MAAMO,aAAa,GAAGL,UAAU,GAAGJ,KAAK,CAACU,aAAT,GAAyBV,KAAK,CAACO,QAA/D;EACA,MAAMI,eAAe,GAAGP,UAAU,GAAGJ,KAAK,CAACY,QAAT,GAAoBZ,KAAK,CAACE,GAA5D;EACA,MAAMW,SAAS,GAAGN,QAAQ,GAAGE,aAAH,GAAmBE,eAA7C;EAEA,oBACE;IACE,aAAY,aAAY,WAAUN,KAAV,CAAiB,EAD3C;IAEE,SAAS,EAAEQ,SAFb;IAGE,GAAG,EAAEV,KAHP;IAIE,OAAO,EAAEK;EAJX,gBAME,oBAAC,IAAD;IAAM,IAAI,EAAEF;EAAZ,GAAmBD,KAAnB,CANF,CADF;AAUD,CAhBD;;AAiBAJ,GAAG,CAACa,SAAJ,2CAAgB;EACdZ,GAAG,EAAEJ,SAAS,CAACiB,KAAV,CAAgB;IACnBV,KAAK,EAAEN,IAAI,CAACe,SAAL,CAAeE,QADH;IAEnBV,IAAI,EAAEP,IAAI,CAACe,SAAL,CAAeR,IAFF;IAGnBC,QAAQ,EAAET,SAAS,CAACmB,IAHD;IAInBT,OAAO,EAAEV,SAAS,CAACoB;EAJA,CAAhB,CADS;EAOdf,KAAK,EAAEL,SAAS,CAACqB,MAPH;EAQdf,UAAU,EAAEN,SAAS,CAACmB;AARR,CAAhB;;AAWA,MAAMG,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,IAAD;IAAOC,IAAI,GAAG;EAAd,IAA2BF,KAAjC;EACA,MAAMjB,UAAU,GAAGmB,IAAI,KAAK,OAA5B;EACA,MAAMC,QAAQ,GAAGF,IAAI,CAACG,GAAL,CAAS,CAACvB,GAAD,EAAMC,KAAN,KAAgBF,GAAG,CAAC;IAACC,GAAD;IAAMC,KAAN;IAAaC;EAAb,CAAD,CAA5B,CAAjB;EAEA,oBAAO;IAAK,SAAS,EAAEA,UAAU,GAAGJ,KAAK,CAAC0B,YAAT,GAAwB1B,KAAK,CAAC2B;EAAxD,GAAkEH,QAAlE,CAAP;AACD,CAND;;AAQAJ,SAAS,CAACN,SAAV,2CAAsB;EACpBQ,IAAI,EAAExB,SAAS,CAAC8B,OAAV,CAAkB9B,SAAS,CAACiB,KAAV,CAAgBd,GAAG,CAACa,SAApB,CAAlB,CADc;EAEpBS,IAAI,EAAEzB,SAAS,CAAC+B,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB;AAFc,CAAtB;AAIA,eAAeT,SAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Link","StatusItem","style","Tab","tab","index","isLightTab","title","href","status","selected","onClick","selectedStyle","selectedlight","unselectedStyle","lighttab","className","statusItemWrapper","propTypes","shape","children","string","bool","func","number","BrandTabs","props","tabs","type","tabsList","map","lightwrapper","wrapper","arrayOf","oneOf"],"sources":["../../../src/molecule/brand-tabs/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {snakeCase} from 'lodash/fp';\nimport Link from '../../atom/link';\nimport StatusItem from '../../atom/status-item';\nimport style from './style.css';\n\nconst Tab = ({tab, index, isLightTab}) => {\n  const {title, href, status, selected, onClick} = tab;\n  const selectedStyle = isLightTab ? style.selectedlight : style.selected;\n  const unselectedStyle = isLightTab ? style.lighttab : style.tab;\n  const className = selected ? selectedStyle : unselectedStyle;\n\n  return (\n    <div\n      data-name={`brand_tab_${snakeCase(title)}`}\n      className={className}\n      key={index}\n      onClick={onClick}\n    >\n      <Link href={href}>{title}</Link>\n      {status ? (\n        <div className={style.statusItemWrapper}>\n          <StatusItem icon=\"no-answer\" value={status} selected={selected} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\nTab.propTypes = {\n  tab: PropTypes.shape({\n    title: Link.propTypes.children,\n    href: Link.propTypes.href,\n    status: PropTypes.string,\n    selected: PropTypes.bool,\n    onClick: PropTypes.func\n  }),\n  index: PropTypes.number,\n  isLightTab: PropTypes.bool\n};\n\nconst BrandTabs = props => {\n  const {tabs, type = 'default'} = props;\n  const isLightTab = type === 'light';\n  const tabsList = tabs.map((tab, index) => Tab({tab, index, isLightTab}));\n\n  return <div className={isLightTab ? style.lightwrapper : style.wrapper}>{tabsList}</div>;\n};\n\nBrandTabs.propTypes = {\n  tabs: PropTypes.arrayOf(PropTypes.shape(Tab.propTypes)),\n  type: PropTypes.oneOf(['default', 'light'])\n};\nexport default BrandTabs;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAAC;EAACC,GAAD;EAAMC,KAAN;EAAaC;AAAb,CAAD,KAA8B;EACxC,MAAM;IAACC,KAAD;IAAQC,IAAR;IAAcC,MAAd;IAAsBC,QAAtB;IAAgCC;EAAhC,IAA2CP,GAAjD;EACA,MAAMQ,aAAa,GAAGN,UAAU,GAAGJ,KAAK,CAACW,aAAT,GAAyBX,KAAK,CAACQ,QAA/D;EACA,MAAMI,eAAe,GAAGR,UAAU,GAAGJ,KAAK,CAACa,QAAT,GAAoBb,KAAK,CAACE,GAA5D;EACA,MAAMY,SAAS,GAAGN,QAAQ,GAAGE,aAAH,GAAmBE,eAA7C;EAEA,oBACE;IACE,aAAY,aAAY,WAAUP,KAAV,CAAiB,EAD3C;IAEE,SAAS,EAAES,SAFb;IAGE,GAAG,EAAEX,KAHP;IAIE,OAAO,EAAEM;EAJX,gBAME,oBAAC,IAAD;IAAM,IAAI,EAAEH;EAAZ,GAAmBD,KAAnB,CANF,EAOGE,MAAM,gBACL;IAAK,SAAS,EAAEP,KAAK,CAACe;EAAtB,gBACE,oBAAC,UAAD;IAAY,IAAI,EAAC,WAAjB;IAA6B,KAAK,EAAER,MAApC;IAA4C,QAAQ,EAAEC;EAAtD,EADF,CADK,GAIH,IAXN,CADF;AAeD,CArBD;;AAsBAP,GAAG,CAACe,SAAJ,2CAAgB;EACdd,GAAG,EAAEL,SAAS,CAACoB,KAAV,CAAgB;IACnBZ,KAAK,EAAEP,IAAI,CAACkB,SAAL,CAAeE,QADH;IAEnBZ,IAAI,EAAER,IAAI,CAACkB,SAAL,CAAeV,IAFF;IAGnBC,MAAM,EAAEV,SAAS,CAACsB,MAHC;IAInBX,QAAQ,EAAEX,SAAS,CAACuB,IAJD;IAKnBX,OAAO,EAAEZ,SAAS,CAACwB;EALA,CAAhB,CADS;EAQdlB,KAAK,EAAEN,SAAS,CAACyB,MARH;EASdlB,UAAU,EAAEP,SAAS,CAACuB;AATR,CAAhB;;AAYA,MAAMG,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IAACC,IAAD;IAAOC,IAAI,GAAG;EAAd,IAA2BF,KAAjC;EACA,MAAMpB,UAAU,GAAGsB,IAAI,KAAK,OAA5B;EACA,MAAMC,QAAQ,GAAGF,IAAI,CAACG,GAAL,CAAS,CAAC1B,GAAD,EAAMC,KAAN,KAAgBF,GAAG,CAAC;IAACC,GAAD;IAAMC,KAAN;IAAaC;EAAb,CAAD,CAA5B,CAAjB;EAEA,oBAAO;IAAK,SAAS,EAAEA,UAAU,GAAGJ,KAAK,CAAC6B,YAAT,GAAwB7B,KAAK,CAAC8B;EAAxD,GAAkEH,QAAlE,CAAP;AACD,CAND;;AAQAJ,SAAS,CAACP,SAAV,2CAAsB;EACpBS,IAAI,EAAE5B,SAAS,CAACkC,OAAV,CAAkBlC,SAAS,CAACoB,KAAV,CAAgBhB,GAAG,CAACe,SAApB,CAAlB,CADc;EAEpBU,IAAI,EAAE7B,SAAS,CAACmC,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB;AAFc,CAAtB;AAIA,eAAeT,SAAf"}

package/es/molecule/brand-tabs/style.css

@@ -18,6 +18,12 @@
   overflow-y: hidden;
 }
 
+.statusItemWrapper {
+  margin-left: 8px;
+  width: 14px;
+  height: 16px;
+}
+
 .tab {
   display: inline-block;
   height: 100%;
@@ -29,13 +35,10 @@
 }
 
 .lighttab {
-  display: inline-block;
   height: 36px;
-  width: auto;
   display: flex;
-  flex-direction: column;
-  justify-content: center;
   align-items: center;
+  justify-content: space-between;
   padding: 8px 16px;
   margin-right: 16px;
   border-radius: 5px;

package/es/molecule/bulk-progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAoB,MAAM,SAAS,CAAC;AA4BjD,QAAA,MAAM,eAAe;YAAW,KAAK;;;;;;CAepC,CAAC;AAIF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bulk-progress-bar/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAoB,MAAM,SAAS,CAAC;AAgCjD,QAAA,MAAM,eAAe;YAAW,KAAK;;;;;;CAepC,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/es/molecule/bulk-progress-bar/index.js

@@ -16,9 +16,11 @@ const renderStatusIcon = (status, progress) => {
     role: "status",
     className: style.progressText
   }, `${progress} %`);
-  return /*#__PURE__*/React.createElement(StatusItem, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.statusItemWrapper
+  }, /*#__PURE__*/React.createElement(StatusItem, {
     icon: status === STATUS.fail ? 'invalid' : 'valid'
-  });
+  }));
 };
 
 const resolveProgressBarColor = status => {