@coorpacademy/components 11.14.13-alpha.1 → 11.14.13

package/es/atom/cta/index.d.ts

@@ -1,8 +1,6 @@
 export default CTA;
-declare function CTA(props: any, legacyContext: any): JSX.Element;
-declare namespace CTA {
-    const propTypes: {
-        'aria-label': PropTypes.Requireable<string>;
+declare class CTA extends React.Component<any, any, any> {
+    static propTypes: {
         submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         href: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -18,8 +16,8 @@ declare namespace CTA {
         fullWidth: PropTypes.Requireable<boolean>;
         certificationButton: PropTypes.Requireable<boolean>;
     };
-    namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+    static contextTypes: {
+        skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -40,7 +38,36 @@ declare namespace CTA {
                 [x: string]: any;
             }>;
         }>>;
-    }
+    };
+    constructor(props: any);
+    state: {
+        hovered: boolean;
+    };
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    getStyle(): {
+        backgroundColor: any;
+        borderColor: any;
+        opacity: string;
+        color?: undefined;
+    } | {
+        backgroundColor: any;
+        borderColor: any;
+        opacity?: undefined;
+        color?: undefined;
+    } | {
+        color: any;
+        borderColor: any;
+        backgroundColor?: undefined;
+        opacity?: undefined;
+    } | {
+        color: any;
+        backgroundColor?: undefined;
+        borderColor?: undefined;
+        opacity?: undefined;
+    } | undefined;
+    render(): JSX.Element;
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/es/atom/cta/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.js"],"names":[],"mappings":";AAUA,kEAqGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.js"],"names":[],"mappings":";AAUA;IACE;;;;;;;;;;;;;;;MAeE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAOC;IALC;;MAEC;IAKH,yBAIC;IAED,yBAIC;IAED;;;;;;;;;;;;;;;;;;;;kBAwCC;IAED,sBAkDC;CACF"}

package/es/atom/cta/index.js

@@ -1,6 +1,6 @@
 import _noop from "lodash/fp/noop";
 import _get from "lodash/fp/get";
-import React, { useCallback, useState } from 'react';
+import React from 'react';
 import { convert } from 'css-color-function';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -9,35 +9,42 @@ import Provider from '../provider';
 import Link from '../link';
 import style from './style.css';
 
-const CTA = (props, legacyContext) => {
-  const {
-    skin
-  } = legacyContext;
-  const {
-    'aria-label': ariaLabel,
-    submitValue = 'submit',
-    name: ctaName,
-    href,
-    target,
-    disabled = false,
-    light = false,
-    small = false,
-    secondary = false,
-    onClick,
-    className,
-    logout = false,
-    rectangular = false,
-    fullWidth = false,
-    certificationButton = false
-  } = props;
-  const [hovered, setHovered] = useState(false);
-  const handleMouseEnter = useCallback(() => {
-    setHovered(true);
-  }, []);
-  const handleMouseLeave = useCallback(() => {
-    setHovered(false);
-  }, []);
-  const getStyle = useCallback(() => {
+class CTA extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hovered: false
+    };
+    this.handleMouseEnter = this.handleMouseEnter.bind(this);
+    this.handleMouseLeave = this.handleMouseLeave.bind(this);
+  }
+
+  handleMouseEnter() {
+    return this.setState({
+      hovered: true
+    });
+  }
+
+  handleMouseLeave() {
+    return this.setState({
+      hovered: false
+    });
+  }
+
+  getStyle() {
+    const {
+      skin
+    } = this.context;
+    const {
+      hovered
+    } = this.state;
+    const {
+      disabled = false,
+      light = false,
+      secondary = false,
+      logout = false
+    } = this.props;
+
     const color = _get('common.primary', skin);
 
     const grey = _get('common.grey', skin);
@@ -71,29 +78,50 @@ const CTA = (props, legacyContext) => {
       borderColor: color,
       backgroundColor: color
     };
-  }, [disabled, hovered, light, logout, secondary, skin]);
-  return /*#__PURE__*/React.createElement(Link, {
-    href: href,
-    onClick: disabled ? _noop : onClick,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    target: target,
-    className: classnames(style.button, disabled ? style.disabled : null, small ? style.smallButton : null, light ? style.lightButton : null, secondary ? style.secondaryButton : null, logout ? style.logoutButton : null, rectangular ? style.rectangularButton : null, fullWidth ? style.fullWidth : null, certificationButton ? style.certificationButton : null, className),
-    "data-name": ctaName || 'cta',
-    style: getStyle(),
-    "aria-label": ariaLabel
-  }, logout ? /*#__PURE__*/React.createElement("div", {
-    className: style.logoutWrapper,
-    "data-name": "cta-logout-label"
-  }, /*#__PURE__*/React.createElement(LogoutIcon, {
-    height: 15,
-    width: 15,
-    className: style.logoutIcon
-  }), submitValue) : submitValue);
-};
+  }
+
+  render() {
+    const {
+      submitValue = 'submit',
+      name: ctaName,
+      href,
+      target,
+      disabled = false,
+      light = false,
+      small = false,
+      secondary = false,
+      onClick,
+      className,
+      logout = false,
+      rectangular = false,
+      fullWidth = false,
+      certificationButton = false
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Link, {
+      href: href,
+      onClick: disabled ? _noop : onClick,
+      onMouseEnter: this.handleMouseEnter,
+      onMouseLeave: this.handleMouseLeave,
+      target: target,
+      className: classnames(style.button, disabled ? style.disabled : null, small ? style.smallButton : null, light ? style.lightButton : null, secondary ? style.secondaryButton : null, logout ? style.logoutButton : null, rectangular ? style.rectangularButton : null, fullWidth ? style.fullWidth : null, certificationButton ? style.certificationButton : null, className),
+      "data-name": ctaName || 'cta',
+      style: this.getStyle()
+    }, logout ? /*#__PURE__*/React.createElement("div", {
+      className: style.logoutWrapper,
+      "data-name": "cta-logout-label"
+    }, /*#__PURE__*/React.createElement(LogoutIcon, {
+      height: 15,
+      width: 15,
+      className: style.logoutIcon
+    }), submitValue) : submitValue);
+  }
 
+}
+
+CTA.contextTypes = {
+  skin: Provider.childContextTypes.skin
+};
 CTA.propTypes = process.env.NODE_ENV !== "production" ? {
-  'aria-label': Link.propTypes['aria-label'],
   submitValue: Link.propTypes.children,
   href: Link.propTypes.href,
   onClick: Link.propTypes.onClick,
@@ -109,8 +137,5 @@ CTA.propTypes = process.env.NODE_ENV !== "production" ? {
   fullWidth: PropTypes.bool,
   certificationButton: PropTypes.bool
 } : {};
-CTA.contextTypes = {
-  skin: Provider.childContextTypes.skin
-};
 export default CTA;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","convert","PropTypes","classnames","NovaCompositionCoorpacademyLogout","LogoutIcon","Provider","Link","style","CTA","props","legacyContext","skin","ariaLabel","submitValue","name","ctaName","href","target","disabled","light","small","secondary","onClick","className","logout","rectangular","fullWidth","certificationButton","hovered","setHovered","handleMouseEnter","handleMouseLeave","getStyle","color","grey","backgroundColor","borderColor","opacity","darkenColor","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","propTypes","children","string","bool","contextTypes","childContextTypes"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nconst CTA = (props, legacyContext) => {\n  const {skin} = legacyContext;\n  const {\n    'aria-label': ariaLabel,\n    submitValue = 'submit',\n    name: ctaName,\n    href,\n    target,\n    disabled = false,\n    light = false,\n    small = false,\n    secondary = false,\n    onClick,\n    className,\n    logout = false,\n    rectangular = false,\n    fullWidth = false,\n    certificationButton = false\n  } = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const getStyle = useCallback(() => {\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }, [disabled, hovered, light, logout, secondary, skin]);\n\n  return (\n    <Link\n      href={href}\n      onClick={disabled ? noop : onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      target={target}\n      className={classnames(\n        style.button,\n        disabled ? style.disabled : null,\n        small ? style.smallButton : null,\n        light ? style.lightButton : null,\n        secondary ? style.secondaryButton : null,\n        logout ? style.logoutButton : null,\n        rectangular ? style.rectangularButton : null,\n        fullWidth ? style.fullWidth : null,\n        certificationButton ? style.certificationButton : null,\n        className\n      )}\n      data-name={ctaName || 'cta'}\n      style={getStyle()}\n      aria-label={ariaLabel}\n    >\n      {logout ? (\n        <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n          <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n          {submitValue}\n        </div>\n      ) : (\n        submitValue\n      )}\n    </Link>\n  );\n};\n\nCTA.propTypes = {\n  'aria-label': Link.propTypes['aria-label'],\n  submitValue: Link.propTypes.children,\n  href: Link.propTypes.href,\n  onClick: Link.propTypes.onClick,\n  target: Link.propTypes.target,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  light: PropTypes.bool,\n  secondary: PropTypes.bool,\n  small: PropTypes.bool,\n  className: PropTypes.string,\n  logout: PropTypes.bool,\n  rectangular: PropTypes.bool,\n  fullWidth: PropTypes.bool,\n  certificationButton: PropTypes.bool\n};\n\nCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default CTA;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,QAA5B,QAA2C,OAA3C;AACA,SAAQC,OAAR,QAAsB,oBAAtB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,iCAAiC,IAAIC,UAA7C,QAA8D,0BAA9D;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,GAAG,GAAG,CAACC,KAAD,EAAQC,aAAR,KAA0B;EACpC,MAAM;IAACC;EAAD,IAASD,aAAf;EACA,MAAM;IACJ,cAAcE,SADV;IAEJC,WAAW,GAAG,QAFV;IAGJC,IAAI,EAAEC,OAHF;IAIJC,IAJI;IAKJC,MALI;IAMJC,QAAQ,GAAG,KANP;IAOJC,KAAK,GAAG,KAPJ;IAQJC,KAAK,GAAG,KARJ;IASJC,SAAS,GAAG,KATR;IAUJC,OAVI;IAWJC,SAXI;IAYJC,MAAM,GAAG,KAZL;IAaJC,WAAW,GAAG,KAbV;IAcJC,SAAS,GAAG,KAdR;IAeJC,mBAAmB,GAAG;EAflB,IAgBFlB,KAhBJ;EAiBA,MAAM,CAACmB,OAAD,EAAUC,UAAV,IAAwB9B,QAAQ,CAAC,KAAD,CAAtC;EAEA,MAAM+B,gBAAgB,GAAGhC,WAAW,CAAC,MAAM;IACzC+B,UAAU,CAAC,IAAD,CAAV;EACD,CAFmC,EAEjC,EAFiC,CAApC;EAIA,MAAME,gBAAgB,GAAGjC,WAAW,CAAC,MAAM;IACzC+B,UAAU,CAAC,KAAD,CAAV;EACD,CAFmC,EAEjC,EAFiC,CAApC;EAIA,MAAMG,QAAQ,GAAGlC,WAAW,CAAC,MAAM;IACjC,MAAMmC,KAAK,GAAG,KAAI,gBAAJ,EAAsBtB,IAAtB,CAAd;;IACA,MAAMuB,IAAI,GAAG,KAAI,aAAJ,EAAmBvB,IAAnB,CAAb;;IAEA,IAAIa,MAAJ,EAAY;;IAEZ,IAAIN,QAAJ,EAAc;MACZ,OAAO;QACLiB,eAAe,EAAED,IADZ;QAELE,WAAW,EAAEF,IAFR;QAGLG,OAAO,EAAE;MAHJ,CAAP;IAKD;;IAED,IAAIT,OAAJ,EAAa;MACX,MAAMU,WAAW,GAAGtC,OAAO,CAAE,SAAQiC,KAAM,mBAAhB,CAA3B;MACA,OAAO;QACLE,eAAe,EAAEG,WADZ;QAELF,WAAW,EAAEE;MAFR,CAAP;IAID;;IAED,IAAIjB,SAAJ,EACE,OAAO;MACLY,KADK;MAELG,WAAW,EAAEH;IAFR,CAAP;IAKF,IAAId,KAAJ,EACE,OAAO;MACLc;IADK,CAAP;IAIF,OAAO;MACLG,WAAW,EAAEH,KADR;MAELE,eAAe,EAAEF;IAFZ,CAAP;EAID,CArC2B,EAqCzB,CAACf,QAAD,EAAWU,OAAX,EAAoBT,KAApB,EAA2BK,MAA3B,EAAmCH,SAAnC,EAA8CV,IAA9C,CArCyB,CAA5B;EAuCA,oBACE,oBAAC,IAAD;IACE,IAAI,EAAEK,IADR;IAEE,OAAO,EAAEE,QAAQ,WAAUI,OAF7B;IAGE,YAAY,EAAEQ,gBAHhB;IAIE,YAAY,EAAEC,gBAJhB;IAKE,MAAM,EAAEd,MALV;IAME,SAAS,EAAEf,UAAU,CACnBK,KAAK,CAACgC,MADa,EAEnBrB,QAAQ,GAAGX,KAAK,CAACW,QAAT,GAAoB,IAFT,EAGnBE,KAAK,GAAGb,KAAK,CAACiC,WAAT,GAAuB,IAHT,EAInBrB,KAAK,GAAGZ,KAAK,CAACkC,WAAT,GAAuB,IAJT,EAKnBpB,SAAS,GAAGd,KAAK,CAACmC,eAAT,GAA2B,IALjB,EAMnBlB,MAAM,GAAGjB,KAAK,CAACoC,YAAT,GAAwB,IANX,EAOnBlB,WAAW,GAAGlB,KAAK,CAACqC,iBAAT,GAA6B,IAPrB,EAQnBlB,SAAS,GAAGnB,KAAK,CAACmB,SAAT,GAAqB,IARX,EASnBC,mBAAmB,GAAGpB,KAAK,CAACoB,mBAAT,GAA+B,IAT/B,EAUnBJ,SAVmB,CANvB;IAkBE,aAAWR,OAAO,IAAI,KAlBxB;IAmBE,KAAK,EAAEiB,QAAQ,EAnBjB;IAoBE,cAAYpB;EApBd,GAsBGY,MAAM,gBACL;IAAK,SAAS,EAAEjB,KAAK,CAACsC,aAAtB;IAAqC,aAAU;EAA/C,gBACE,oBAAC,UAAD;IAAY,MAAM,EAAE,EAApB;IAAwB,KAAK,EAAE,EAA/B;IAAmC,SAAS,EAAEtC,KAAK,CAACuC;EAApD,EADF,EAEGjC,WAFH,CADK,GAMLA,WA5BJ,CADF;AAiCD,CArGD;;AAuGAL,GAAG,CAACuC,SAAJ,2CAAgB;EACd,cAAczC,IAAI,CAACyC,SAAL,CAAe,YAAf,CADA;EAEdlC,WAAW,EAAEP,IAAI,CAACyC,SAAL,CAAeC,QAFd;EAGdhC,IAAI,EAAEV,IAAI,CAACyC,SAAL,CAAe/B,IAHP;EAIdM,OAAO,EAAEhB,IAAI,CAACyC,SAAL,CAAezB,OAJV;EAKdL,MAAM,EAAEX,IAAI,CAACyC,SAAL,CAAe9B,MALT;EAMdH,IAAI,EAAEb,SAAS,CAACgD,MANF;EAOd/B,QAAQ,EAAEjB,SAAS,CAACiD,IAPN;EAQd/B,KAAK,EAAElB,SAAS,CAACiD,IARH;EASd7B,SAAS,EAAEpB,SAAS,CAACiD,IATP;EAUd9B,KAAK,EAAEnB,SAAS,CAACiD,IAVH;EAWd3B,SAAS,EAAEtB,SAAS,CAACgD,MAXP;EAYdzB,MAAM,EAAEvB,SAAS,CAACiD,IAZJ;EAadzB,WAAW,EAAExB,SAAS,CAACiD,IAbT;EAcdxB,SAAS,EAAEzB,SAAS,CAACiD,IAdP;EAedvB,mBAAmB,EAAE1B,SAAS,CAACiD;AAfjB,CAAhB;AAkBA1C,GAAG,CAAC2C,YAAJ,GAAmB;EACjBxC,IAAI,EAAEN,QAAQ,CAAC+C,iBAAT,CAA2BzC;AADhB,CAAnB;AAIA,eAAeH,GAAf"}
+{"version":3,"file":"index.js","names":["React","convert","PropTypes","classnames","NovaCompositionCoorpacademyLogout","LogoutIcon","Provider","Link","style","CTA","Component","constructor","props","state","hovered","handleMouseEnter","bind","handleMouseLeave","setState","getStyle","skin","context","disabled","light","secondary","logout","color","grey","backgroundColor","borderColor","opacity","darkenColor","render","submitValue","name","ctaName","href","target","small","onClick","className","rectangular","fullWidth","certificationButton","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","contextTypes","childContextTypes","propTypes","children","string","bool"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nclass CTA extends React.Component {\n  static propTypes = {\n    submitValue: Link.propTypes.children,\n    href: Link.propTypes.href,\n    onClick: Link.propTypes.onClick,\n    target: Link.propTypes.target,\n    name: PropTypes.string,\n    disabled: PropTypes.bool,\n    light: PropTypes.bool,\n    secondary: PropTypes.bool,\n    small: PropTypes.bool,\n    className: PropTypes.string,\n    logout: PropTypes.bool,\n    rectangular: PropTypes.bool,\n    fullWidth: PropTypes.bool,\n    certificationButton: PropTypes.bool\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n  }\n\n  handleMouseEnter() {\n    return this.setState({\n      hovered: true\n    });\n  }\n\n  handleMouseLeave() {\n    return this.setState({\n      hovered: false\n    });\n  }\n\n  getStyle() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const {disabled = false, light = false, secondary = false, logout = false} = this.props;\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }\n\n  render() {\n    const {\n      submitValue = 'submit',\n      name: ctaName,\n      href,\n      target,\n      disabled = false,\n      light = false,\n      small = false,\n      secondary = false,\n      onClick,\n      className,\n      logout = false,\n      rectangular = false,\n      fullWidth = false,\n      certificationButton = false\n    } = this.props;\n\n    return (\n      <Link\n        href={href}\n        onClick={disabled ? noop : onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        target={target}\n        className={classnames(\n          style.button,\n          disabled ? style.disabled : null,\n          small ? style.smallButton : null,\n          light ? style.lightButton : null,\n          secondary ? style.secondaryButton : null,\n          logout ? style.logoutButton : null,\n          rectangular ? style.rectangularButton : null,\n          fullWidth ? style.fullWidth : null,\n          certificationButton ? style.certificationButton : null,\n          className\n        )}\n        data-name={ctaName || 'cta'}\n        style={this.getStyle()}\n      >\n        {logout ? (\n          <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n            <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n            {submitValue}\n          </div>\n        ) : (\n          submitValue\n        )}\n      </Link>\n    );\n  }\n}\n\nexport default CTA;\n"],"mappings":"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"}

package/es/atom/link/index.d.ts

@@ -15,7 +15,6 @@ declare namespace Link {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        useButtonTag: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
     };
     namespace contextTypes {

package/es/atom/link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA0GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA+EC"}

package/es/atom/link/index.js

@@ -1,7 +1,7 @@
 import _noop from "lodash/fp/noop";
 import _getOr from "lodash/fp/getOr";
 import _identity from "lodash/fp/identity";
-const _excluded = ["skinHover", "hoverColor", "data-name", "aria-label", "useButtonTag"];
+const _excluded = ["skinHover", "hoverColor", "data-name", "aria-label"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
@@ -25,8 +25,7 @@ const Link = (props, legacyContext) => {
     skinHover,
     hoverColor = _getOr('#00B0FF', 'common.primary', skin),
     'data-name': dataName = 'link',
-    'aria-label': ariaLabel,
-    useButtonTag = false
+    'aria-label': ariaLabel
   } = props,
         linKElementProps = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -59,28 +58,24 @@ const Link = (props, legacyContext) => {
     }
   }, [download, navigate, onClick]);
 
-  const _style = useMemo(() => href || onClick ? null : {
+  const _style = href || onClick ? null : {
     pointerEvents: 'none'
-  }, [href, onClick]);
+  };
 
-  const _hoverStyle = useMemo(() => skinHover && hovered ? {
+  const _hoverStyle = skinHover && hovered ? {
     color: hoverColor
-  } : null, [hoverColor, hovered, skinHover]);
+  } : null;
 
-  const _props = useMemo(() => _extends({}, linKElementProps, {
-    'data-name': dataName,
-    'aria-label': ariaLabel,
+  return /*#__PURE__*/React.createElement("a", _extends({}, linKElementProps, {
+    "data-name": dataName,
+    "aria-label": ariaLabel,
     href: href ? createHref(href) : undefined,
     onClick: handleOnClick,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    className,
+    className: className,
     style: _extends({}, propsStyle, _style, _hoverStyle)
-  }), [_hoverStyle, _style, ariaLabel, className, createHref, dataName, handleMouseEnter, handleMouseLeave, handleOnClick, href, linKElementProps, propsStyle]);
-
-  return useButtonTag ? /*#__PURE__*/React.createElement("button", _extends({}, _props, {
-    type: "button"
-  }), children) : /*#__PURE__*/React.createElement("a", _props, children);
+  }), children);
 };
 
 Link.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -97,7 +92,6 @@ Link.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func,
   onMouseEnter: PropTypes.func,
   onMouseLeave: PropTypes.func,
-  useButtonTag: PropTypes.bool,
   style: PropTypes.shape({})
 } : {};
 Link.contextTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","Provider","GetSkinFromContext","pushToHistory","Link","props","legacyContext","skin","hovered","setHovered","history","createHref","skinHover","hoverColor","dataName","ariaLabel","useButtonTag","linKElementProps","href","onClick","className","style","propsStyle","children","onMouseLeave","onMouseEnter","download","handleMouseEnter","handleMouseLeave","navigate","handleOnClick","e","_style","pointerEvents","_hoverStyle","color","_props","undefined","propTypes","node","string","title","target","oneOf","bool","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n  const {\n    skinHover,\n    hoverColor = getOr('#00B0FF', 'common.primary', skin),\n    'data-name': dataName = 'link',\n    'aria-label': ariaLabel,\n    useButtonTag = false,\n    ...linKElementProps\n  } = props;\n  const {\n    href,\n    onClick = noop,\n    className,\n    style: propsStyle,\n    children,\n    onMouseLeave = noop,\n    onMouseEnter = noop,\n    download\n  } = props;\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n\n      if (!download) {\n        navigate(e);\n      }\n    },\n    [download, navigate, onClick]\n  );\n\n  const _style = useMemo(\n    () =>\n      href || onClick\n        ? null\n        : {\n            pointerEvents: 'none'\n          },\n    [href, onClick]\n  );\n  const _hoverStyle = useMemo(\n    () =>\n      skinHover && hovered\n        ? {\n            color: hoverColor\n          }\n        : null,\n    [hoverColor, hovered, skinHover]\n  );\n\n  const _props = useMemo(\n    () => ({\n      ...linKElementProps,\n      'data-name': dataName,\n      'aria-label': ariaLabel,\n      href: href ? createHref(href) : undefined,\n      onClick: handleOnClick,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      className,\n      style: {\n        ...propsStyle,\n        ..._style,\n        ..._hoverStyle\n      }\n    }),\n    [\n      _hoverStyle,\n      _style,\n      ariaLabel,\n      className,\n      createHref,\n      dataName,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleOnClick,\n      href,\n      linKElementProps,\n      propsStyle\n    ]\n  );\n\n  return useButtonTag ? (\n    <button {..._props} type=\"button\">\n      {children}\n    </button>\n  ) : (\n    <a {..._props}>{children}</a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  skinHover: PropTypes.bool,\n  hoverColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({})\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useCallback","useMemo","useState","PropTypes","Provider","GetSkinFromContext","pushToHistory","Link","props","legacyContext","skin","hovered","setHovered","history","createHref","skinHover","hoverColor","dataName","ariaLabel","linKElementProps","href","onClick","className","style","propsStyle","children","onMouseLeave","onMouseEnter","download","handleMouseEnter","handleMouseLeave","navigate","handleOnClick","e","_style","pointerEvents","_hoverStyle","color","undefined","propTypes","node","string","title","target","oneOf","bool","func","shape","contextTypes","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n  const {\n    skinHover,\n    hoverColor = getOr('#00B0FF', 'common.primary', skin),\n    'data-name': dataName = 'link',\n    'aria-label': ariaLabel,\n    ...linKElementProps\n  } = props;\n  const {\n    href,\n    onClick = noop,\n    className,\n    style: propsStyle,\n    children,\n    onMouseLeave = noop,\n    onMouseEnter = noop,\n    download\n  } = props;\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n\n      if (!download) {\n        navigate(e);\n      }\n    },\n    [download, navigate, onClick]\n  );\n\n  const _style =\n    href || onClick\n      ? null\n      : {\n          pointerEvents: 'none'\n        };\n  const _hoverStyle =\n    skinHover && hovered\n      ? {\n          color: hoverColor\n        }\n      : null;\n\n  return (\n    <a\n      {...linKElementProps}\n      data-name={dataName}\n      aria-label={ariaLabel}\n      href={href ? createHref(href) : undefined}\n      onClick={handleOnClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={className}\n      style={{\n        ...propsStyle,\n        ..._style,\n        ..._hoverStyle\n      }}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  skinHover: PropTypes.bool,\n  hoverColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  style: PropTypes.shape({})\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}

package/es/atom/slide/index.d.ts

@@ -7,7 +7,6 @@ declare namespace Slide {
         const subtitle: PropTypes.Requireable<string>;
         const light: PropTypes.Requireable<boolean>;
         const cta: PropTypes.Requireable<PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/es/molecule/news/index.d.ts

@@ -8,7 +8,6 @@ declare namespace News {
         const description: PropTypes.Requireable<string>;
         const authorLogo: PropTypes.Requireable<string>;
         const cta: PropTypes.Requireable<PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/es/organism/mooc/image-slider/index.d.ts

@@ -10,7 +10,6 @@ declare namespace ImageSlider {
             subtitle: PropTypes.Requireable<string>;
             light: PropTypes.Requireable<boolean>;
             cta: PropTypes.Requireable<PropTypes.InferProps<{
-                'aria-label': PropTypes.Requireable<string>;
                 submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 href: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/es/organism/mooc-header/index.d.ts

@@ -42,7 +42,6 @@ declare class MoocHeader extends React.Component<any, any, any> {
             }> | null | undefined)[]>;
         }>>;
         links: PropTypes.Requireable<(PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/es/organism/mooc-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAucC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAucC;CACF"}

package/es/organism/sidebar/index.d.ts

@@ -141,7 +141,6 @@ export namespace ButtonItem {
         const onClick_1: PropTypes.Requireable<(...args: any[]) => any>;
         export { onClick_1 as onClick };
         export const cta: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/es/organism/sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAeO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;gBAwDN;;;;;;;;;;;;;;;;;;;;AAeM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAeO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;gBAwDN;;;;;;;;;;;;;;;;;;;;AAeM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}

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

@@ -4,7 +4,6 @@ declare namespace SlidePlayer {
     namespace propTypes {
         const player: PropTypes.Requireable<PropTypes.InferProps<{
             cta: PropTypes.Requireable<PropTypes.InferProps<{
-                'aria-label': PropTypes.Requireable<string>;
                 submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 href: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -128,7 +128,6 @@ declare function ValidateButton({ cta }: {
 declare namespace ValidateButton {
     export namespace propTypes_1 {
         const cta_1: PropTypes.Requireable<PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}

package/es/template/app-player/popin-correction/index.d.ts

@@ -36,7 +36,6 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-                useButtonTag: PropTypes.Requireable<boolean>;
                 style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             }>>;
             type: PropTypes.Validator<string>;
@@ -84,7 +83,6 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-                useButtonTag: PropTypes.Requireable<boolean>;
                 style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             }>>;
         }>>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}

package/es/template/app-player/popin-end/index.d.ts

@@ -36,7 +36,6 @@ declare namespace PopinEnd {
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                     onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-                    useButtonTag: PropTypes.Requireable<boolean>;
                     style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
                 }>>;
                 type: PropTypes.Validator<string>;

package/es/template/app-player/popin-end/summary.d.ts

@@ -42,7 +42,6 @@ declare namespace Summary {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-                useButtonTag: PropTypes.Requireable<boolean>;
                 style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             }>>;
             type: PropTypes.Validator<string>;

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

@@ -72,7 +72,6 @@ declare namespace NextQuestionPart {
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
             onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-            useButtonTag: PropTypes.Requireable<boolean>;
             style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
         }>>;
         export { cta_1 as cta };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";AAyWA,oEAyDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtID,gFA4DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5HD,yDAmDC;;;;;;;;;;;;;;;;;;;;;;;;;AApOD;;gBAkBC;;;;;;;;;;;AA8ED;;;;;uBAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";AAyWA,oEAyDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtID,gFA4DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5HD,yDAmDC;;;;;;;;;;;;;;;;;;;;;;;;;AApOD;;gBAkBC;;;;;;;;;;;AA8ED;;;;;uBAYC"}

package/es/template/teams-dashboard/index.d.ts

@@ -17,7 +17,6 @@ declare namespace TeamsDashboard {
             closeToolTipInformationTextAriaLabel: PropTypes.Requireable<string>;
         }>>;
         const platformLinks: PropTypes.Requireable<(PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/atom/cta/index.d.ts

@@ -1,8 +1,6 @@
 export default CTA;
-declare function CTA(props: any, legacyContext: any): JSX.Element;
-declare namespace CTA {
-    const propTypes: {
-        'aria-label': PropTypes.Requireable<string>;
+declare class CTA extends React.Component<any, any, any> {
+    static propTypes: {
         submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         href: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -18,8 +16,8 @@ declare namespace CTA {
         fullWidth: PropTypes.Requireable<boolean>;
         certificationButton: PropTypes.Requireable<boolean>;
     };
-    namespace contextTypes {
-        const skin: PropTypes.Requireable<PropTypes.InferProps<{
+    static contextTypes: {
+        skin: PropTypes.Requireable<PropTypes.InferProps<{
             common: PropTypes.Requireable<{
                 [x: string]: any;
             }>;
@@ -40,7 +38,36 @@ declare namespace CTA {
                 [x: string]: any;
             }>;
         }>>;
-    }
+    };
+    constructor(props: any);
+    state: {
+        hovered: boolean;
+    };
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    getStyle(): {
+        backgroundColor: any;
+        borderColor: any;
+        opacity: string;
+        color?: undefined;
+    } | {
+        backgroundColor: any;
+        borderColor: any;
+        opacity?: undefined;
+        color?: undefined;
+    } | {
+        color: any;
+        borderColor: any;
+        backgroundColor?: undefined;
+        opacity?: undefined;
+    } | {
+        color: any;
+        backgroundColor?: undefined;
+        borderColor?: undefined;
+        opacity?: undefined;
+    } | undefined;
+    render(): JSX.Element;
 }
+import React from "react";
 import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/atom/cta/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.js"],"names":[],"mappings":";AAUA,kEAqGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/cta/index.js"],"names":[],"mappings":";AAUA;IACE;;;;;;;;;;;;;;;MAeE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAOC;IALC;;MAEC;IAKH,yBAIC;IAED,yBAIC;IAED;;;;;;;;;;;;;;;;;;;;kBAwCC;IAED,sBAkDC;CACF"}

package/lib/atom/cta/index.js

@@ -7,7 +7,7 @@ var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
 
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _cssColorFunction = require("css-color-function");
 
@@ -23,41 +23,43 @@ var _link = _interopRequireDefault(require("../link"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 }; }
 
-const CTA = (props, legacyContext) => {
-  const {
-    skin
-  } = legacyContext;
-  const {
-    'aria-label': ariaLabel,
-    submitValue = 'submit',
-    name: ctaName,
-    href,
-    target,
-    disabled = false,
-    light = false,
-    small = false,
-    secondary = false,
-    onClick,
-    className,
-    logout = false,
-    rectangular = false,
-    fullWidth = false,
-    certificationButton = false
-  } = props;
-  const [hovered, setHovered] = (0, _react.useState)(false);
-  const handleMouseEnter = (0, _react.useCallback)(() => {
-    setHovered(true);
-  }, []);
-  const handleMouseLeave = (0, _react.useCallback)(() => {
-    setHovered(false);
-  }, []);
-  const getStyle = (0, _react.useCallback)(() => {
+class CTA extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hovered: false
+    };
+    this.handleMouseEnter = this.handleMouseEnter.bind(this);
+    this.handleMouseLeave = this.handleMouseLeave.bind(this);
+  }
+
+  handleMouseEnter() {
+    return this.setState({
+      hovered: true
+    });
+  }
+
+  handleMouseLeave() {
+    return this.setState({
+      hovered: false
+    });
+  }
+
+  getStyle() {
+    const {
+      skin
+    } = this.context;
+    const {
+      hovered
+    } = this.state;
+    const {
+      disabled = false,
+      light = false,
+      secondary = false,
+      logout = false
+    } = this.props;
     const color = (0, _get2.default)('common.primary', skin);
     const grey = (0, _get2.default)('common.grey', skin);
     if (logout) return;
@@ -89,29 +91,50 @@ const CTA = (props, legacyContext) => {
       borderColor: color,
       backgroundColor: color
     };
-  }, [disabled, hovered, light, logout, secondary, skin]);
-  return /*#__PURE__*/_react.default.createElement(_link.default, {
-    href: href,
-    onClick: disabled ? _noop2.default : onClick,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    target: target,
-    className: (0, _classnames.default)(_style.default.button, disabled ? _style.default.disabled : null, small ? _style.default.smallButton : null, light ? _style.default.lightButton : null, secondary ? _style.default.secondaryButton : null, logout ? _style.default.logoutButton : null, rectangular ? _style.default.rectangularButton : null, fullWidth ? _style.default.fullWidth : null, certificationButton ? _style.default.certificationButton : null, className),
-    "data-name": ctaName || 'cta',
-    style: getStyle(),
-    "aria-label": ariaLabel
-  }, logout ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.logoutWrapper,
-    "data-name": "cta-logout-label"
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLogout, {
-    height: 15,
-    width: 15,
-    className: _style.default.logoutIcon
-  }), submitValue) : submitValue);
-};
+  }
+
+  render() {
+    const {
+      submitValue = 'submit',
+      name: ctaName,
+      href,
+      target,
+      disabled = false,
+      light = false,
+      small = false,
+      secondary = false,
+      onClick,
+      className,
+      logout = false,
+      rectangular = false,
+      fullWidth = false,
+      certificationButton = false
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_link.default, {
+      href: href,
+      onClick: disabled ? _noop2.default : onClick,
+      onMouseEnter: this.handleMouseEnter,
+      onMouseLeave: this.handleMouseLeave,
+      target: target,
+      className: (0, _classnames.default)(_style.default.button, disabled ? _style.default.disabled : null, small ? _style.default.smallButton : null, light ? _style.default.lightButton : null, secondary ? _style.default.secondaryButton : null, logout ? _style.default.logoutButton : null, rectangular ? _style.default.rectangularButton : null, fullWidth ? _style.default.fullWidth : null, certificationButton ? _style.default.certificationButton : null, className),
+      "data-name": ctaName || 'cta',
+      style: this.getStyle()
+    }, logout ? /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.logoutWrapper,
+      "data-name": "cta-logout-label"
+    }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyLogout, {
+      height: 15,
+      width: 15,
+      className: _style.default.logoutIcon
+    }), submitValue) : submitValue);
+  }
+
+}
 
+CTA.contextTypes = {
+  skin: _provider.default.childContextTypes.skin
+};
 CTA.propTypes = process.env.NODE_ENV !== "production" ? {
-  'aria-label': _link.default.propTypes['aria-label'],
   submitValue: _link.default.propTypes.children,
   href: _link.default.propTypes.href,
   onClick: _link.default.propTypes.onClick,
@@ -127,9 +150,6 @@ CTA.propTypes = process.env.NODE_ENV !== "production" ? {
   fullWidth: _propTypes.default.bool,
   certificationButton: _propTypes.default.bool
 } : {};
-CTA.contextTypes = {
-  skin: _provider.default.childContextTypes.skin
-};
 var _default = CTA;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CTA","props","legacyContext","skin","ariaLabel","submitValue","name","ctaName","href","target","disabled","light","small","secondary","onClick","className","logout","rectangular","fullWidth","certificationButton","hovered","setHovered","useState","handleMouseEnter","useCallback","handleMouseLeave","getStyle","color","grey","backgroundColor","borderColor","opacity","darkenColor","convert","classnames","style","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","propTypes","Link","children","PropTypes","string","bool","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nconst CTA = (props, legacyContext) => {\n  const {skin} = legacyContext;\n  const {\n    'aria-label': ariaLabel,\n    submitValue = 'submit',\n    name: ctaName,\n    href,\n    target,\n    disabled = false,\n    light = false,\n    small = false,\n    secondary = false,\n    onClick,\n    className,\n    logout = false,\n    rectangular = false,\n    fullWidth = false,\n    certificationButton = false\n  } = props;\n  const [hovered, setHovered] = useState(false);\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n  }, []);\n\n  const getStyle = useCallback(() => {\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }, [disabled, hovered, light, logout, secondary, skin]);\n\n  return (\n    <Link\n      href={href}\n      onClick={disabled ? noop : onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      target={target}\n      className={classnames(\n        style.button,\n        disabled ? style.disabled : null,\n        small ? style.smallButton : null,\n        light ? style.lightButton : null,\n        secondary ? style.secondaryButton : null,\n        logout ? style.logoutButton : null,\n        rectangular ? style.rectangularButton : null,\n        fullWidth ? style.fullWidth : null,\n        certificationButton ? style.certificationButton : null,\n        className\n      )}\n      data-name={ctaName || 'cta'}\n      style={getStyle()}\n      aria-label={ariaLabel}\n    >\n      {logout ? (\n        <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n          <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n          {submitValue}\n        </div>\n      ) : (\n        submitValue\n      )}\n    </Link>\n  );\n};\n\nCTA.propTypes = {\n  'aria-label': Link.propTypes['aria-label'],\n  submitValue: Link.propTypes.children,\n  href: Link.propTypes.href,\n  onClick: Link.propTypes.onClick,\n  target: Link.propTypes.target,\n  name: PropTypes.string,\n  disabled: PropTypes.bool,\n  light: PropTypes.bool,\n  secondary: PropTypes.bool,\n  small: PropTypes.bool,\n  className: PropTypes.string,\n  logout: PropTypes.bool,\n  rectangular: PropTypes.bool,\n  fullWidth: PropTypes.bool,\n  certificationButton: PropTypes.bool\n};\n\nCTA.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport default CTA;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["CTA","React","Component","constructor","props","state","hovered","handleMouseEnter","bind","handleMouseLeave","setState","getStyle","skin","context","disabled","light","secondary","logout","color","grey","backgroundColor","borderColor","opacity","darkenColor","convert","render","submitValue","name","ctaName","href","target","small","onClick","className","rectangular","fullWidth","certificationButton","classnames","style","button","smallButton","lightButton","secondaryButton","logoutButton","rectangularButton","logoutWrapper","logoutIcon","contextTypes","Provider","childContextTypes","propTypes","Link","children","PropTypes","string","bool"],"sources":["../../../src/atom/cta/index.js"],"sourcesContent":["import React from 'react';\nimport {convert} from 'css-color-function';\nimport PropTypes from 'prop-types';\nimport {get, noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyLogout as LogoutIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../provider';\nimport Link from '../link';\nimport style from './style.css';\n\nclass CTA extends React.Component {\n  static propTypes = {\n    submitValue: Link.propTypes.children,\n    href: Link.propTypes.href,\n    onClick: Link.propTypes.onClick,\n    target: Link.propTypes.target,\n    name: PropTypes.string,\n    disabled: PropTypes.bool,\n    light: PropTypes.bool,\n    secondary: PropTypes.bool,\n    small: PropTypes.bool,\n    className: PropTypes.string,\n    logout: PropTypes.bool,\n    rectangular: PropTypes.bool,\n    fullWidth: PropTypes.bool,\n    certificationButton: PropTypes.bool\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      hovered: false\n    };\n    this.handleMouseEnter = this.handleMouseEnter.bind(this);\n    this.handleMouseLeave = this.handleMouseLeave.bind(this);\n  }\n\n  handleMouseEnter() {\n    return this.setState({\n      hovered: true\n    });\n  }\n\n  handleMouseLeave() {\n    return this.setState({\n      hovered: false\n    });\n  }\n\n  getStyle() {\n    const {skin} = this.context;\n    const {hovered} = this.state;\n    const {disabled = false, light = false, secondary = false, logout = false} = this.props;\n    const color = get('common.primary', skin);\n    const grey = get('common.grey', skin);\n\n    if (logout) return;\n\n    if (disabled) {\n      return {\n        backgroundColor: grey,\n        borderColor: grey,\n        opacity: '0.3'\n      };\n    }\n\n    if (hovered) {\n      const darkenColor = convert(`color(${color} blackness(+10%))`);\n      return {\n        backgroundColor: darkenColor,\n        borderColor: darkenColor\n      };\n    }\n\n    if (secondary)\n      return {\n        color,\n        borderColor: color\n      };\n\n    if (light)\n      return {\n        color\n      };\n\n    return {\n      borderColor: color,\n      backgroundColor: color\n    };\n  }\n\n  render() {\n    const {\n      submitValue = 'submit',\n      name: ctaName,\n      href,\n      target,\n      disabled = false,\n      light = false,\n      small = false,\n      secondary = false,\n      onClick,\n      className,\n      logout = false,\n      rectangular = false,\n      fullWidth = false,\n      certificationButton = false\n    } = this.props;\n\n    return (\n      <Link\n        href={href}\n        onClick={disabled ? noop : onClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        target={target}\n        className={classnames(\n          style.button,\n          disabled ? style.disabled : null,\n          small ? style.smallButton : null,\n          light ? style.lightButton : null,\n          secondary ? style.secondaryButton : null,\n          logout ? style.logoutButton : null,\n          rectangular ? style.rectangularButton : null,\n          fullWidth ? style.fullWidth : null,\n          certificationButton ? style.certificationButton : null,\n          className\n        )}\n        data-name={ctaName || 'cta'}\n        style={this.getStyle()}\n      >\n        {logout ? (\n          <div className={style.logoutWrapper} data-name=\"cta-logout-label\">\n            <LogoutIcon height={15} width={15} className={style.logoutIcon} />\n            {submitValue}\n          </div>\n        ) : (\n          submitValue\n        )}\n      </Link>\n    );\n  }\n}\n\nexport default CTA;\n"],"mappings":"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"}

package/lib/atom/link/index.d.ts

@@ -15,7 +15,6 @@ declare namespace Link {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
         onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-        useButtonTag: PropTypes.Requireable<boolean>;
         style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
     };
     namespace contextTypes {

package/lib/atom/link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA0GC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/link/index.js"],"names":[],"mappings":";AAMA,mEA+EC"}

package/lib/atom/link/index.js

@@ -17,7 +17,7 @@ var _provider = _interopRequireWildcard(require("../provider"));
 
 var _navigation = _interopRequireDefault(require("../../util/navigation"));
 
-const _excluded = ["skinHover", "hoverColor", "data-name", "aria-label", "useButtonTag"];
+const _excluded = ["skinHover", "hoverColor", "data-name", "aria-label"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -42,8 +42,7 @@ const Link = (props, legacyContext) => {
     skinHover,
     hoverColor = (0, _getOr2.default)('#00B0FF', 'common.primary', skin),
     'data-name': dataName = 'link',
-    'aria-label': ariaLabel,
-    useButtonTag = false
+    'aria-label': ariaLabel
   } = props,
         linKElementProps = _objectWithoutPropertiesLoose(props, _excluded);
 
@@ -76,28 +75,24 @@ const Link = (props, legacyContext) => {
     }
   }, [download, navigate, onClick]);
 
-  const _style = (0, _react.useMemo)(() => href || onClick ? null : {
+  const _style = href || onClick ? null : {
     pointerEvents: 'none'
-  }, [href, onClick]);
+  };
 
-  const _hoverStyle = (0, _react.useMemo)(() => skinHover && hovered ? {
+  const _hoverStyle = skinHover && hovered ? {
     color: hoverColor
-  } : null, [hoverColor, hovered, skinHover]);
+  } : null;
 
-  const _props = (0, _react.useMemo)(() => _extends({}, linKElementProps, {
-    'data-name': dataName,
-    'aria-label': ariaLabel,
+  return /*#__PURE__*/_react.default.createElement("a", _extends({}, linKElementProps, {
+    "data-name": dataName,
+    "aria-label": ariaLabel,
     href: href ? createHref(href) : undefined,
     onClick: handleOnClick,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    className,
+    className: className,
     style: _extends({}, propsStyle, _style, _hoverStyle)
-  }), [_hoverStyle, _style, ariaLabel, className, createHref, dataName, handleMouseEnter, handleMouseLeave, handleOnClick, href, linKElementProps, propsStyle]);
-
-  return useButtonTag ? /*#__PURE__*/_react.default.createElement("button", _extends({}, _props, {
-    type: "button"
-  }), children) : /*#__PURE__*/_react.default.createElement("a", _props, children);
+  }), children);
 };
 
 Link.propTypes = process.env.NODE_ENV !== "production" ? {
@@ -114,7 +109,6 @@ Link.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _propTypes.default.func,
   onMouseEnter: _propTypes.default.func,
   onMouseLeave: _propTypes.default.func,
-  useButtonTag: _propTypes.default.bool,
   style: _propTypes.default.shape({})
 } : {};
 Link.contextTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Link","props","legacyContext","skin","GetSkinFromContext","hovered","setHovered","useState","history","createHref","skinHover","hoverColor","dataName","ariaLabel","useButtonTag","linKElementProps","href","onClick","className","style","propsStyle","children","onMouseLeave","onMouseEnter","download","handleMouseEnter","useCallback","handleMouseLeave","navigate","useMemo","pushToHistory","handleOnClick","e","_style","pointerEvents","_hoverStyle","color","_props","undefined","propTypes","PropTypes","node","string","title","target","oneOf","bool","func","shape","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n  const {\n    skinHover,\n    hoverColor = getOr('#00B0FF', 'common.primary', skin),\n    'data-name': dataName = 'link',\n    'aria-label': ariaLabel,\n    useButtonTag = false,\n    ...linKElementProps\n  } = props;\n  const {\n    href,\n    onClick = noop,\n    className,\n    style: propsStyle,\n    children,\n    onMouseLeave = noop,\n    onMouseEnter = noop,\n    download\n  } = props;\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n\n      if (!download) {\n        navigate(e);\n      }\n    },\n    [download, navigate, onClick]\n  );\n\n  const _style = useMemo(\n    () =>\n      href || onClick\n        ? null\n        : {\n            pointerEvents: 'none'\n          },\n    [href, onClick]\n  );\n  const _hoverStyle = useMemo(\n    () =>\n      skinHover && hovered\n        ? {\n            color: hoverColor\n          }\n        : null,\n    [hoverColor, hovered, skinHover]\n  );\n\n  const _props = useMemo(\n    () => ({\n      ...linKElementProps,\n      'data-name': dataName,\n      'aria-label': ariaLabel,\n      href: href ? createHref(href) : undefined,\n      onClick: handleOnClick,\n      onMouseEnter: handleMouseEnter,\n      onMouseLeave: handleMouseLeave,\n      className,\n      style: {\n        ...propsStyle,\n        ..._style,\n        ..._hoverStyle\n      }\n    }),\n    [\n      _hoverStyle,\n      _style,\n      ariaLabel,\n      className,\n      createHref,\n      dataName,\n      handleMouseEnter,\n      handleMouseLeave,\n      handleOnClick,\n      href,\n      linKElementProps,\n      propsStyle\n    ]\n  );\n\n  return useButtonTag ? (\n    <button {..._props} type=\"button\">\n      {children}\n    </button>\n  ) : (\n    <a {..._props}>{children}</a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  skinHover: PropTypes.bool,\n  hoverColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  useButtonTag: PropTypes.bool,\n  style: PropTypes.shape({})\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Link","props","legacyContext","skin","GetSkinFromContext","hovered","setHovered","useState","history","createHref","skinHover","hoverColor","dataName","ariaLabel","linKElementProps","href","onClick","className","style","propsStyle","children","onMouseLeave","onMouseEnter","download","handleMouseEnter","useCallback","handleMouseLeave","navigate","useMemo","pushToHistory","handleOnClick","e","_style","pointerEvents","_hoverStyle","color","undefined","propTypes","PropTypes","node","string","title","target","oneOf","bool","func","shape","contextTypes","Provider","childContextTypes"],"sources":["../../../src/atom/link/index.js"],"sourcesContent":["import React, {useCallback, useMemo, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport {identity, getOr, noop} from 'lodash/fp';\nimport Provider, {GetSkinFromContext} from '../provider';\nimport pushToHistory from '../../util/navigation';\n\nconst Link = (props, legacyContext) => {\n  const skin = GetSkinFromContext(legacyContext);\n  const [hovered, setHovered] = useState(false);\n  const {history: {createHref = identity} = {}} = legacyContext;\n  const {\n    skinHover,\n    hoverColor = getOr('#00B0FF', 'common.primary', skin),\n    'data-name': dataName = 'link',\n    'aria-label': ariaLabel,\n    ...linKElementProps\n  } = props;\n  const {\n    href,\n    onClick = noop,\n    className,\n    style: propsStyle,\n    children,\n    onMouseLeave = noop,\n    onMouseEnter = noop,\n    download\n  } = props;\n\n  const handleMouseEnter = useCallback(() => {\n    setHovered(true);\n\n    onMouseEnter();\n  }, [onMouseEnter]);\n\n  const handleMouseLeave = useCallback(() => {\n    setHovered(false);\n\n    onMouseLeave();\n  }, [onMouseLeave]);\n\n  const navigate = useMemo(() => pushToHistory(legacyContext)({href}), [href, legacyContext]);\n\n  const handleOnClick = useCallback(\n    e => {\n      onClick(e);\n\n      if (!download) {\n        navigate(e);\n      }\n    },\n    [download, navigate, onClick]\n  );\n\n  const _style =\n    href || onClick\n      ? null\n      : {\n          pointerEvents: 'none'\n        };\n  const _hoverStyle =\n    skinHover && hovered\n      ? {\n          color: hoverColor\n        }\n      : null;\n\n  return (\n    <a\n      {...linKElementProps}\n      data-name={dataName}\n      aria-label={ariaLabel}\n      href={href ? createHref(href) : undefined}\n      onClick={handleOnClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      className={className}\n      style={{\n        ...propsStyle,\n        ..._style,\n        ..._hoverStyle\n      }}\n    >\n      {children}\n    </a>\n  );\n};\n\nLink.propTypes = {\n  children: PropTypes.node,\n  className: PropTypes.string,\n  href: PropTypes.string,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  title: PropTypes.string,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  skinHover: PropTypes.bool,\n  hoverColor: PropTypes.string,\n  download: PropTypes.bool,\n  onClick: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  style: PropTypes.shape({})\n};\n\nLink.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  history: Provider.childContextTypes.history\n};\n\nexport default Link;\n"],"mappings":"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"}

package/lib/atom/slide/index.d.ts

@@ -7,7 +7,6 @@ declare namespace Slide {
         const subtitle: PropTypes.Requireable<string>;
         const light: PropTypes.Requireable<boolean>;
         const cta: PropTypes.Requireable<PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/molecule/news/index.d.ts

@@ -8,7 +8,6 @@ declare namespace News {
         const description: PropTypes.Requireable<string>;
         const authorLogo: PropTypes.Requireable<string>;
         const cta: PropTypes.Requireable<PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/organism/mooc/image-slider/index.d.ts

@@ -10,7 +10,6 @@ declare namespace ImageSlider {
             subtitle: PropTypes.Requireable<string>;
             light: PropTypes.Requireable<boolean>;
             cta: PropTypes.Requireable<PropTypes.InferProps<{
-                'aria-label': PropTypes.Requireable<string>;
                 submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 href: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/organism/mooc-header/index.d.ts

@@ -42,7 +42,6 @@ declare class MoocHeader extends React.Component<any, any, any> {
             }> | null | undefined)[]>;
         }>>;
         links: PropTypes.Requireable<(PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/organism/mooc-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAucC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAyBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA6FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAwBC;IAtBC;;;;;;MAMC;IAgDH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IAED,0BAIC;IAED,2BAIC;IAED,iCAUC;IA7GD,2EASC;IAGC,kBAAsB;IAmGxB,6BAIE;IAEF,6BAIE;IAEF,6BAucC;CACF"}

package/lib/organism/sidebar/index.d.ts

@@ -141,7 +141,6 @@ export namespace ButtonItem {
         const onClick_1: PropTypes.Requireable<(...args: any[]) => any>;
         export { onClick_1 as onClick };
         export const cta: PropTypes.Requireable<NonNullable<boolean | PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/organism/sidebar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAeO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;gBAwDN;;;;;;;;;;;;;;;;;;;;AAeM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/sidebar/index.js"],"names":[],"mappings":"AAeO,uDA0BN;;;;;;;;;;;;;AAaM;;;;;;;gBAON;;;;;;;;;;;;;;;;;;;;;AAiBM;;;;;;;gBAON;;;;;AAIM;;;;;;;;;;;;;gBAwDN;;;;;;;;;;;;;;;;;;;;AAeM;;;;;;gBAyBN;;;;;AAIM;;;;;gBAMN;;;;;;;;;;;;;;AASM;;;;;;;;;;gBA6CN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;;;;;;;;;gBAuBN;;;;;;;;;;;;;;;;;;;;;;;;AAkED;;8BAaC"}

package/lib/template/app-player/player/index.d.ts

@@ -4,7 +4,6 @@ declare namespace SlidePlayer {
     namespace propTypes {
         const player: PropTypes.Requireable<PropTypes.InferProps<{
             cta: PropTypes.Requireable<PropTypes.InferProps<{
-                'aria-label': PropTypes.Requireable<string>;
                 submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
                 href: PropTypes.Requireable<string>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/template/app-player/player/slides/index.d.ts

@@ -128,7 +128,6 @@ declare function ValidateButton({ cta }: {
 declare namespace ValidateButton {
     export namespace propTypes_1 {
         const cta_1: PropTypes.Requireable<PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":[],"mappings":";AAgZA,qEAkBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA1HD;;uBAUC;;;;;;;;;;;;;;;;;;;;;;;AAnOD;;;gBAaC;;;;;;;;;;;;;AAyDD;;;gBAAoF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhHpF,oEAQC;;;;;;;;;AA6MD;;gBAiBC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA/GD,qEAaC"}

package/lib/template/app-player/popin-correction/index.d.ts

@@ -36,7 +36,6 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-                useButtonTag: PropTypes.Requireable<boolean>;
                 style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             }>>;
             type: PropTypes.Validator<string>;
@@ -84,7 +83,6 @@ declare class PopinCorrection extends React.Component<any, any, any> {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-                useButtonTag: PropTypes.Requireable<boolean>;
                 style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             }>>;
         }>>;

package/lib/template/app-player/popin-correction/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":[],"mappings":";AAmGA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAmBE;IAEF;;;;;;;;;;;;;;;;;;;;;;MAEE;IAEF,wBAIC;IAFC;;MAA0B;IAkB5B,gCAEC;IAhBD,0BAEC;IAED,kBAQC;IALC,gCAIE;IAIF,aAAsB;IAGxB,sBAsEC;CACF"}

package/lib/template/app-player/popin-end/index.d.ts

@@ -36,7 +36,6 @@ declare namespace PopinEnd {
                     onClick: PropTypes.Requireable<(...args: any[]) => any>;
                     onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                     onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-                    useButtonTag: PropTypes.Requireable<boolean>;
                     style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
                 }>>;
                 type: PropTypes.Validator<string>;

package/lib/template/app-player/popin-end/summary.d.ts

@@ -42,7 +42,6 @@ declare namespace Summary {
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
                 onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-                useButtonTag: PropTypes.Requireable<boolean>;
                 style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
             }>>;
             type: PropTypes.Validator<string>;

package/lib/template/app-player/popin-header/index.d.ts

@@ -72,7 +72,6 @@ declare namespace NextQuestionPart {
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             onMouseEnter: PropTypes.Requireable<(...args: any[]) => any>;
             onMouseLeave: PropTypes.Requireable<(...args: any[]) => any>;
-            useButtonTag: PropTypes.Requireable<boolean>;
             style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
         }>>;
         export { cta_1 as cta };

package/lib/template/app-player/popin-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";AAyWA,oEAyDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtID,gFA4DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5HD,yDAmDC;;;;;;;;;;;;;;;;;;;;;;;;;AApOD;;gBAkBC;;;;;;;;;;;AA8ED;;;;;uBAYC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-player/popin-header/index.js"],"names":[],"mappings":";AAyWA,oEAyDC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAtID,gFA4DC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5HD,yDAmDC;;;;;;;;;;;;;;;;;;;;;;;;;AApOD;;gBAkBC;;;;;;;;;;;AA8ED;;;;;uBAYC"}

package/lib/template/teams-dashboard/index.d.ts

@@ -17,7 +17,6 @@ declare namespace TeamsDashboard {
             closeToolTipInformationTextAriaLabel: PropTypes.Requireable<string>;
         }>>;
         const platformLinks: PropTypes.Requireable<(PropTypes.InferProps<{
-            'aria-label': PropTypes.Requireable<string>;
             submitValue: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             href: PropTypes.Requireable<string>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.14.13-alpha.1+affbf8328",
+  "version": "11.14.13",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -56,7 +56,7 @@
     "Soualmi Djamel <djamel.soualmi@coorpacademy.com>"
   ],
   "dependencies": {
-    "@coorpacademy/nova-icons": "4.2.3",
+    "@coorpacademy/nova-icons": "4.2.4",
     "@coorpacademy/react-native-animation": "1.0.3",
     "@jwplayer/jwplayer-react": "^1.1.0",
     "@types/react": "^17.0.50",
@@ -168,5 +168,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "affbf8328139c4d991db200ad21f06b31e18aa34"
+  "gitHead": "43204583486c5bfe41c1af8be5114fafaf52de76"
 }