@coorpacademy/components 11.40.22-slider.21 → 11.40.23

package/es/template/app-player/player/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/player/index.js"],"names":[],"mappings":";AAQA,4DAgBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/player/index.js"],"names":[],"mappings":";AAQA,sDAgBC"}

package/es/template/app-player/player/slides/footer/index.d.ts

@@ -1,8 +1,8 @@
 export default SlidesFooter;
-declare function SlidesFooter(props: any): React.JSX.Element;
+declare function SlidesFooter(props: any): JSX.Element | null;
 declare namespace SlidesFooter {
     namespace propTypes {
-        const buttons: PropTypes.Requireable<PropTypes.InferProps<{
+        const buttons: PropTypes.Requireable<(PropTypes.InferProps<{
             disabled: PropTypes.Requireable<boolean>;
             notify: PropTypes.Requireable<boolean>;
             selected: PropTypes.Requireable<boolean>;
@@ -12,9 +12,8 @@ declare namespace SlidesFooter {
             onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
             onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
-        }>[]>;
+        }> | null | undefined)[]>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/template/app-player/player/slides/footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/footer/index.js"],"names":[],"mappings":";AAqIA,6DAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/footer/index.js"],"names":[],"mappings":";AAyIA,8DAaC"}

package/es/template/app-player/player/slides/footer/index.js

@@ -62,6 +62,7 @@ class Button extends React.Component {
     } = this.state;
     const grey = _get('common.grey', skin);
     const primaryColor = _get('common.primary', skin);
+    const positiveColor = _get('common.positive', skin);
     const {
       disabled,
       notify,
@@ -97,7 +98,10 @@ class Button extends React.Component {
         ...selectedColor
       }
     }, /*#__PURE__*/React.createElement("div", {
-      className: highlighted ? style.highlighted : style.logo
+      className: highlighted ? style.highlighted : style.logo,
+      style: highlighted ? {
+        backgroundColor: positiveColor
+      } : null
     }, notifyView, /*#__PURE__*/React.createElement(IconType, {
       style: {
         color: colorIcon

package/es/template/app-player/player/slides/footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyFilterVideo2","MediaIcon","NovaCompositionCoorpacademyClue","ClueIcon","NovaCompositionCoorpacademyMap","ContextIcon","NovaCompositionCoorpacademyChat","CoachIcon","NovaCompositionCoorpacademyListBullets3","QuestionIcon","Provider","style","TABS","question","icon","media","clue","coach","className","context","Button","Component","contextTypes","skin","childContextTypes","constructor","props","state","hovered","handleMouseEnter","onMouseEnter","setState","prevState","handleMouseLeave","onMouseLeave","render","grey","_get","primaryColor","disabled","notify","selected","highlighted","title","type","onClick","colorIcon","selectedColor","borderTopColor","hoverStyle","IconType","button","notifyView","createElement","logo","color","height","propTypes","process","env","NODE_ENV","bool","string","oneOf","_keys","isRequired","func","SlidesFooter","buttons","length","Buttons","map","key","_extends","wrapper","arrayOf","shape"],"sources":["../../../../../../src/template/app-player/player/slides/footer/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyFilterVideo2 as MediaIcon,\n  NovaCompositionCoorpacademyClue as ClueIcon,\n  NovaCompositionCoorpacademyMap as ContextIcon,\n  NovaCompositionCoorpacademyChat as CoachIcon,\n  NovaCompositionCoorpacademyListBullets3 as QuestionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../../../atom/provider';\nimport style from './style.css';\n\nconst TABS = {\n  question: {\n    icon: QuestionIcon\n  },\n  media: {\n    icon: MediaIcon\n  },\n  clue: {\n    icon: ClueIcon\n  },\n  coach: {\n    icon: CoachIcon,\n    className: style.coach\n  },\n  context: {\n    icon: ContextIcon\n  }\n};\n\nclass Button extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    notify: PropTypes.bool,\n    selected: PropTypes.bool,\n    highlighted: PropTypes.bool,\n    title: PropTypes.string,\n    type: PropTypes.oneOf(keys(TABS)).isRequired,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      hovered: false\n    };\n  }\n\n  handleMouseEnter = () => {\n    const {onMouseEnter} = this.props;\n\n    this.setState(prevState => ({\n      hovered: true\n    }));\n    onMouseEnter && onMouseEnter();\n  };\n\n  handleMouseLeave = () => {\n    const {onMouseLeave} = this.props;\n    this.setState(prevState => ({\n      hovered: false\n    }));\n\n    onMouseLeave && onMouseLeave();\n  };\n\n  render() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const grey = get('common.grey', skin);\n    const primaryColor = get('common.primary', skin);\n    const {disabled, notify, selected, highlighted, title, type, onClick} = this.props;\n    const colorIcon = selected ? primaryColor : grey;\n    const selectedColor = (selected && {borderTopColor: primaryColor}) || {};\n\n    const hoverStyle =\n      !disabled && hovered\n        ? {\n            borderTopColor: primaryColor\n          }\n        : {};\n\n    const IconType = get([type, 'icon'], TABS);\n    const className = classnames(\n      style.button,\n      get([type, 'className'], TABS),\n      selected && style.selected,\n      disabled && style.disabled\n    );\n\n    const notifyView = notify ? <span className={style.notify} /> : null;\n    return (\n      <div\n        data-name={`button`}\n        data-type={type}\n        data-selected={selected}\n        data-disabled={disabled}\n        className={className}\n        onClick={onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        style={{\n          ...hoverStyle,\n          ...selectedColor\n        }}\n      >\n        <div className={highlighted ? style.highlighted : style.logo}>\n          {notifyView}\n          <IconType\n            style={{\n              color: colorIcon\n            }}\n            height={30}\n          />\n        </div>\n        <div data-name=\"title\" className={style.title}>\n          {title}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst SlidesFooter = props => {\n  const {buttons = []} = props;\n  if (buttons.length === 0) return null;\n\n  const Buttons = buttons.map((button, key) => {\n    return <Button {...button} key={key} />;\n  });\n\n  return (\n    <nav data-name=\"slidesFooter\" className={style.wrapper}>\n      {Buttons}\n    </nav>\n  );\n};\n\nSlidesFooter.propTypes = {\n  buttons: PropTypes.arrayOf(\n    PropTypes.shape({\n      disabled: PropTypes.bool,\n      notify: PropTypes.bool,\n      selected: PropTypes.bool,\n      highlighted: PropTypes.bool,\n      title: PropTypes.string,\n      type: PropTypes.oneOf(keys(TABS)).isRequired,\n      onMouseEnter: PropTypes.func,\n      onMouseLeave: PropTypes.func,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default SlidesFooter;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,uCAAuC,IAAIC,SAAS,EACpDC,+BAA+B,IAAIC,QAAQ,EAC3CC,8BAA8B,IAAIC,WAAW,EAC7CC,+BAA+B,IAAIC,SAAS,EAC5CC,uCAAuC,IAAIC,YAAY,QAClD,0BAA0B;AACjC,OAAOC,QAAQ,MAAM,8BAA8B;AACnD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,IAAI,GAAG;EACXC,QAAQ,EAAE;IACRC,IAAI,EAAEL;EACR,CAAC;EACDM,KAAK,EAAE;IACLD,IAAI,EAAEb;EACR,CAAC;EACDe,IAAI,EAAE;IACJF,IAAI,EAAEX;EACR,CAAC;EACDc,KAAK,EAAE;IACLH,IAAI,EAAEP,SAAS;IACfW,SAAS,EAAEP,KAAK,CAACM;EACnB,CAAC;EACDE,OAAO,EAAE;IACPL,IAAI,EAAET;EACR;AACF,CAAC;AAED,MAAMe,MAAM,SAASvB,KAAK,CAACwB,SAAS,CAAC;EAanC,OAAOC,YAAY,GAAG;IACpBC,IAAI,EAAEb,QAAQ,CAACc,iBAAiB,CAACD;EACnC,CAAC;EAEDE,WAAWA,CAACC,KAAK,EAAEP,OAAO,EAAE;IAC1B,KAAK,CAACO,KAAK,EAAEP,OAAO,CAAC;IAErB,IAAI,CAACQ,KAAK,GAAG;MACXC,OAAO,EAAE;IACX,CAAC;EACH;EAEAC,gBAAgB,GAAGA,CAAA,KAAM;IACvB,MAAM;MAACC;IAAY,CAAC,GAAG,IAAI,CAACJ,KAAK;IAEjC,IAAI,CAACK,QAAQ,CAACC,SAAS,KAAK;MAC1BJ,OAAO,EAAE;IACX,CAAC,CAAC,CAAC;IACHE,YAAY,IAAIA,YAAY,CAAC,CAAC;EAChC,CAAC;EAEDG,gBAAgB,GAAGA,CAAA,KAAM;IACvB,MAAM;MAACC;IAAY,CAAC,GAAG,IAAI,CAACR,KAAK;IACjC,IAAI,CAACK,QAAQ,CAACC,SAAS,KAAK;MAC1BJ,OAAO,EAAE;IACX,CAAC,CAAC,CAAC;IAEHM,YAAY,IAAIA,YAAY,CAAC,CAAC;EAChC,CAAC;EAEDC,MAAMA,CAAA,EAAG;IACP,MAAM;MAACZ;IAAI,CAAC,GAAG,IAAI,CAACJ,OAAO;IAC3B,MAAM;MAACS;IAAO,CAAC,GAAG,IAAI,CAACD,KAAK;IAC5B,MAAMS,IAAI,GAAGC,IAAA,CAAI,aAAa,EAAEd,IAAI,CAAC;IACrC,MAAMe,YAAY,GAAGD,IAAA,CAAI,gBAAgB,EAAEd,IAAI,CAAC;IAChD,MAAM;MAACgB,QAAQ;MAAEC,MAAM;MAAEC,QAAQ;MAAEC,WAAW;MAAEC,KAAK;MAAEC,IAAI;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACnB,KAAK;IAClF,MAAMoB,SAAS,GAAGL,QAAQ,GAAGH,YAAY,GAAGF,IAAI;IAChD,MAAMW,aAAa,GAAIN,QAAQ,IAAI;MAACO,cAAc,EAAEV;IAAY,CAAC,IAAK,CAAC,CAAC;IAExE,MAAMW,UAAU,GACd,CAACV,QAAQ,IAAIX,OAAO,GAChB;MACEoB,cAAc,EAAEV;IAClB,CAAC,GACD,CAAC,CAAC;IAER,MAAMY,QAAQ,GAAGb,IAAA,CAAI,CAACO,IAAI,EAAE,MAAM,CAAC,EAAEhC,IAAI,CAAC;IAC1C,MAAMM,SAAS,GAAGnB,UAAU,CAC1BY,KAAK,CAACwC,MAAM,EACZd,IAAA,CAAI,CAACO,IAAI,EAAE,WAAW,CAAC,EAAEhC,IAAI,CAAC,EAC9B6B,QAAQ,IAAI9B,KAAK,CAAC8B,QAAQ,EAC1BF,QAAQ,IAAI5B,KAAK,CAAC4B,QACpB,CAAC;IAED,MAAMa,UAAU,GAAGZ,MAAM,gBAAG3C,KAAA,CAAAwD,aAAA;MAAMnC,SAAS,EAAEP,KAAK,CAAC6B;IAAO,CAAE,CAAC,GAAG,IAAI;IACpE,oBACE3C,KAAA,CAAAwD,aAAA;MACE,aAAW,QAAS;MACpB,aAAWT,IAAK;MAChB,iBAAeH,QAAS;MACxB,iBAAeF,QAAS;MACxBrB,SAAS,EAAEA,SAAU;MACrB2B,OAAO,EAAEA,OAAQ;MACjBf,YAAY,EAAE,IAAI,CAACD,gBAAiB;MACpCK,YAAY,EAAE,IAAI,CAACD,gBAAiB;MACpCtB,KAAK,EAAE;QACL,GAAGsC,UAAU;QACb,GAAGF;MACL;IAAE,gBAEFlD,KAAA,CAAAwD,aAAA;MAAKnC,SAAS,EAAEwB,WAAW,GAAG/B,KAAK,CAAC+B,WAAW,GAAG/B,KAAK,CAAC2C;IAAK,GAC1DF,UAAU,eACXvD,KAAA,CAAAwD,aAAA,CAACH,QAAQ;MACPvC,KAAK,EAAE;QACL4C,KAAK,EAAET;MACT,CAAE;MACFU,MAAM,EAAE;IAAG,CACZ,CACE,CAAC,eACN3D,KAAA,CAAAwD,aAAA;MAAK,aAAU,OAAO;MAACnC,SAAS,EAAEP,KAAK,CAACgC;IAAM,GAC3CA,KACE,CACF,CAAC;EAEV;AACF;AAlGMvB,MAAM,CACHqC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBrB,QAAQ,EAAEzC,SAAS,CAAC+D,IAAI;EACxBrB,MAAM,EAAE1C,SAAS,CAAC+D,IAAI;EACtBpB,QAAQ,EAAE3C,SAAS,CAAC+D,IAAI;EACxBnB,WAAW,EAAE5C,SAAS,CAAC+D,IAAI;EAC3BlB,KAAK,EAAE7C,SAAS,CAACgE,MAAM;EACvBlB,IAAI,EAAE9C,SAAS,CAACiE,KAAK,CAACC,KAAA,CAAKpD,IAAI,CAAC,CAAC,CAACqD,UAAU;EAC5CnC,YAAY,EAAEhC,SAAS,CAACoE,IAAI;EAC5BhC,YAAY,EAAEpC,SAAS,CAACoE,IAAI;EAC5BrB,OAAO,EAAE/C,SAAS,CAACoE;AACrB,CAAC;AAyFH,MAAMC,YAAY,GAAGzC,KAAK,IAAI;EAC5B,MAAM;IAAC0C,OAAO,GAAG;EAAE,CAAC,GAAG1C,KAAK;EAC5B,IAAI0C,OAAO,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAErC,MAAMC,OAAO,GAAGF,OAAO,CAACG,GAAG,CAAC,CAACpB,MAAM,EAAEqB,GAAG,KAAK;IAC3C,oBAAO3E,KAAA,CAAAwD,aAAA,CAACjC,MAAM,EAAAqD,QAAA,KAAKtB,MAAM;MAAEqB,GAAG,EAAEA;IAAI,EAAE,CAAC;EACzC,CAAC,CAAC;EAEF,oBACE3E,KAAA,CAAAwD,aAAA;IAAK,aAAU,cAAc;IAACnC,SAAS,EAAEP,KAAK,CAAC+D;EAAQ,GACpDJ,OACE,CAAC;AAEV,CAAC;AAEDH,YAAY,CAACV,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACvBQ,OAAO,EAAEtE,SAAS,CAAC6E,OAAO,CACxB7E,SAAS,CAAC8E,KAAK,CAAC;IACdrC,QAAQ,EAAEzC,SAAS,CAAC+D,IAAI;IACxBrB,MAAM,EAAE1C,SAAS,CAAC+D,IAAI;IACtBpB,QAAQ,EAAE3C,SAAS,CAAC+D,IAAI;IACxBnB,WAAW,EAAE5C,SAAS,CAAC+D,IAAI;IAC3BlB,KAAK,EAAE7C,SAAS,CAACgE,MAAM;IACvBlB,IAAI,EAAE9C,SAAS,CAACiE,KAAK,CAACC,KAAA,CAAKpD,IAAI,CAAC,CAAC,CAACqD,UAAU;IAC5CnC,YAAY,EAAEhC,SAAS,CAACoE,IAAI;IAC5BhC,YAAY,EAAEpC,SAAS,CAACoE,IAAI;IAC5BrB,OAAO,EAAE/C,SAAS,CAACoE;EACrB,CAAC,CACH;AACF,CAAC;AAED,eAAeC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaCompositionCoorpacademyFilterVideo2","MediaIcon","NovaCompositionCoorpacademyClue","ClueIcon","NovaCompositionCoorpacademyMap","ContextIcon","NovaCompositionCoorpacademyChat","CoachIcon","NovaCompositionCoorpacademyListBullets3","QuestionIcon","Provider","style","TABS","question","icon","media","clue","coach","className","context","Button","Component","contextTypes","skin","childContextTypes","constructor","props","state","hovered","handleMouseEnter","onMouseEnter","setState","prevState","handleMouseLeave","onMouseLeave","render","grey","_get","primaryColor","positiveColor","disabled","notify","selected","highlighted","title","type","onClick","colorIcon","selectedColor","borderTopColor","hoverStyle","IconType","button","notifyView","createElement","logo","backgroundColor","color","height","propTypes","process","env","NODE_ENV","bool","string","oneOf","_keys","isRequired","func","SlidesFooter","buttons","length","Buttons","map","key","_extends","wrapper","arrayOf","shape"],"sources":["../../../../../../src/template/app-player/player/slides/footer/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyFilterVideo2 as MediaIcon,\n  NovaCompositionCoorpacademyClue as ClueIcon,\n  NovaCompositionCoorpacademyMap as ContextIcon,\n  NovaCompositionCoorpacademyChat as CoachIcon,\n  NovaCompositionCoorpacademyListBullets3 as QuestionIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../../../atom/provider';\nimport style from './style.css';\n\nconst TABS = {\n  question: {\n    icon: QuestionIcon\n  },\n  media: {\n    icon: MediaIcon\n  },\n  clue: {\n    icon: ClueIcon\n  },\n  coach: {\n    icon: CoachIcon,\n    className: style.coach\n  },\n  context: {\n    icon: ContextIcon\n  }\n};\n\nclass Button extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    notify: PropTypes.bool,\n    selected: PropTypes.bool,\n    highlighted: PropTypes.bool,\n    title: PropTypes.string,\n    type: PropTypes.oneOf(keys(TABS)).isRequired,\n    onMouseEnter: PropTypes.func,\n    onMouseLeave: PropTypes.func,\n    onClick: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n\n    this.state = {\n      hovered: false\n    };\n  }\n\n  handleMouseEnter = () => {\n    const {onMouseEnter} = this.props;\n\n    this.setState(prevState => ({\n      hovered: true\n    }));\n    onMouseEnter && onMouseEnter();\n  };\n\n  handleMouseLeave = () => {\n    const {onMouseLeave} = this.props;\n    this.setState(prevState => ({\n      hovered: false\n    }));\n\n    onMouseLeave && onMouseLeave();\n  };\n\n  render() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const grey = get('common.grey', skin);\n    const primaryColor = get('common.primary', skin);\n    const positiveColor = get('common.positive', skin);\n    const {disabled, notify, selected, highlighted, title, type, onClick} = this.props;\n    const colorIcon = selected ? primaryColor : grey;\n    const selectedColor = (selected && {borderTopColor: primaryColor}) || {};\n\n    const hoverStyle =\n      !disabled && hovered\n        ? {\n            borderTopColor: primaryColor\n          }\n        : {};\n\n    const IconType = get([type, 'icon'], TABS);\n    const className = classnames(\n      style.button,\n      get([type, 'className'], TABS),\n      selected && style.selected,\n      disabled && style.disabled\n    );\n\n    const notifyView = notify ? <span className={style.notify} /> : null;\n    return (\n      <div\n        data-name={`button`}\n        data-type={type}\n        data-selected={selected}\n        data-disabled={disabled}\n        className={className}\n        onClick={onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        style={{\n          ...hoverStyle,\n          ...selectedColor\n        }}\n      >\n        <div\n          className={highlighted ? style.highlighted : style.logo}\n          style={highlighted ? {backgroundColor: positiveColor} : null}\n        >\n          {notifyView}\n          <IconType\n            style={{\n              color: colorIcon\n            }}\n            height={30}\n          />\n        </div>\n        <div data-name=\"title\" className={style.title}>\n          {title}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst SlidesFooter = props => {\n  const {buttons = []} = props;\n  if (buttons.length === 0) return null;\n\n  const Buttons = buttons.map((button, key) => {\n    return <Button {...button} key={key} />;\n  });\n\n  return (\n    <nav data-name=\"slidesFooter\" className={style.wrapper}>\n      {Buttons}\n    </nav>\n  );\n};\n\nSlidesFooter.propTypes = {\n  buttons: PropTypes.arrayOf(\n    PropTypes.shape({\n      disabled: PropTypes.bool,\n      notify: PropTypes.bool,\n      selected: PropTypes.bool,\n      highlighted: PropTypes.bool,\n      title: PropTypes.string,\n      type: PropTypes.oneOf(keys(TABS)).isRequired,\n      onMouseEnter: PropTypes.func,\n      onMouseLeave: PropTypes.func,\n      onClick: PropTypes.func\n    })\n  )\n};\n\nexport default SlidesFooter;\n"],"mappings":"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","ignoreList":[]}

package/es/template/app-player/player/slides/footer/style.css

@@ -5,7 +5,6 @@
 @value light from colors;
 @value orangeAdd from colors;
 @value grey from colors;
-@value positive from colors;
 @value black from colors;
 @value medium from colors;
 @value white from colors;
@@ -92,7 +91,6 @@
 
 .highlighted {
   composes: logo;
-  background-color: positive;
 }
 
 .title {

package/es/template/app-player/player/slides/header/index.d.ts

@@ -1,5 +1,5 @@
 export default SlidesHeader;
-declare function SlidesHeader(props?: {}, context?: any): React.JSX.Element;
+declare function SlidesHeader(props?: {}, context?: undefined): JSX.Element;
 declare namespace SlidesHeader {
     namespace propTypes {
         const type: PropTypes.Requireable<string>;
@@ -19,10 +19,10 @@ declare namespace SlidesHeader {
         const multiLang: PropTypes.Requireable<PropTypes.InferProps<{
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             currentLang: PropTypes.Requireable<string>;
-            supportedLangs: PropTypes.Requireable<PropTypes.InferProps<{
+            supportedLangs: PropTypes.Requireable<(PropTypes.InferProps<{
                 code: PropTypes.Validator<string>;
                 label: PropTypes.Validator<string>;
-            }>[]>;
+            }> | null | undefined)[]>;
         }>>;
         const help: PropTypes.Requireable<PropTypes.InferProps<{
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -30,6 +30,5 @@ declare namespace SlidesHeader {
         }>>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/template/app-player/player/slides/header/learner.css

@@ -4,7 +4,7 @@
 @value xtraLightGrey from colors;
 @value dark from colors;
 @value light from colors;
-@value medium from colors;
+@value grey from colors;
 
 .wrapper {
   min-width: 0;
@@ -31,8 +31,8 @@
 }
 
 .contentWrapper:hover {
-  color: medium;
-  stroke: medium;
+  color: grey;
+  stroke: grey;
 }
 
 .content {

package/es/template/app-player/player/slides/header/learner.d.ts

@@ -1,5 +1,5 @@
 export default LearnerHeader;
-declare function LearnerHeader(props: any, context: any): React.JSX.Element;
+declare function LearnerHeader(props: any, context: any): JSX.Element;
 declare namespace LearnerHeader {
     namespace propTypes {
         const content: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
@@ -15,6 +15,5 @@ declare namespace LearnerHeader {
         const mode: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=learner.d.ts.map

package/es/template/app-player/player/slides/header/learner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"learner.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"names":[],"mappings":";AAsFA,4EASC"}
+{"version":3,"file":"learner.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/learner.js"],"names":[],"mappings":";AAsFA,sEASC"}

package/es/template/app-player/player/slides/header/lives.d.ts

@@ -1,12 +1,11 @@
 export default Lives;
 declare function Lives({ count }: {
     count: any;
-}, context: any): React.JSX.Element;
+}, context: any): JSX.Element | null;
 declare namespace Lives {
     namespace propTypes {
         const count: PropTypes.Requireable<number>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=lives.d.ts.map

package/es/template/app-player/player/slides/header/lives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lives.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/lives.js"],"names":[],"mappings":";AAMA;;oCAUC"}
+{"version":3,"file":"lives.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/lives.js"],"names":[],"mappings":";AAMA;;qCAUC"}

package/es/template/app-player/player/slides/header/microlearning.css

@@ -2,7 +2,7 @@
 @value mobile from breakpoints;
 @value colors: "../../../../../variables/colors.css";
 @value dark from colors;
-@value medium from colors;
+@value grey from colors;
 
 .content {
   min-width: 0;
@@ -17,8 +17,8 @@
 }
 
 .content:hover {
-  color: medium;
-  stroke: medium;
+  color: grey;
+  stroke: grey;
 }
 
 .contentScorm {

package/es/template/app-player/player/slides/header/microlearning.d.ts

@@ -1,5 +1,5 @@
 export default MicrolearningHeader;
-declare function MicrolearningHeader(props: any, context: any): React.JSX.Element;
+declare function MicrolearningHeader(props: any, context: any): JSX.Element;
 declare namespace MicrolearningHeader {
     namespace propTypes {
         const content: PropTypes.Requireable<PropTypes.InferProps<{
@@ -9,6 +9,5 @@ declare namespace MicrolearningHeader {
         const mode: PropTypes.Requireable<string>;
     }
 }
-import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=microlearning.d.ts.map

package/es/template/app-player/player/slides/header/microlearning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"microlearning.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"names":[],"mappings":";AAqCA,kFAGC"}
+{"version":3,"file":"microlearning.d.ts","sourceRoot":"","sources":["../../../../../../src/template/app-player/player/slides/header/microlearning.js"],"names":[],"mappings":";AAqCA,4EAGC"}