@coorpacademy/components 11.9.2-alpha.4 → 11.9.3-alpha.23

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","style","toolTipReact","toolTip","propTypes","PropTypes","bool","string","isRequired","node","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","isComponent","useMemo","isString","isValidElement","setToolTipIsVisible","useState","handleKeyPress","useCallback","handleMouseOver","handleMouseLeave","tooltipContent","tooltipContainer","tooltipIconContainer","informationIcon","oneOfType","func"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content\n}) => {\n  if (!toolTipIsVisible) return null;\n  if (anchorId) {\n    return (\n      <ReactTooltip\n        id={anchorId}\n        className={style.toolTipReact}\n        data-event-off=\"click\"\n        place=\"left\"\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={style.toolTip}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </div>\n    );\n  }\n};\n\nToolTipWrapper.propTypes = {\n  toolTipIsVisible: PropTypes.bool,\n  anchorId: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  content: PropTypes.node\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  if (event.key === 'Enter') {\n    if (ref) ref.current.focus();\n    event.stopPropagation();\n    event.preventDefault();\n    setState(!state);\n  } else if (event.key === 'Tab' || event.key === 'Escape') {\n    setState(false);\n  }\n};\n\nconst ToolTip = ({\n  anchorId,\n  TooltipContent,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel,\n  toolTipIsVisible: _toolTipIsVisible\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleMouseOver = useCallback(() => {\n    setToolTipIsVisible(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setToolTipIsVisible(false);\n  }, []);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={style.tooltipContent}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, isComponent]);\n\n  return anchorId ? (\n    <ToolTipWrapper\n      toolTipIsVisible={_toolTipIsVisible}\n      anchorId={anchorId}\n      closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      content={content}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      <button\n        type=\"button\"\n        className={style.tooltipIconContainer}\n        data-testid={dataTestId}\n        onKeyDown={handleKeyPress}\n        tabIndex={0}\n      >\n        <InformationIcon\n          className={style.informationIcon}\n          width={12}\n          height={12}\n          aria-label={ariaLabel}\n        />\n      </button>\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\n      />\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n  'data-testid': PropTypes.string,\n  'aria-label': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  // ---------- externalHandling --------------\n  // if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool\n};\n\nexport default ToolTip;\n"],"mappings":"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"}

package/lib/atom/tooltip/style.css

@@ -0,0 +1,96 @@
+@value colors: "../../variables/colors.css";
+@value cm_blue_900 from colors;
+@value cm_grey_75 from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
+
+.textBase {
+  font-family: "Gilroy";
+  font-style: normal;
+  color: cm_blue_900;
+  user-select: none;
+}
+
+.tooltipContainer {
+  overflow: visible;
+  position: relative;
+  z-index: 10;
+  display: flex;
+  justify-content: center;
+  justify-self: center;
+}
+
+.tooltipIconContainer {
+  display: flex;
+  justify-content: flex-end;
+  border: none;
+  background: cm_grey_75;
+  height: 25px;
+  align-items: center;
+}
+
+.toolTip {
+  transition: opacity 0.8s;
+  position: absolute;
+  border-radius: 7px;
+  background-color: cm_grey_700;
+  right: -75px;
+  bottom: 32px;
+  height: auto;
+  width: 200px;
+}
+
+.toolTip::before {
+  content: '';
+  display: inline-block;
+  visibility: inherit;
+  opacity: inherit;
+  width: 15px;
+  height: 15px;
+  transform: rotate(-45deg);
+  background-color: cm_grey_700;
+  position: inherit;
+  border-radius: 2px;
+  bottom: -5px;
+  right: 40%;
+}
+
+.tooltipContent {
+  composes: textBase;
+  font-weight: 500;
+  font-size: 14px;
+  display: inline-block;
+  border-radius: 3px;
+  word-wrap: break-word;
+  color: white;
+  padding: 8px 14px;
+  text-align: center;
+}
+
+.informationIcon {
+  color: cm_grey_500;
+}
+
+/* ----------------------- ReactToolTip exclusive classes ------------------------- */
+.toolTipReact {
+  pointer-events: all !important;
+  background-color: cm_grey_700;
+  border-radius: 7px !important;
+  visibility: visible !important;
+  opacity: 1 !important;
+  left: 5px;
+}
+
+/* for keyboard navigation, the position can't be obtained from the mouse */
+[class*="__react_component_tooltip"]:not(.toolTipReact) {
+  border-radius: 7px !important;
+  top: 97px!important;
+  left: 628px!important;
+  visibility: visible !important;
+  opacity: 1!important;
+}
+
+/* same reason, arrow can't be placed effectively */
+[class*="__react_component_tooltip"]:not(.toolTipReact)::after {
+  content: none !important;
+}

package/lib/molecule/answer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";AAwEA,iDAWC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";AA4EA,iDAWC"}

package/lib/molecule/answer/index.js

@@ -25,7 +25,7 @@ var _template = _interopRequireDefault(require("../questions/template"));
 
 var _audio = _interopRequireDefault(require("../audio"));
 
-var _provider = require("../../atom/provider");
+var _provider = _interopRequireWildcard(require("../../atom/provider"));
 
 var _style = _interopRequireDefault(require("./style.css"));
 
@@ -88,11 +88,11 @@ MediaView.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.MediaVi
 const Switch = ({
   model,
   help
-}) => {
+}, legacyContext) => {
   const {
     type
   } = model;
-  const translate = (0, _provider.GetTranslateFromContext)();
+  const translate = (0, _provider.GetTranslateFromContext)(legacyContext);
 
   switch (type) {
     case 'qcmDrag':
@@ -135,6 +135,9 @@ Switch.propTypes = process.env.NODE_ENV !== "production" ? {
   model: _propTypes.default.model,
   help: _propTypes.default.help
 } : {};
+Switch.contextTypes = {
+  translate: _provider.default.childContextTypes.translate
+};
 
 const Answer = props => {
   const {

package/lib/molecule/answer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MediaView","media","videoId","type","childProps","TYPE_IMAGE","style","backgroundImage","url","TYPE_VIDEO","video","TYPE_AUDIO","audio","propTypes","MediaViewPropTypes","Switch","model","help","translate","GetTranslateFromContext","Answer","props","wrapper"],"sources":["../../../src/molecule/answer/index.js"],"sourcesContent":["import React from 'react';\nimport {omit} from 'lodash/fp';\nimport VideoPlayer from '../video-player';\nimport DropDown from '../questions/drop-down';\nimport FreeText from '../questions/free-text';\nimport QcmDrag from '../questions/qcm-drag';\nimport Qcm from '../questions/qcm';\nimport QcmGraphic from '../questions/qcm-graphic';\nimport QuestionRange from '../questions/question-range';\nimport Template from '../questions/template';\nimport Audio from '../audio';\nimport {GetTranslateFromContext} from '../../atom/provider';\nimport style from './style.css';\nimport propTypes, {MediaViewPropTypes, TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from './prop-types';\n\nconst MediaView = ({media}) => {\n  const {videoId, type, ...childProps} = media;\n  switch (type) {\n    case TYPE_IMAGE:\n      return (\n        <div\n          className={style.media}\n          style={{\n            backgroundImage: `url(${media.url})`\n          }}\n        />\n      );\n    case TYPE_VIDEO:\n      return (\n        <div className={style.video}>\n          <VideoPlayer {...omit('id', childProps)} id={videoId} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    case TYPE_AUDIO:\n      return (\n        <div className={style.audio}>\n          <Audio {...omit('id', childProps)} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    default:\n      return null;\n  }\n};\n\nMediaView.propTypes = MediaViewPropTypes;\n\nconst Switch = ({model, help}) => {\n  const {type} = model;\n  const translate = GetTranslateFromContext();\n  switch (type) {\n    case 'qcmDrag':\n      return <QcmDrag {...model} help={help} groupAriaLabel={translate('answer_the_question')} />;\n    case 'qcm':\n      return <Qcm {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'qcmGraphic':\n      return <QcmGraphic {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'freeText':\n      return <FreeText {...model} />;\n    case 'dropDown':\n      return <DropDown {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'slider':\n      return <QuestionRange {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'template':\n      return <Template {...model} groupAriaLabel={translate('answer_the_question')} />;\n  }\n};\n\nSwitch.propTypes = {\n  model: propTypes.model,\n  help: propTypes.help\n};\n\nconst Answer = props => {\n  const {model, media, help} = props;\n\n  return (\n    <div data-name=\"answer\" className={style.wrapper}>\n      {media ? <MediaView media={media} /> : null}\n      <form>\n        <Switch model={model} help={help} />\n      </form>\n    </div>\n  );\n};\n\nAnswer.propTypes = propTypes;\n\nexport default Answer;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["MediaView","media","videoId","type","childProps","TYPE_IMAGE","style","backgroundImage","url","TYPE_VIDEO","video","TYPE_AUDIO","audio","propTypes","MediaViewPropTypes","Switch","model","help","legacyContext","translate","GetTranslateFromContext","contextTypes","Provider","childContextTypes","Answer","props","wrapper"],"sources":["../../../src/molecule/answer/index.js"],"sourcesContent":["import React from 'react';\nimport {omit} from 'lodash/fp';\nimport VideoPlayer from '../video-player';\nimport DropDown from '../questions/drop-down';\nimport FreeText from '../questions/free-text';\nimport QcmDrag from '../questions/qcm-drag';\nimport Qcm from '../questions/qcm';\nimport QcmGraphic from '../questions/qcm-graphic';\nimport QuestionRange from '../questions/question-range';\nimport Template from '../questions/template';\nimport Audio from '../audio';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport style from './style.css';\nimport propTypes, {MediaViewPropTypes, TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from './prop-types';\n\nconst MediaView = ({media}) => {\n  const {videoId, type, ...childProps} = media;\n  switch (type) {\n    case TYPE_IMAGE:\n      return (\n        <div\n          className={style.media}\n          style={{\n            backgroundImage: `url(${media.url})`\n          }}\n        />\n      );\n    case TYPE_VIDEO:\n      return (\n        <div className={style.video}>\n          <VideoPlayer {...omit('id', childProps)} id={videoId} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    case TYPE_AUDIO:\n      return (\n        <div className={style.audio}>\n          <Audio {...omit('id', childProps)} height=\"100%\" width=\"100%\" />\n        </div>\n      );\n    default:\n      return null;\n  }\n};\n\nMediaView.propTypes = MediaViewPropTypes;\n\nconst Switch = ({model, help}, legacyContext) => {\n  const {type} = model;\n  const translate = GetTranslateFromContext(legacyContext);\n  switch (type) {\n    case 'qcmDrag':\n      return <QcmDrag {...model} help={help} groupAriaLabel={translate('answer_the_question')} />;\n    case 'qcm':\n      return <Qcm {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'qcmGraphic':\n      return <QcmGraphic {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'freeText':\n      return <FreeText {...model} />;\n    case 'dropDown':\n      return <DropDown {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'slider':\n      return <QuestionRange {...model} groupAriaLabel={translate('answer_the_question')} />;\n    case 'template':\n      return <Template {...model} groupAriaLabel={translate('answer_the_question')} />;\n  }\n};\n\nSwitch.propTypes = {\n  model: propTypes.model,\n  help: propTypes.help\n};\n\nSwitch.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst Answer = props => {\n  const {model, media, help} = props;\n\n  return (\n    <div data-name=\"answer\" className={style.wrapper}>\n      {media ? <MediaView media={media} /> : null}\n      <form>\n        <Switch model={model} help={help} />\n      </form>\n    </div>\n  );\n};\n\nAnswer.propTypes = propTypes;\n\nexport default Answer;\n"],"mappings":"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"}

package/lib/molecule/audio/index.js

@@ -66,9 +66,7 @@ class Audio extends _react.default.Component {
         backgroundImage: `url(${poster})`
       }
     }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyMicrophone, {
-      style: {
-        color: white
-      },
+      color: white,
       className: _style.default.icon
     }), description ? /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(_style.default.description, _style.default.innerHTML),

package/lib/molecule/audio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Audio","React","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","style","frame","backgroundImage","color","icon","classnames","innerHTML","__html","audio","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon style={{color: white}} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,KAAN,SAAoBC,cAAA,CAAMC,SAA1B,CAAoC;EAYlCC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAgB5BC,QAhB4B,GAgBjBC,OAAO,IAAI;MACpB,KAAKC,YAAL,GAAoBD,OAApB;IACD,CAlB2B;;IAE1B,KAAKE,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKF,YAAL,GAAoB,IAApB;IACA,KAAKF,QAAL,GAAgB,KAAKA,QAAL,CAAcI,IAAd,CAAmB,IAAnB,CAAhB;EACD;;EAEDC,qBAAqB,CAACC,SAAD,EAAY;IAC/B,MAAM;MAACC;IAAD,IAAa,KAAKT,KAAxB;IACA,OAAOQ,SAAS,CAACC,QAAV,KAAuBA,QAA9B;EACD;;EAEDC,kBAAkB,GAAG;IACnB,KAAKN,YAAL,CAAkBO,IAAlB;EACD;;EAMDN,UAAU,CAACO,CAAD,EAAI;IACZ,MAAM;MAACC;IAAD,IAAW,KAAKb,KAAtB;IACA,IAAIa,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;EACb;;EAEDE,MAAM,GAAG;IACP,MAAM;MAACC,WAAD;MAAcN,QAAd;MAAwBO;IAAxB,IAAkC,KAAKhB,KAA7C;IACA,MAAM;MAACiB;IAAD,IAAS,KAAKhB,OAApB;IAEA,MAAMiB,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;IACA,oBACE;MAAK,SAAS,EAAEE,cAAA,CAAMC,KAAtB;MAA6B,KAAK,EAAE;QAACC,eAAe,EAAG,OAAML,MAAO;MAAhC;IAApC,gBACE,6BAAC,gDAAD;MAAa,KAAK,EAAE;QAACM,KAAK,EAAEJ;MAAR,CAApB;MAAoC,SAAS,EAAEC,cAAA,CAAMI;IAArD,EADF,EAEGR,WAAW,gBACV;MACE,SAAS,EAAE,IAAAS,mBAAA,EAAWL,cAAA,CAAMJ,WAAjB,EAA8BI,cAAA,CAAMM,SAApC,CADb;MAEE,aAAU,kBAFZ,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAEX;MAAT;IAJ3B,EADU,GAOR,IATN,eAUE;MACE,SAAS,EAAEI,cAAA,CAAMQ,KADnB;MAEE,QAAQ,MAFV;MAGE,YAAY,EAAC,YAHf;MAIE,GAAG,EAAE,KAAKzB,QAJZ;MAKE,QAAQ,EAAC,EALX;MAME,MAAM,EAAE,KAAKG,UANf;MAOE,IAAI,EAAC,OAPP;MAQE,aAAU,OARZ;MASE,OAAO,EAAC;IATV,gBAWE;MAAQ,GAAG,EAAEI;IAAb,EAXF,CAVF,CADF;EA0BD;;AApEiC;;AAA9Bb,K,CAQGgC,Y,GAAe;EACpBX,IAAI,EAAEY,iBAAA,CAASC,iBAAT,CAA2Bb;AADb,C;AARlBrB,K,CACGmC,S,2CAAY;EACjBhB,WAAW,EAAEiB,kBAAA,CAAUC,MADN;EAEjBxB,QAAQ,EAAEuB,kBAAA,CAAUC,MAFH;EAGjBjB,MAAM,EAAEgB,kBAAA,CAAUC,MAHD;EAIjBpB,MAAM,EAAEmB,kBAAA,CAAUE;AAJD,C;eAsENtC,K"}
+{"version":3,"file":"index.js","names":["Audio","React","Component","constructor","props","context","setAudio","element","audioElement","handlePlay","bind","shouldComponentUpdate","nextProps","mediaUrl","componentDidUpdate","load","e","onPlay","render","description","poster","skin","white","style","frame","backgroundImage","icon","classnames","innerHTML","__html","audio","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/audio/index.js"],"sourcesContent":["import React from 'react';\nimport {get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {NovaCompositionCoorpacademyMicrophone as PodcastIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nclass Audio extends React.Component {\n  static propTypes = {\n    description: PropTypes.string,\n    mediaUrl: PropTypes.string,\n    poster: PropTypes.string,\n    onPlay: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handlePlay = this.handlePlay.bind(this);\n    this.audioElement = null;\n    this.setAudio = this.setAudio.bind(this);\n  }\n\n  shouldComponentUpdate(nextProps) {\n    const {mediaUrl} = this.props;\n    return nextProps.mediaUrl !== mediaUrl;\n  }\n\n  componentDidUpdate() {\n    this.audioElement.load();\n  }\n\n  setAudio = element => {\n    this.audioElement = element;\n  };\n\n  handlePlay(e) {\n    const {onPlay} = this.props;\n    if (onPlay) onPlay(e);\n  }\n\n  render() {\n    const {description, mediaUrl, poster} = this.props;\n    const {skin} = this.context;\n\n    const white = get('common.white', skin);\n    return (\n      <div className={style.frame} style={{backgroundImage: `url(${poster})`}}>\n        <PodcastIcon color={white} className={style.icon} />\n        {description ? (\n          <div\n            className={classnames(style.description, style.innerHTML)}\n            data-name=\"audioDescription\"\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: description}}\n          />\n        ) : null}\n        <audio\n          className={style.audio}\n          controls\n          controlsList=\"nodownload\"\n          ref={this.setAudio}\n          autoPlay=\"\"\n          onPlay={this.handlePlay}\n          name=\"media\"\n          data-name=\"audio\"\n          preload=\"auto\"\n        >\n          <source src={mediaUrl} />\n        </audio>\n      </div>\n    );\n  }\n}\n\nexport default Audio;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,KAAN,SAAoBC,cAAA,CAAMC,SAA1B,CAAoC;EAYlCC,WAAW,CAACC,KAAD,EAAQC,OAAR,EAAiB;IAC1B,MAAMD,KAAN,EAAaC,OAAb;;IAD0B,KAgB5BC,QAhB4B,GAgBjBC,OAAO,IAAI;MACpB,KAAKC,YAAL,GAAoBD,OAApB;IACD,CAlB2B;;IAE1B,KAAKE,UAAL,GAAkB,KAAKA,UAAL,CAAgBC,IAAhB,CAAqB,IAArB,CAAlB;IACA,KAAKF,YAAL,GAAoB,IAApB;IACA,KAAKF,QAAL,GAAgB,KAAKA,QAAL,CAAcI,IAAd,CAAmB,IAAnB,CAAhB;EACD;;EAEDC,qBAAqB,CAACC,SAAD,EAAY;IAC/B,MAAM;MAACC;IAAD,IAAa,KAAKT,KAAxB;IACA,OAAOQ,SAAS,CAACC,QAAV,KAAuBA,QAA9B;EACD;;EAEDC,kBAAkB,GAAG;IACnB,KAAKN,YAAL,CAAkBO,IAAlB;EACD;;EAMDN,UAAU,CAACO,CAAD,EAAI;IACZ,MAAM;MAACC;IAAD,IAAW,KAAKb,KAAtB;IACA,IAAIa,MAAJ,EAAYA,MAAM,CAACD,CAAD,CAAN;EACb;;EAEDE,MAAM,GAAG;IACP,MAAM;MAACC,WAAD;MAAcN,QAAd;MAAwBO;IAAxB,IAAkC,KAAKhB,KAA7C;IACA,MAAM;MAACiB;IAAD,IAAS,KAAKhB,OAApB;IAEA,MAAMiB,KAAK,GAAG,mBAAI,cAAJ,EAAoBD,IAApB,CAAd;IACA,oBACE;MAAK,SAAS,EAAEE,cAAA,CAAMC,KAAtB;MAA6B,KAAK,EAAE;QAACC,eAAe,EAAG,OAAML,MAAO;MAAhC;IAApC,gBACE,6BAAC,gDAAD;MAAa,KAAK,EAAEE,KAApB;MAA2B,SAAS,EAAEC,cAAA,CAAMG;IAA5C,EADF,EAEGP,WAAW,gBACV;MACE,SAAS,EAAE,IAAAQ,mBAAA,EAAWJ,cAAA,CAAMJ,WAAjB,EAA8BI,cAAA,CAAMK,SAApC,CADb;MAEE,aAAU,kBAFZ,CAGE;MAHF;MAIE,uBAAuB,EAAE;QAACC,MAAM,EAAEV;MAAT;IAJ3B,EADU,GAOR,IATN,eAUE;MACE,SAAS,EAAEI,cAAA,CAAMO,KADnB;MAEE,QAAQ,MAFV;MAGE,YAAY,EAAC,YAHf;MAIE,GAAG,EAAE,KAAKxB,QAJZ;MAKE,QAAQ,EAAC,EALX;MAME,MAAM,EAAE,KAAKG,UANf;MAOE,IAAI,EAAC,OAPP;MAQE,aAAU,OARZ;MASE,OAAO,EAAC;IATV,gBAWE;MAAQ,GAAG,EAAEI;IAAb,EAXF,CAVF,CADF;EA0BD;;AApEiC;;AAA9Bb,K,CAQG+B,Y,GAAe;EACpBV,IAAI,EAAEW,iBAAA,CAASC,iBAAT,CAA2BZ;AADb,C;AARlBrB,K,CACGkC,S,2CAAY;EACjBf,WAAW,EAAEgB,kBAAA,CAAUC,MADN;EAEjBvB,QAAQ,EAAEsB,kBAAA,CAAUC,MAFH;EAGjBhB,MAAM,EAAEe,kBAAA,CAAUC,MAHD;EAIjBnB,MAAM,EAAEkB,kBAAA,CAAUE;AAJD,C;eAsENrC,K"}

package/lib/molecule/battle-request/index.js

@@ -66,9 +66,7 @@ const BattleRequest = (props, context) => {
     className: _style.default.start
   }, startLabel), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowRight, {
     className: _style.default.arrow,
-    style: {
-      color: light
-    }
+    color: light
   }));
 };
 

package/lib/molecule/battle-request/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","light","challengeLabel","startLabel","style","card","borderColor","info","name","classnames","disciplineName","innerHTML","__html","start","arrow","color","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/molecule/battle-request/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowRight as ArrowRightIcon} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst BattleRequest = (props, context) => {\n  const {translate, skin} = context;\n  const {username, discipline, level, avatar, href} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const light = get('common.light', skin);\n\n  const challengeLabel = translate('challenges you on');\n  const startLabel = translate('Start battle');\n\n  return (\n    <Link\n      data-name=\"battle-request-dashboard\"\n      className={style.card}\n      style={{\n        borderColor: primaryColor\n      }}\n      href={href}\n    >\n      <div>\n        <Avatar url={avatar} />\n      </div>\n      <div className={style.info}>\n        <div className={style.name}>\n          {username}\n          <span>{challengeLabel}</span>\n        </div>\n        <div className={style.discipline}>\n          <div\n            className={classnames(style.disciplineName, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: discipline}}\n          />\n          <div className={style.level}>{level}</div>\n        </div>\n      </div>\n      <div className={style.start}>{startLabel}</div>\n      <ArrowRightIcon className={style.arrow} style={{color: light}} />\n    </Link>\n  );\n};\n\nBattleRequest.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBattleRequest.propTypes = {\n  username: PropTypes.string,\n  discipline: PropTypes.string,\n  level: PropTypes.string,\n  avatar: PropTypes.string,\n  href: PropTypes.string\n};\n\nexport default BattleRequest;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EACA,MAAM;IAACG,QAAD;IAAWC,UAAX;IAAuBC,KAAvB;IAA8BC,MAA9B;IAAsCC;EAAtC,IAA8CR,KAApD;EAEA,MAAMS,YAAY,GAAG,mBAAI,gBAAJ,EAAsBN,IAAtB,CAArB;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBP,IAApB,CAAd;EAEA,MAAMQ,cAAc,GAAGT,SAAS,CAAC,mBAAD,CAAhC;EACA,MAAMU,UAAU,GAAGV,SAAS,CAAC,cAAD,CAA5B;EAEA,oBACE,6BAAC,aAAD;IACE,aAAU,0BADZ;IAEE,SAAS,EAAEW,cAAA,CAAMC,IAFnB;IAGE,KAAK,EAAE;MACLC,WAAW,EAAEN;IADR,CAHT;IAME,IAAI,EAAED;EANR,gBAQE,uDACE,6BAAC,eAAD;IAAQ,GAAG,EAAED;EAAb,EADF,CARF,eAWE;IAAK,SAAS,EAAEM,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GACGb,QADH,eAEE,2CAAOO,cAAP,CAFF,CADF,eAKE;IAAK,SAAS,EAAEE,cAAA,CAAMR;EAAtB,gBACE;IACE,SAAS,EAAE,IAAAa,mBAAA,EAAWL,cAAA,CAAMM,cAAjB,EAAiCN,cAAA,CAAMO,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAH3B,EADF,eAME;IAAK,SAAS,EAAEQ,cAAA,CAAMP;EAAtB,GAA8BA,KAA9B,CANF,CALF,CAXF,eAyBE;IAAK,SAAS,EAAEO,cAAA,CAAMS;EAAtB,GAA8BV,UAA9B,CAzBF,eA0BE,6BAAC,8CAAD;IAAgB,SAAS,EAAEC,cAAA,CAAMU,KAAjC;IAAwC,KAAK,EAAE;MAACC,KAAK,EAAEd;IAAR;EAA/C,EA1BF,CADF;AA8BD,CAxCD;;AA0CAX,aAAa,CAAC0B,YAAd,GAA6B;EAC3BtB,IAAI,EAAEuB,iBAAA,CAASC,iBAAT,CAA2BxB,IADN;EAE3BD,SAAS,EAAEwB,iBAAA,CAASC,iBAAT,CAA2BzB;AAFX,CAA7B;AAKAH,aAAa,CAAC6B,SAAd,2CAA0B;EACxBxB,QAAQ,EAAEyB,kBAAA,CAAUC,MADI;EAExBzB,UAAU,EAAEwB,kBAAA,CAAUC,MAFE;EAGxBxB,KAAK,EAAEuB,kBAAA,CAAUC,MAHO;EAIxBvB,MAAM,EAAEsB,kBAAA,CAAUC,MAJM;EAKxBtB,IAAI,EAAEqB,kBAAA,CAAUC;AALQ,CAA1B;eAQe/B,a"}
+{"version":3,"file":"index.js","names":["BattleRequest","props","context","translate","skin","username","discipline","level","avatar","href","primaryColor","light","challengeLabel","startLabel","style","card","borderColor","info","name","classnames","disciplineName","innerHTML","__html","start","arrow","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string"],"sources":["../../../src/molecule/battle-request/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowRight as ArrowRightIcon} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Link from '../../atom/link';\nimport Provider from '../../atom/provider';\nimport Avatar from '../../atom/avatar';\nimport style from './style.css';\n\nconst BattleRequest = (props, context) => {\n  const {translate, skin} = context;\n  const {username, discipline, level, avatar, href} = props;\n\n  const primaryColor = get('common.primary', skin);\n  const light = get('common.light', skin);\n\n  const challengeLabel = translate('challenges you on');\n  const startLabel = translate('Start battle');\n\n  return (\n    <Link\n      data-name=\"battle-request-dashboard\"\n      className={style.card}\n      style={{\n        borderColor: primaryColor\n      }}\n      href={href}\n    >\n      <div>\n        <Avatar url={avatar} />\n      </div>\n      <div className={style.info}>\n        <div className={style.name}>\n          {username}\n          <span>{challengeLabel}</span>\n        </div>\n        <div className={style.discipline}>\n          <div\n            className={classnames(style.disciplineName, style.innerHTML)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: discipline}}\n          />\n          <div className={style.level}>{level}</div>\n        </div>\n      </div>\n      <div className={style.start}>{startLabel}</div>\n      <ArrowRightIcon className={style.arrow} color={light} />\n    </Link>\n  );\n};\n\nBattleRequest.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nBattleRequest.propTypes = {\n  username: PropTypes.string,\n  discipline: PropTypes.string,\n  level: PropTypes.string,\n  avatar: PropTypes.string,\n  href: PropTypes.string\n};\n\nexport default BattleRequest;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC,SAAD;IAAYC;EAAZ,IAAoBF,OAA1B;EACA,MAAM;IAACG,QAAD;IAAWC,UAAX;IAAuBC,KAAvB;IAA8BC,MAA9B;IAAsCC;EAAtC,IAA8CR,KAApD;EAEA,MAAMS,YAAY,GAAG,mBAAI,gBAAJ,EAAsBN,IAAtB,CAArB;EACA,MAAMO,KAAK,GAAG,mBAAI,cAAJ,EAAoBP,IAApB,CAAd;EAEA,MAAMQ,cAAc,GAAGT,SAAS,CAAC,mBAAD,CAAhC;EACA,MAAMU,UAAU,GAAGV,SAAS,CAAC,cAAD,CAA5B;EAEA,oBACE,6BAAC,aAAD;IACE,aAAU,0BADZ;IAEE,SAAS,EAAEW,cAAA,CAAMC,IAFnB;IAGE,KAAK,EAAE;MACLC,WAAW,EAAEN;IADR,CAHT;IAME,IAAI,EAAED;EANR,gBAQE,uDACE,6BAAC,eAAD;IAAQ,GAAG,EAAED;EAAb,EADF,CARF,eAWE;IAAK,SAAS,EAAEM,cAAA,CAAMG;EAAtB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAMI;EAAtB,GACGb,QADH,eAEE,2CAAOO,cAAP,CAFF,CADF,eAKE;IAAK,SAAS,EAAEE,cAAA,CAAMR;EAAtB,gBACE;IACE,SAAS,EAAE,IAAAa,mBAAA,EAAWL,cAAA,CAAMM,cAAjB,EAAiCN,cAAA,CAAMO,SAAvC,CADb,CAEE;IAFF;IAGE,uBAAuB,EAAE;MAACC,MAAM,EAAEhB;IAAT;EAH3B,EADF,eAME;IAAK,SAAS,EAAEQ,cAAA,CAAMP;EAAtB,GAA8BA,KAA9B,CANF,CALF,CAXF,eAyBE;IAAK,SAAS,EAAEO,cAAA,CAAMS;EAAtB,GAA8BV,UAA9B,CAzBF,eA0BE,6BAAC,8CAAD;IAAgB,SAAS,EAAEC,cAAA,CAAMU,KAAjC;IAAwC,KAAK,EAAEb;EAA/C,EA1BF,CADF;AA8BD,CAxCD;;AA0CAX,aAAa,CAACyB,YAAd,GAA6B;EAC3BrB,IAAI,EAAEsB,iBAAA,CAASC,iBAAT,CAA2BvB,IADN;EAE3BD,SAAS,EAAEuB,iBAAA,CAASC,iBAAT,CAA2BxB;AAFX,CAA7B;AAKAH,aAAa,CAAC4B,SAAd,2CAA0B;EACxBvB,QAAQ,EAAEwB,kBAAA,CAAUC,MADI;EAExBxB,UAAU,EAAEuB,kBAAA,CAAUC,MAFE;EAGxBvB,KAAK,EAAEsB,kBAAA,CAAUC,MAHO;EAIxBtB,MAAM,EAAEqB,kBAAA,CAAUC,MAJM;EAKxBrB,IAAI,EAAEoB,kBAAA,CAAUC;AALQ,CAA1B;eAQe9B,a"}

package/lib/molecule/brand-download-box/index.js

@@ -36,9 +36,7 @@ const BrandDownloadBox = (props, context) => {
     className: _style.default.texts
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertCircle, {
     className: _style.default.icon,
-    style: {
-      color: negativeColor
-    }
+    color: negativeColor
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: _style.default.warning
   }, warning), /*#__PURE__*/_react.default.createElement("p", {

package/lib/molecule/brand-download-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BrandDownloadBox","props","context","title","warning","description","href","onClick","submitValue","skin","negativeColor","type","style","texts","icon","color","titleTexts","wrapper","button","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/brand-download-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandDownloadBox = (props, context) => {\n  const {title = '', warning = '', description = '', href = '', onClick, submitValue = ''} = props;\n  const {skin} = context;\n  const negativeColor = get('common.negative', skin);\n\n  const type = warning ? (\n    <div className={style.texts}>\n      <AlertIcon className={style.icon} style={{color: negativeColor}} />\n      <span className={style.warning}>{warning}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  ) : (\n    <div className={style.titleTexts}>\n      <span className={style.title}>{title}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  );\n\n  return (\n    <div className={style.wrapper}>\n      {type}\n      <Button\n        className={style.button}\n        type=\"link\"\n        download\n        href={href}\n        onClick={onClick}\n        submitValue={submitValue}\n      />\n    </div>\n  );\n};\n\nBrandDownloadBox.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandDownloadBox.propTypes = {\n  title: PropTypes.string,\n  warning: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  onClick: PropTypes.func,\n  submitValue: PropTypes.string\n};\n\nexport default BrandDownloadBox;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC3C,MAAM;IAACC,KAAK,GAAG,EAAT;IAAaC,OAAO,GAAG,EAAvB;IAA2BC,WAAW,GAAG,EAAzC;IAA6CC,IAAI,GAAG,EAApD;IAAwDC,OAAxD;IAAiEC,WAAW,GAAG;EAA/E,IAAqFP,KAA3F;EACA,MAAM;IAACQ;EAAD,IAASP,OAAf;EACA,MAAMQ,aAAa,GAAG,mBAAI,iBAAJ,EAAuBD,IAAvB,CAAtB;EAEA,MAAME,IAAI,GAAGP,OAAO,gBAClB;IAAK,SAAS,EAAEQ,cAAA,CAAMC;EAAtB,gBACE,6BAAC,yDAAD;IAAW,SAAS,EAAED,cAAA,CAAME,IAA5B;IAAkC,KAAK,EAAE;MAACC,KAAK,EAAEL;IAAR;EAAzC,EADF,eAEE;IAAM,SAAS,EAAEE,cAAA,CAAMR;EAAvB,GAAiCA,OAAjC,CAFF,eAGE;IAAG,SAAS,EAAEQ,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAHF,CADkB,gBAOlB;IAAK,SAAS,EAAEO,cAAA,CAAMI;EAAtB,gBACE;IAAM,SAAS,EAAEJ,cAAA,CAAMT;EAAvB,GAA+BA,KAA/B,CADF,eAEE;IAAG,SAAS,EAAES,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAFF,CAPF;EAaA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMK;EAAtB,GACGN,IADH,eAEE,6BAAC,eAAD;IACE,SAAS,EAAEC,cAAA,CAAMM,MADnB;IAEE,IAAI,EAAC,MAFP;IAGE,QAAQ,MAHV;IAIE,IAAI,EAAEZ,IAJR;IAKE,OAAO,EAAEC,OALX;IAME,WAAW,EAAEC;EANf,EAFF,CADF;AAaD,CA/BD;;AAiCAR,gBAAgB,CAACmB,YAAjB,GAAgC;EAC9BV,IAAI,EAAEW,iBAAA,CAASC,iBAAT,CAA2BZ;AADH,CAAhC;AAIAT,gBAAgB,CAACsB,SAAjB,2CAA6B;EAC3BnB,KAAK,EAAEoB,kBAAA,CAAUC,MADU;EAE3BpB,OAAO,EAAEmB,kBAAA,CAAUC,MAFQ;EAG3BnB,WAAW,EAAEkB,kBAAA,CAAUC,MAHI;EAI3BlB,IAAI,EAAEiB,kBAAA,CAAUC,MAJW;EAK3BjB,OAAO,EAAEgB,kBAAA,CAAUE,IALQ;EAM3BjB,WAAW,EAAEe,kBAAA,CAAUC;AANI,CAA7B;eASexB,gB"}
+{"version":3,"file":"index.js","names":["BrandDownloadBox","props","context","title","warning","description","href","onClick","submitValue","skin","negativeColor","type","style","texts","icon","titleTexts","wrapper","button","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","func"],"sources":["../../../src/molecule/brand-download-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaSolidInterfaceFeedbackInterfaceAlertCircle as AlertIcon} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nconst BrandDownloadBox = (props, context) => {\n  const {title = '', warning = '', description = '', href = '', onClick, submitValue = ''} = props;\n  const {skin} = context;\n  const negativeColor = get('common.negative', skin);\n\n  const type = warning ? (\n    <div className={style.texts}>\n      <AlertIcon className={style.icon} color={negativeColor} />\n      <span className={style.warning}>{warning}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  ) : (\n    <div className={style.titleTexts}>\n      <span className={style.title}>{title}</span>\n      <p className={style.description}>{description}</p>\n    </div>\n  );\n\n  return (\n    <div className={style.wrapper}>\n      {type}\n      <Button\n        className={style.button}\n        type=\"link\"\n        download\n        href={href}\n        onClick={onClick}\n        submitValue={submitValue}\n      />\n    </div>\n  );\n};\n\nBrandDownloadBox.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandDownloadBox.propTypes = {\n  title: PropTypes.string,\n  warning: PropTypes.string,\n  description: PropTypes.string,\n  href: PropTypes.string,\n  onClick: PropTypes.func,\n  submitValue: PropTypes.string\n};\n\nexport default BrandDownloadBox;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,gBAAgB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC3C,MAAM;IAACC,KAAK,GAAG,EAAT;IAAaC,OAAO,GAAG,EAAvB;IAA2BC,WAAW,GAAG,EAAzC;IAA6CC,IAAI,GAAG,EAApD;IAAwDC,OAAxD;IAAiEC,WAAW,GAAG;EAA/E,IAAqFP,KAA3F;EACA,MAAM;IAACQ;EAAD,IAASP,OAAf;EACA,MAAMQ,aAAa,GAAG,mBAAI,iBAAJ,EAAuBD,IAAvB,CAAtB;EAEA,MAAME,IAAI,GAAGP,OAAO,gBAClB;IAAK,SAAS,EAAEQ,cAAA,CAAMC;EAAtB,gBACE,6BAAC,yDAAD;IAAW,SAAS,EAAED,cAAA,CAAME,IAA5B;IAAkC,KAAK,EAAEJ;EAAzC,EADF,eAEE;IAAM,SAAS,EAAEE,cAAA,CAAMR;EAAvB,GAAiCA,OAAjC,CAFF,eAGE;IAAG,SAAS,EAAEQ,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAHF,CADkB,gBAOlB;IAAK,SAAS,EAAEO,cAAA,CAAMG;EAAtB,gBACE;IAAM,SAAS,EAAEH,cAAA,CAAMT;EAAvB,GAA+BA,KAA/B,CADF,eAEE;IAAG,SAAS,EAAES,cAAA,CAAMP;EAApB,GAAkCA,WAAlC,CAFF,CAPF;EAaA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMI;EAAtB,GACGL,IADH,eAEE,6BAAC,eAAD;IACE,SAAS,EAAEC,cAAA,CAAMK,MADnB;IAEE,IAAI,EAAC,MAFP;IAGE,QAAQ,MAHV;IAIE,IAAI,EAAEX,IAJR;IAKE,OAAO,EAAEC,OALX;IAME,WAAW,EAAEC;EANf,EAFF,CADF;AAaD,CA/BD;;AAiCAR,gBAAgB,CAACkB,YAAjB,GAAgC;EAC9BT,IAAI,EAAEU,iBAAA,CAASC,iBAAT,CAA2BX;AADH,CAAhC;AAIAT,gBAAgB,CAACqB,SAAjB,2CAA6B;EAC3BlB,KAAK,EAAEmB,kBAAA,CAAUC,MADU;EAE3BnB,OAAO,EAAEkB,kBAAA,CAAUC,MAFQ;EAG3BlB,WAAW,EAAEiB,kBAAA,CAAUC,MAHI;EAI3BjB,IAAI,EAAEgB,kBAAA,CAAUC,MAJW;EAK3BhB,OAAO,EAAEe,kBAAA,CAAUE,IALQ;EAM3BhB,WAAW,EAAEc,kBAAA,CAAUC;AANI,CAA7B;eASevB,gB"}

package/lib/molecule/brand-form-group/index.d.ts

@@ -4,6 +4,7 @@ declare namespace BrandFormGroup {
     namespace propTypes {
         const title: PropTypes.Requireable<string>;
         const subtitle: PropTypes.Requireable<string>;
+        const subtitleSize: PropTypes.Requireable<string>;
         const fieldsLayout: PropTypes.Requireable<string>;
         const groupLayout: PropTypes.Requireable<string>;
         const fields: PropTypes.Requireable<(NonNullable<PropTypes.InferProps<{
@@ -129,6 +130,8 @@ declare namespace BrandFormGroup {
             error: PropTypes.Requireable<string>;
             buttonAriaLabel: PropTypes.Requireable<string>;
             errorButtonLabel: PropTypes.Requireable<string>;
+            labelLink: PropTypes.Requireable<string>;
+            hrefLink: PropTypes.Requireable<string>;
             title: PropTypes.Requireable<string>;
             description: PropTypes.Requireable<string>;
             uploadLabel: PropTypes.Requireable<string>;
@@ -242,6 +245,8 @@ declare namespace BrandFormGroup {
                     error: PropTypes.Requireable<string>;
                     buttonAriaLabel: PropTypes.Requireable<string>;
                     errorButtonLabel: PropTypes.Requireable<string>;
+                    labelLink: PropTypes.Requireable<string>;
+                    hrefLink: PropTypes.Requireable<string>;
                     title: PropTypes.Requireable<string>;
                     description: PropTypes.Requireable<string>;
                     uploadLabel: PropTypes.Requireable<string>;

package/lib/molecule/brand-form-group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAmGA,yDAeC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/brand-form-group/index.js"],"names":[],"mappings":";AAmGA,yDAsBC"}

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

@@ -166,7 +166,8 @@ const BrandFormGroup = props => {
     subtitle = '',
     fieldsLayout = '',
     groupLayout = '',
-    fields = []
+    fields = [],
+    subtitleSize = 'standard'
   } = props;
 
   const fieldsList = _map2.default.convert({
@@ -181,6 +182,7 @@ const BrandFormGroup = props => {
   }, /*#__PURE__*/_react.default.createElement(_title.default, {
     title: title,
     subtitle: subtitle,
+    subtitleSize: subtitleSize,
     type: 'form-group'
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: fieldsLayout === 'grid' ? _style.default.grid : null
@@ -190,6 +192,7 @@ const BrandFormGroup = props => {
 BrandFormGroup.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _propTypes.default.string,
   subtitle: _propTypes.default.string,
+  subtitleSize: _propTypes.default.string,
   fieldsLayout: _propTypes.default.string,
   groupLayout: _propTypes.default.string,
   fields: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape(_extends({}, _autocomplete.default.propTypes, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","fieldsList","convert","cap","classNames","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {title, subtitle = '', fieldsLayout = '', groupLayout = '', fields = []} = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["inputContainerStyle","default","style","defaultWidth","medium","mediumWidth","large","largeWidth","buildInput","field","type","imageUploadContainer","buttonType","buildField","index","input","theme","size","styleInput","BrandFormGroup","props","title","subtitle","fieldsLayout","groupLayout","fields","subtitleSize","fieldsList","convert","cap","classNames","wrapper","groupGrid","titleWrapper","grid","propTypes","PropTypes","string","arrayOf","oneOfType","shape","Autocomplete","oneOf","InputColor","InputReadonly","InputSwitch","InputTextarea","InputHTML","InputDoublestep","Select","InputCheckbox","ImageUpload","SetupSlider","SetupSections","InputText","BrandDownloadBox","BrandUploadBox","Button","ButtonLink","SelectMultiple","Roles"],"sources":["../../../src/molecule/brand-form-group/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {keys, map, snakeCase} from 'lodash/fp';\nimport classNames from 'classnames';\nimport Autocomplete from '../../atom/autocomplete';\nimport Select from '../../atom/select';\nimport SelectMultiple from '../select-multiple';\nimport InputText from '../../atom/input-text';\nimport InputColor from '../../atom/input-color';\nimport InputCheckbox from '../../atom/input-checkbox';\nimport InputReadonly from '../../atom/input-readonly';\nimport InputSwitch from '../../atom/input-switch';\nimport BrandUploadBox from '../brand-upload-box';\nimport BrandDownloadBox from '../brand-download-box';\nimport Button from '../../atom/button';\nimport InputTextarea from '../../atom/input-textarea';\nimport InputHTML from '../../atom/input-html';\nimport InputDoublestep from '../../atom/input-doublestep';\nimport ImageUpload from '../../atom/image-upload';\nimport SetupSlider from '../setup-slider';\nimport SetupSections from '../setup-sections';\nimport Title from '../../atom/title';\nimport Roles from '../coorp-manager-roles';\nimport TitleAndCheckBoxWrapper from '../title-and-checkbox-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst inputContainerStyle = {\n  default: style.defaultWidth,\n  medium: style.mediumWidth,\n  large: style.largeWidth\n};\n\nconst buildInput = field => {\n  const {type} = field;\n\n  switch (type) {\n    case 'autoComplete':\n      return <Autocomplete {...field} />;\n    case 'color':\n      return <InputColor {...field} />;\n    case 'readonly':\n      return <InputReadonly {...field} />;\n    case 'switch':\n      return <InputSwitch {...field} />;\n    case 'textarea':\n      return <InputTextarea {...field} />;\n    case 'html':\n      return <InputHTML {...field} />;\n    case 'doublestep':\n      return <InputDoublestep {...field} />;\n    case 'select':\n      return <Select {...field} theme={'coorpmanager'} />;\n    case 'selectMultiple':\n      return <SelectMultiple {...field} />;\n    case 'checkbox':\n      return <InputCheckbox {...field} />;\n    case 'image':\n      return (\n        <div className={style.imageUploadContainer}>\n          <ImageUpload {...field} />\n        </div>\n      );\n    case 'slider':\n      return <SetupSlider {...field} />;\n    case 'sections':\n      return <SetupSections {...field} />;\n    case 'text':\n      return <InputText {...field} />;\n    case 'downloadbox':\n      return <BrandDownloadBox {...field} />;\n    case 'uploadbox':\n      return <BrandUploadBox {...field} />;\n    case 'button':\n    case 'link':\n      return <Button {...field} />;\n    case 'buttonLink':\n      return <ButtonLink {...field} type={field.buttonType} />;\n    case 'roles':\n      return <Roles {...field} />;\n    case 'titleAndCheckBoxWrapper':\n      return <TitleAndCheckBoxWrapper {...field} />;\n    default:\n      return <InputText {...field} />;\n  }\n};\n\nconst buildField = (field, index) => {\n  const input = buildInput(field);\n  const {theme, size = 'default'} = field;\n  const styleInput = theme === 'coorpmanager' ? inputContainerStyle[size] : style.field;\n\n  return (\n    <div className={styleInput} key={index}>\n      {input}\n    </div>\n  );\n};\n\nconst BrandFormGroup = props => {\n  const {\n    title,\n    subtitle = '',\n    fieldsLayout = '',\n    groupLayout = '',\n    fields = [],\n    subtitleSize = 'standard'\n  } = props;\n  const fieldsList = map.convert({cap: false})(buildField, fields);\n\n  return (\n    <div\n      data-name={`brand_form_group_${snakeCase(title)}`}\n      className={classNames(style.wrapper, groupLayout === 'grid' && style.groupGrid)}\n    >\n      <div className={style.titleWrapper}>\n        <Title title={title} subtitle={subtitle} subtitleSize={subtitleSize} type={'form-group'} />\n      </div>\n      <div className={fieldsLayout === 'grid' ? style.grid : null}>{fieldsList}</div>\n    </div>\n  );\n};\n\nBrandFormGroup.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  subtitleSize: PropTypes.string,\n  fieldsLayout: PropTypes.string,\n  groupLayout: PropTypes.string,\n  fields: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.shape({\n        ...Autocomplete.propTypes,\n        type: PropTypes.oneOf(['autoComplete']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputColor.propTypes,\n        type: PropTypes.oneOf(['color'])\n      }),\n      PropTypes.shape({\n        ...InputReadonly.propTypes,\n        type: PropTypes.oneOf(['readonly'])\n      }),\n      PropTypes.shape({\n        ...InputSwitch.propTypes,\n        type: PropTypes.oneOf(['switch'])\n      }),\n      PropTypes.shape({\n        ...InputTextarea.propTypes,\n        type: PropTypes.oneOf(['textarea']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputHTML.propTypes,\n        type: PropTypes.oneOf(['html'])\n      }),\n      PropTypes.shape({\n        ...InputDoublestep.propTypes,\n        type: PropTypes.oneOf(['doublestep'])\n      }),\n      PropTypes.shape({\n        ...Select.propTypes,\n        type: PropTypes.oneOf(['select']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...InputCheckbox.propTypes,\n        type: PropTypes.oneOf(['checkbox'])\n      }),\n      PropTypes.shape({\n        ...ImageUpload.propTypes,\n        type: PropTypes.oneOf(['image'])\n      }),\n      PropTypes.shape({\n        ...SetupSlider.propTypes,\n        type: PropTypes.oneOf(['slider'])\n      }),\n      PropTypes.shape({\n        ...SetupSections.propTypes,\n        type: PropTypes.oneOf(['sections'])\n      }),\n      PropTypes.shape({\n        ...InputText.propTypes,\n        type: PropTypes.oneOf(['text']),\n        size: PropTypes.oneOf(keys(inputContainerStyle))\n      }),\n      PropTypes.shape({\n        ...BrandDownloadBox.propTypes,\n        type: PropTypes.oneOf(['downloadbox'])\n      }),\n      PropTypes.shape({\n        ...BrandUploadBox.propTypes,\n        type: PropTypes.oneOf(['uploadbox'])\n      }),\n      PropTypes.shape({\n        ...Button.propTypes,\n        type: PropTypes.oneOf(['button'])\n      }),\n      PropTypes.shape({\n        ...ButtonLink.propTypes,\n        buttonType: ButtonLink.propTypes.type,\n        type: PropTypes.oneOf(['buttonLink'])\n      }),\n      PropTypes.shape({\n        ...SelectMultiple.propTypes,\n        type: PropTypes.oneOf(['selectMultiple'])\n      }),\n      PropTypes.shape({\n        ...Roles.propTypes,\n        type: PropTypes.oneOf(['roles'])\n      }),\n      PropTypes.shape(InputText.propTypes)\n    ])\n  )\n};\nexport default BrandFormGroup;\n"],"mappings":"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"}

package/lib/molecule/brand-form-group/style.css

@@ -42,17 +42,12 @@
   justify-content: space-evenly;
 }
 
-.grid .field {
-  margin-right: 20px;
-}
-
 .field {
-  margin-bottom: 10px;
+  display: flex;
+  margin: 0 32px 64px 0;
+  flex: 1 0 0;
 }
 
-.field:last-child {
-  margin-bottom: 0;
-}
 
 .fieldCoorpmanager {
   margin: 0 0 32px 0;
@@ -74,8 +69,10 @@
 }
 
 .imageUploadContainer {
-  height: 300px;
-  width: 360px;
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ min-width: 230px;
 }
 
 @media desktop {
@@ -84,6 +81,8 @@
   }
 
   .groupGrid .grid {
+    display: flex;
+    flex-direction: row;
     justify-content: flex-start;
     margin-top: 0;
   }

package/lib/molecule/brand-upload-box/index.js

@@ -77,9 +77,7 @@ class BrandUploadBox extends _react.default.Component {
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: _style.default.cont
         }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidDataTransferDataUpload1, {
-          style: {
-            color: brandColor
-          },
+          color: brandColor,
           className: _style.default.arrow
         }), /*#__PURE__*/_react.default.createElement("div", {
           className: _style.default.desc

package/lib/molecule/brand-upload-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","skin","context","status","content","description","browse","onLoad","name","brandColor","style","loading","wrapper","dropping","default","cont","color","arrow","desc","inputFile","propTypes","PropTypes","string","oneOf","func"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    description: PropTypes.string,\n    browse: PropTypes.string,\n    status: PropTypes.oneOf(['default', 'loading']),\n    onLoad: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {skin} = this.context;\n    const {status} = this.props;\n    const {dragging} = this.state;\n\n    let content;\n\n    const {description = '', browse = '', onLoad, name} = this.props;\n    const brandColor = get('common.brand', skin);\n\n    switch (status) {\n      case 'loading':\n        content = (\n          <div className={style.loading}>\n            <Loader />\n          </div>\n        );\n        break;\n\n      default:\n        content = (\n          <div className={style.wrapper}>\n            <div id={idBox} className={dragging ? style.dropping : style.default}>\n              <div className={style.cont}>\n                <UploadIcon style={{color: brandColor}} className={style.arrow} />\n                <div className={style.desc}>{description}</div>\n                <span className={style.browse}>{browse}</span>\n              </div>\n              <input\n                type=\"file\"\n                name={name}\n                className={style.inputFile}\n                onChange={onLoad}\n                onDragEnter={this.handleDragStart}\n                onDrop={this.handleDragStop}\n                onDragLeave={this.handleDragStop}\n              />\n            </div>\n          </div>\n        );\n    }\n\n    return content;\n  }\n}\n\nexport default BrandUploadBox;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,cAAN,SAA6BC,cAAA,CAAMC,SAAnC,CAA6C;EAS3CC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,KAAL,GAAa;MACXC,QAAQ,EAAE;IADC,CAAb;IAIA,KAAKC,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;EACD;;EAEDD,eAAe,GAAG;IAChB,KAAKG,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDG,cAAc,GAAG;IACf,KAAKC,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDK,MAAM,GAAG;IACP,MAAMC,KAAK,GAAG,wBAAS,WAAT,CAAd;IACA,MAAM;MAACC;IAAD,IAAS,KAAKC,OAApB;IACA,MAAM;MAACC;IAAD,IAAW,KAAKX,KAAtB;IACA,MAAM;MAACE;IAAD,IAAa,KAAKD,KAAxB;IAEA,IAAIW,OAAJ;IAEA,MAAM;MAACC,WAAW,GAAG,EAAf;MAAmBC,MAAM,GAAG,EAA5B;MAAgCC,MAAhC;MAAwCC;IAAxC,IAAgD,KAAKhB,KAA3D;IACA,MAAMiB,UAAU,GAAG,mBAAI,cAAJ,EAAoBR,IAApB,CAAnB;;IAEA,QAAQE,MAAR;MACE,KAAK,SAAL;QACEC,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAA,CAAMC;QAAtB,gBACE,6BAAC,eAAD,OADF,CADF;QAKA;;MAEF;QACEP,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAA,CAAME;QAAtB,gBACE;UAAK,EAAE,EAAEZ,KAAT;UAAgB,SAAS,EAAEN,QAAQ,GAAGgB,cAAA,CAAMG,QAAT,GAAoBH,cAAA,CAAMI;QAA7D,gBACE;UAAK,SAAS,EAAEJ,cAAA,CAAMK;QAAtB,gBACE,6BAAC,2CAAD;UAAY,KAAK,EAAE;YAACC,KAAK,EAAEP;UAAR,CAAnB;UAAwC,SAAS,EAAEC,cAAA,CAAMO;QAAzD,EADF,eAEE;UAAK,SAAS,EAAEP,cAAA,CAAMQ;QAAtB,GAA6Bb,WAA7B,CAFF,eAGE;UAAM,SAAS,EAAEK,cAAA,CAAMJ;QAAvB,GAAgCA,MAAhC,CAHF,CADF,eAME;UACE,IAAI,EAAC,MADP;UAEE,IAAI,EAAEE,IAFR;UAGE,SAAS,EAAEE,cAAA,CAAMS,SAHnB;UAIE,QAAQ,EAAEZ,MAJZ;UAKE,WAAW,EAAE,KAAKZ,eALpB;UAME,MAAM,EAAE,KAAKE,cANf;UAOE,WAAW,EAAE,KAAKA;QAPpB,EANF,CADF,CADF;IAVJ;;IAgCA,OAAOO,OAAP;EACD;;AA5E0C;;AAAvChB,c,CACGgC,S,2CAAY;EACjBZ,IAAI,EAAEa,kBAAA,CAAUC,MADC;EAEjBjB,WAAW,EAAEgB,kBAAA,CAAUC,MAFN;EAGjBhB,MAAM,EAAEe,kBAAA,CAAUC,MAHD;EAIjBnB,MAAM,EAAEkB,kBAAA,CAAUE,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,CAAhB,CAJS;EAKjBhB,MAAM,EAAEc,kBAAA,CAAUG;AALD,C;eA8ENpC,c"}
+{"version":3,"file":"index.js","names":["BrandUploadBox","React","Component","constructor","props","state","dragging","handleDragStart","bind","handleDragStop","setState","render","idBox","skin","context","status","content","description","browse","onLoad","name","brandColor","style","loading","wrapper","dropping","default","cont","arrow","desc","inputFile","propTypes","PropTypes","string","oneOf","func"],"sources":["../../../src/molecule/brand-upload-box/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {uniqueId, get} from 'lodash/fp';\nimport {NovaSolidDataTransferDataUpload1 as UploadIcon} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nclass BrandUploadBox extends React.Component {\n  static propTypes = {\n    name: PropTypes.string,\n    description: PropTypes.string,\n    browse: PropTypes.string,\n    status: PropTypes.oneOf(['default', 'loading']),\n    onLoad: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      dragging: false\n    };\n\n    this.handleDragStart = this.handleDragStart.bind(this);\n    this.handleDragStop = this.handleDragStop.bind(this);\n  }\n\n  handleDragStart() {\n    this.setState({\n      dragging: true\n    });\n  }\n\n  handleDragStop() {\n    this.setState({\n      dragging: false\n    });\n  }\n\n  render() {\n    const idBox = uniqueId('drop-box-');\n    const {skin} = this.context;\n    const {status} = this.props;\n    const {dragging} = this.state;\n\n    let content;\n\n    const {description = '', browse = '', onLoad, name} = this.props;\n    const brandColor = get('common.brand', skin);\n\n    switch (status) {\n      case 'loading':\n        content = (\n          <div className={style.loading}>\n            <Loader />\n          </div>\n        );\n        break;\n\n      default:\n        content = (\n          <div className={style.wrapper}>\n            <div id={idBox} className={dragging ? style.dropping : style.default}>\n              <div className={style.cont}>\n                <UploadIcon color={brandColor} className={style.arrow} />\n                <div className={style.desc}>{description}</div>\n                <span className={style.browse}>{browse}</span>\n              </div>\n              <input\n                type=\"file\"\n                name={name}\n                className={style.inputFile}\n                onChange={onLoad}\n                onDragEnter={this.handleDragStart}\n                onDrop={this.handleDragStop}\n                onDragLeave={this.handleDragStop}\n              />\n            </div>\n          </div>\n        );\n    }\n\n    return content;\n  }\n}\n\nexport default BrandUploadBox;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEA,MAAMA,cAAN,SAA6BC,cAAA,CAAMC,SAAnC,CAA6C;EAS3CC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,KAAL,GAAa;MACXC,QAAQ,EAAE;IADC,CAAb;IAIA,KAAKC,eAAL,GAAuB,KAAKA,eAAL,CAAqBC,IAArB,CAA0B,IAA1B,CAAvB;IACA,KAAKC,cAAL,GAAsB,KAAKA,cAAL,CAAoBD,IAApB,CAAyB,IAAzB,CAAtB;EACD;;EAEDD,eAAe,GAAG;IAChB,KAAKG,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDG,cAAc,GAAG;IACf,KAAKC,QAAL,CAAc;MACZJ,QAAQ,EAAE;IADE,CAAd;EAGD;;EAEDK,MAAM,GAAG;IACP,MAAMC,KAAK,GAAG,wBAAS,WAAT,CAAd;IACA,MAAM;MAACC;IAAD,IAAS,KAAKC,OAApB;IACA,MAAM;MAACC;IAAD,IAAW,KAAKX,KAAtB;IACA,MAAM;MAACE;IAAD,IAAa,KAAKD,KAAxB;IAEA,IAAIW,OAAJ;IAEA,MAAM;MAACC,WAAW,GAAG,EAAf;MAAmBC,MAAM,GAAG,EAA5B;MAAgCC,MAAhC;MAAwCC;IAAxC,IAAgD,KAAKhB,KAA3D;IACA,MAAMiB,UAAU,GAAG,mBAAI,cAAJ,EAAoBR,IAApB,CAAnB;;IAEA,QAAQE,MAAR;MACE,KAAK,SAAL;QACEC,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAA,CAAMC;QAAtB,gBACE,6BAAC,eAAD,OADF,CADF;QAKA;;MAEF;QACEP,OAAO,gBACL;UAAK,SAAS,EAAEM,cAAA,CAAME;QAAtB,gBACE;UAAK,EAAE,EAAEZ,KAAT;UAAgB,SAAS,EAAEN,QAAQ,GAAGgB,cAAA,CAAMG,QAAT,GAAoBH,cAAA,CAAMI;QAA7D,gBACE;UAAK,SAAS,EAAEJ,cAAA,CAAMK;QAAtB,gBACE,6BAAC,2CAAD;UAAY,KAAK,EAAEN,UAAnB;UAA+B,SAAS,EAAEC,cAAA,CAAMM;QAAhD,EADF,eAEE;UAAK,SAAS,EAAEN,cAAA,CAAMO;QAAtB,GAA6BZ,WAA7B,CAFF,eAGE;UAAM,SAAS,EAAEK,cAAA,CAAMJ;QAAvB,GAAgCA,MAAhC,CAHF,CADF,eAME;UACE,IAAI,EAAC,MADP;UAEE,IAAI,EAAEE,IAFR;UAGE,SAAS,EAAEE,cAAA,CAAMQ,SAHnB;UAIE,QAAQ,EAAEX,MAJZ;UAKE,WAAW,EAAE,KAAKZ,eALpB;UAME,MAAM,EAAE,KAAKE,cANf;UAOE,WAAW,EAAE,KAAKA;QAPpB,EANF,CADF,CADF;IAVJ;;IAgCA,OAAOO,OAAP;EACD;;AA5E0C;;AAAvChB,c,CACG+B,S,2CAAY;EACjBX,IAAI,EAAEY,kBAAA,CAAUC,MADC;EAEjBhB,WAAW,EAAEe,kBAAA,CAAUC,MAFN;EAGjBf,MAAM,EAAEc,kBAAA,CAAUC,MAHD;EAIjBlB,MAAM,EAAEiB,kBAAA,CAAUE,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,CAAhB,CAJS;EAKjBf,MAAM,EAAEa,kBAAA,CAAUG;AALD,C;eA8ENnC,c"}

package/lib/molecule/card/favorite.js

@@ -68,17 +68,13 @@ class Favorite extends _react.default.Component {
       }
     }, favorite ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
       className: _favorite.default.checkIcon,
-      style: {
-        color: brandColor
-      },
+      color: brandColor,
       width: 13,
       height: 13,
       "aria-label": ariaLabel.removeFromFavorite
     }) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationMore, {
       className: _favorite.default.moreIcon,
-      style: {
-        color: darkColor
-      },
+      color: darkColor,
       width: 13,
       height: 13,
       "aria-label": ariaLabel.addToFavorite

package/lib/molecule/card/favorite.js.map

@@ -1 +1 @@
-{"version":3,"file":"favorite.js","names":["Favorite","React","Component","constructor","props","context","handleFavoviteClick","bind","e","disabled","onFavoriteClick","stopPropagation","preventDefault","render","skin","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","primaryColor","darkColor","brandColor","toolTipView","style","showToolTip","blocFavorite","classnames","selected","color","checkIcon","removeFromFavorite","moreIcon","addToFavorite","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func","shape"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './favorite.css';\n\nclass Favorite extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    favorite: PropTypes.bool,\n    disabled: PropTypes.bool,\n    addFavoriteToolTip: PropTypes.string,\n    removeFavoriteToolTip: PropTypes.string,\n    onFavoriteClick: PropTypes.func,\n    'aria-label': PropTypes.shape({\n      favorite: PropTypes.string,\n      addToFavorite: PropTypes.string,\n      removeFromFavorite: PropTypes.string\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleFavoviteClick = this.handleFavoviteClick.bind(this);\n  }\n\n  handleFavoviteClick(e) {\n    const {disabled, onFavoriteClick = noop} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    if (!disabled) onFavoriteClick(e);\n  }\n\n  render() {\n    const {skin} = this.context;\n    const {\n      favorite,\n      addFavoriteToolTip,\n      removeFavoriteToolTip,\n      className,\n      'aria-label': ariaLabel = {}\n    } = this.props;\n\n    const primaryColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const brandColor = get('common.brand', skin);\n    const toolTipView =\n      !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip) ? (\n        <div className={style.showToolTip}>\n          <span>{favorite ? removeFavoriteToolTip : addFavoriteToolTip}</span>\n        </div>\n      ) : null;\n\n    return (\n      <div className={style.blocFavorite}>\n        {toolTipView}\n        <div\n          data-name=\"favorite\"\n          aria-label={ariaLabel.favorite}\n          className={classnames(style.favorite, className, favorite && style.selected)}\n          onClick={this.handleFavoviteClick}\n          style={{\n            color: primaryColor\n          }}\n        >\n          {favorite ? (\n            <CheckIcon\n              className={style.checkIcon}\n              style={{color: brandColor}}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.removeFromFavorite}\n            />\n          ) : (\n            <MoreIcon\n              className={style.moreIcon}\n              style={{color: darkColor}}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.addToFavorite}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Favorite;\n"],"mappings":"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"}
+{"version":3,"file":"favorite.js","names":["Favorite","React","Component","constructor","props","context","handleFavoviteClick","bind","e","disabled","onFavoriteClick","stopPropagation","preventDefault","render","skin","favorite","addFavoriteToolTip","removeFavoriteToolTip","className","ariaLabel","primaryColor","darkColor","brandColor","toolTipView","style","showToolTip","blocFavorite","classnames","selected","color","checkIcon","removeFromFavorite","moreIcon","addToFavorite","contextTypes","Provider","childContextTypes","propTypes","PropTypes","string","bool","func","shape"],"sources":["../../../src/molecule/card/favorite.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, noop} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport style from './favorite.css';\n\nclass Favorite extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    favorite: PropTypes.bool,\n    disabled: PropTypes.bool,\n    addFavoriteToolTip: PropTypes.string,\n    removeFavoriteToolTip: PropTypes.string,\n    onFavoriteClick: PropTypes.func,\n    'aria-label': PropTypes.shape({\n      favorite: PropTypes.string,\n      addToFavorite: PropTypes.string,\n      removeFromFavorite: PropTypes.string\n    })\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props, context) {\n    super(props, context);\n    this.handleFavoviteClick = this.handleFavoviteClick.bind(this);\n  }\n\n  handleFavoviteClick(e) {\n    const {disabled, onFavoriteClick = noop} = this.props;\n    e.stopPropagation();\n    e.preventDefault();\n    if (!disabled) onFavoriteClick(e);\n  }\n\n  render() {\n    const {skin} = this.context;\n    const {\n      favorite,\n      addFavoriteToolTip,\n      removeFavoriteToolTip,\n      className,\n      'aria-label': ariaLabel = {}\n    } = this.props;\n\n    const primaryColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const brandColor = get('common.brand', skin);\n    const toolTipView =\n      !isEmpty(removeFavoriteToolTip) && !isEmpty(addFavoriteToolTip) ? (\n        <div className={style.showToolTip}>\n          <span>{favorite ? removeFavoriteToolTip : addFavoriteToolTip}</span>\n        </div>\n      ) : null;\n\n    return (\n      <div className={style.blocFavorite}>\n        {toolTipView}\n        <div\n          data-name=\"favorite\"\n          aria-label={ariaLabel.favorite}\n          className={classnames(style.favorite, className, favorite && style.selected)}\n          onClick={this.handleFavoviteClick}\n          style={{\n            color: primaryColor\n          }}\n        >\n          {favorite ? (\n            <CheckIcon\n              className={style.checkIcon}\n              color={brandColor}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.removeFromFavorite}\n            />\n          ) : (\n            <MoreIcon\n              className={style.moreIcon}\n              color={darkColor}\n              width={13}\n              height={13}\n              aria-label={ariaLabel.addToFavorite}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Favorite;\n"],"mappings":"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"}

package/lib/molecule/card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;;AAuHA,uDAuHG"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/card/index.js"],"names":[],"mappings":";;;;;;AAqHA,uDAuHG"}

package/lib/molecule/card/index.js

@@ -110,9 +110,7 @@ const CardBackground = ({
 
   const emptyIcon = empty ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPictures, {
     className: _style.default.emptyIcon,
-    style: {
-      color: whiteColor
-    }
+    color: whiteColor
   }) : null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.imageWrapper, type === 'chapter' ? _style.default.chapterImageWrapper : null)
@@ -178,9 +176,7 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
   const handleClick = (0, _react.useMemo)(() => e => !disabled && onClick(e), [disabled, onClick]);
   const lock = disabled ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidLoginLocked, {
     className: _style.default.lockIcon,
-    style: {
-      color: whiteColor
-    },
+    color: whiteColor,
     height: 40
   }) : null;
   const inlineBadgeStyle = {