@coorpacademy/components 11.9.2-alpha.1 → 11.9.2-alpha.4

package/lib/molecule/setup-section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown","InputSwitch"],"sources":["../../../src/molecule/setup-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} color={contentTypesColor} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate} = context;\n\n  const {title, display, contentTypes} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE;EAAD,IAAiBH,KAAvB;;EAEA,IAAI,CAACG,YAAL,EAAmB;IACjB,OAAO,IAAP;EACD;;EAED,MAAMC,KAAK,GAAG,mBAAI,cAAJ,EAAoBF,IAApB,CAAd;EACA,MAAMG,MAAM,GAAG,mBAAI,eAAJ,EAAqBH,IAArB,CAAf;EACA,MAAMI,iBAAiB,GAAG,mBAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;EAEA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE,6BAAC,mBAAD,eAAgBL,YAAhB;IAA8B,KAAK,EAAEG;EAArC,GADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACU,YAApB,GAAmC;EACjCP,IAAI,EAAEQ,iBAAA,CAASC,iBAAT,CAA2BT;AADA,CAAnC;AAIAH,mBAAmB,CAACa,SAApB,2CAAgC;EAC9BT,YAAY,EAAEU,kBAAA,CAAUC,KAAV,cACTC,mBAAA,CAAWH,SADF;IAEZI,QAAQ,EAAEH,kBAAA,CAAUI;EAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAAClB,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACkB;EAAD,IAAclB,OAApB;EAEA,MAAM;IAACmB,KAAD;IAAQC,OAAR;IAAiBlB;EAAjB,IAAiCH,KAAvC;EAEA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMe;EAAtB,gBACE;IAAK,SAAS,EAAEf,cAAA,CAAMa;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEb,cAAA,CAAMgB;EAAtB,gBACE,6BAAC,mBAAD;IAAqB,YAAY,EAAEpB;EAAnC,EADF,eAEE;IAAK,SAAS,EAAEI,cAAA,CAAMiB;EAAtB,GAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,6BAAC,oBAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACT,YAAb,GAA4B;EAC1BU,SAAS,EAAET,iBAAA,CAASC,iBAAT,CAA2BQ,SADZ;EAE1BjB,IAAI,EAAEQ,iBAAA,CAASC,iBAAT,CAA2BT;AAFP,CAA5B;AAKAgB,YAAY,CAACN,SAAb,2CAAyB;EACvBQ,KAAK,EAAEP,kBAAA,CAAUY,MAAV,CAAiBC,UADD;EAEvBC,IAAI,EAAEd,kBAAA,CAAUe,IAFO;EAGvBC,MAAM,EAAEhB,kBAAA,CAAUe,IAHK;EAIvBP,OAAO,EAAER,kBAAA,CAAUC,KAAV,CAAgBgB,oBAAA,CAAYlB,SAA5B,CAJc;EAKvBT,YAAY,EAAEJ,mBAAmB,CAACa,SAApB,CAA8BT;AALrB,CAAzB;eAQee,Y"}
+{"version":3,"file":"index.js","names":["ContentTypesToggler","props","context","skin","contentTypes","brand","orange","contentTypesColor","style","contentTypeWrapper","color","contextTypes","Provider","childContextTypes","propTypes","PropTypes","shape","RadioGroup","modified","bool","SetupSection","translate","title","display","wrapper","settings","label","string","isRequired","onUp","func","onDown","InputSwitch"],"sources":["../../../src/molecule/setup-section/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport InputSwitch from '../../atom/input-switch';\nimport RadioGroup from '../../atom/radio-group';\nimport style from './style.css';\n\nconst ContentTypesToggler = (props, context) => {\n  const {skin} = context;\n  const {contentTypes} = props;\n\n  if (!contentTypes) {\n    return null;\n  }\n\n  const brand = get('common.brand', skin);\n  const orange = get('common.orange', skin);\n  const contentTypesColor = get('modified', contentTypes) ? orange : brand;\n\n  return (\n    <div className={style.contentTypeWrapper}>\n      <RadioGroup {...contentTypes} style={{color: contentTypesColor}} />\n    </div>\n  );\n};\n\nContentTypesToggler.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nContentTypesToggler.propTypes = {\n  contentTypes: PropTypes.shape({\n    ...RadioGroup.propTypes,\n    modified: PropTypes.bool\n  })\n};\n\nconst SetupSection = (props, context) => {\n  const {translate} = context;\n\n  const {title, display, contentTypes} = props;\n\n  return (\n    <div className={style.wrapper}>\n      <div className={style.title}>{title}</div>\n      <div className={style.settings}>\n        <ContentTypesToggler contentTypes={contentTypes} />\n        <div className={style.label}>{translate('Show')}</div>\n        <InputSwitch {...display} />\n      </div>\n    </div>\n  );\n};\n\nSetupSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSetupSection.propTypes = {\n  title: PropTypes.string.isRequired,\n  onUp: PropTypes.func,\n  onDown: PropTypes.func,\n  display: PropTypes.shape(InputSwitch.propTypes),\n  contentTypes: ContentTypesToggler.propTypes.contentTypes\n};\n\nexport default SetupSection;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,mBAAmB,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAC9C,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE;EAAD,IAAiBH,KAAvB;;EAEA,IAAI,CAACG,YAAL,EAAmB;IACjB,OAAO,IAAP;EACD;;EAED,MAAMC,KAAK,GAAG,mBAAI,cAAJ,EAAoBF,IAApB,CAAd;EACA,MAAMG,MAAM,GAAG,mBAAI,eAAJ,EAAqBH,IAArB,CAAf;EACA,MAAMI,iBAAiB,GAAG,mBAAI,UAAJ,EAAgBH,YAAhB,IAAgCE,MAAhC,GAAyCD,KAAnE;EAEA,oBACE;IAAK,SAAS,EAAEG,cAAA,CAAMC;EAAtB,gBACE,6BAAC,mBAAD,eAAgBL,YAAhB;IAA8B,KAAK,EAAE;MAACM,KAAK,EAAEH;IAAR;EAArC,GADF,CADF;AAKD,CAjBD;;AAmBAP,mBAAmB,CAACW,YAApB,GAAmC;EACjCR,IAAI,EAAES,iBAAA,CAASC,iBAAT,CAA2BV;AADA,CAAnC;AAIAH,mBAAmB,CAACc,SAApB,2CAAgC;EAC9BV,YAAY,EAAEW,kBAAA,CAAUC,KAAV,cACTC,mBAAA,CAAWH,SADF;IAEZI,QAAQ,EAAEH,kBAAA,CAAUI;EAFR;AADgB,CAAhC;;AAOA,MAAMC,YAAY,GAAG,CAACnB,KAAD,EAAQC,OAAR,KAAoB;EACvC,MAAM;IAACmB;EAAD,IAAcnB,OAApB;EAEA,MAAM;IAACoB,KAAD;IAAQC,OAAR;IAAiBnB;EAAjB,IAAiCH,KAAvC;EAEA,oBACE;IAAK,SAAS,EAAEO,cAAA,CAAMgB;EAAtB,gBACE;IAAK,SAAS,EAAEhB,cAAA,CAAMc;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAK,SAAS,EAAEd,cAAA,CAAMiB;EAAtB,gBACE,6BAAC,mBAAD;IAAqB,YAAY,EAAErB;EAAnC,EADF,eAEE;IAAK,SAAS,EAAEI,cAAA,CAAMkB;EAAtB,GAA8BL,SAAS,CAAC,MAAD,CAAvC,CAFF,eAGE,6BAAC,oBAAD,EAAiBE,OAAjB,CAHF,CAFF,CADF;AAUD,CAfD;;AAiBAH,YAAY,CAACT,YAAb,GAA4B;EAC1BU,SAAS,EAAET,iBAAA,CAASC,iBAAT,CAA2BQ,SADZ;EAE1BlB,IAAI,EAAES,iBAAA,CAASC,iBAAT,CAA2BV;AAFP,CAA5B;AAKAiB,YAAY,CAACN,SAAb,2CAAyB;EACvBQ,KAAK,EAAEP,kBAAA,CAAUY,MAAV,CAAiBC,UADD;EAEvBC,IAAI,EAAEd,kBAAA,CAAUe,IAFO;EAGvBC,MAAM,EAAEhB,kBAAA,CAAUe,IAHK;EAIvBP,OAAO,EAAER,kBAAA,CAAUC,KAAV,CAAgBgB,oBAAA,CAAYlB,SAA5B,CAJc;EAKvBV,YAAY,EAAEJ,mBAAmB,CAACc,SAApB,CAA8BV;AALrB,CAAzB;eAQegB,Y"}

package/lib/molecule/table/index.js

@@ -128,7 +128,9 @@ const Table = (props, context) => {
     }, title), options.length > 0 ? createOptionsView(options, hasOptions) : null, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.optionsIconWrapper
     }, hasOptions ? /*#__PURE__*/_react.default.createElement(OptionsIcon, {
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       height: 16,
       width: 16,
       className: _style.default.optionsIcon
@@ -201,7 +203,9 @@ const Table = (props, context) => {
       }, /*#__PURE__*/_react.default.createElement(_link.default, {
         href: editHref
       }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidContentEditionPencil1, {
-        color: mediumColor,
+        style: {
+          color: mediumColor
+        },
         height: 16,
         width: 16
       }))));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","style","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","FunnelIcon","ArrowDown","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","classnames","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                color={mediumColor}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon color={mediumColor} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","style","title","options","buildTableContext","translate","theme","headerTitle","header","legend","icon","label","nostatus","Table","props","context","rows","columns","editable","skin","mediumColor","headerView","column","cIndex","filtered","info","length","OptionsIcon","FunnelIcon","ArrowDown","toggle","noOptions","checkbox","optionsIconWrapper","color","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","classnames","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","Provider","childContextTypes","propTypes","PropTypes","bool","arrayOf","shape","oneOfType","string","isRequired","func","oneOf"],"sources":["../../../src/molecule/table/index.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {get, isString} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowDown as ArrowDown,\n  NovaCompositionCoorpacademyFunnel as FunnelIcon,\n  NovaSolidContentEditionPencil1 as PencilIcon,\n  NovaCompositionCoorpacademyDraft as DraftIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon,\n  NovaSolidVideosVideoSubtitle as VideoSubtitleIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../atom/provider';\nimport Checkbox from '../../atom/checkbox';\nimport Link from '../../atom/link';\nimport style from './style.css';\n\nconst THEMES = {COCKPIT: 'cockpit'};\n\nconst createOptionsView = (_options, hasOptions) => {\n  const optionsView = _options.map((option, oIndex) => {\n    const {onChange, selected} = option;\n\n    return (\n      <div key={oIndex} className={selected ? style.selected : style.option}>\n        <button type=\"button\" onClick={onChange}>\n          {option.title}\n        </button>\n      </div>\n    );\n  });\n\n  return hasOptions ? <div className={style.options}>{optionsView}</div> : null;\n};\n\nconst buildTableContext = (translate, theme, headerTitle) => {\n  if (theme === THEMES.COCKPIT) {\n    return (\n      <div className={style.header}>\n        <h1 className={style.title}>{headerTitle}</h1>\n        <div className={style.legend}>\n          <div className={style.icon}>\n            <DraftIcon width={25} height={25} />\n            <span className={style.label}>{translate('Draft')}</span>\n          </div>\n          <div className={style.icon}>\n            <ValidateIcon width={25} height={25} />\n            <span className={style.label}>{translate('Validated')}</span>\n          </div>\n          <div className={style.icon}>\n            <span className={style.nostatus}>{'\\u26A0️'}</span>\n            <span className={style.label}>{translate('No status')}</span>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (headerTitle) {\n    return (\n      <div className={style.header}>\n        <h2 className={style.title}>{headerTitle}</h2>\n      </div>\n    );\n  }\n  return null;\n};\n\nconst Table = (props, context) => {\n  const {rows = [], columns = [], editable = true, theme, headerTitle = ''} = props;\n  const {skin, translate} = context;\n\n  const mediumColor = get('common.medium', skin);\n\n  const headerView = columns.map((column, cIndex) => {\n    const {title, filtered, info = '', options = []} = column;\n\n    const hasOptions = options.length > 0;\n\n    const OptionsIcon = (hasOptions && (filtered ? FunnelIcon : ArrowDown)) || null;\n\n    return (\n      <th title={info} key={cIndex}>\n        <div className={hasOptions ? style.toggle : style.noOptions}>\n          <Checkbox id={title} name={title} checked className={style.checkbox} />\n          <label htmlFor={title}>{title}</label>\n          {options.length > 0 ? createOptionsView(options, hasOptions) : null}\n          <div className={style.optionsIconWrapper}>\n            {hasOptions ? (\n              <OptionsIcon\n                style={{color: mediumColor}}\n                height={16}\n                width={16}\n                className={style.optionsIcon}\n              />\n            ) : null}\n          </div>\n        </div>\n      </th>\n    );\n  });\n\n  const tableContext = buildTableContext(translate, theme, headerTitle);\n\n  if (editable) {\n    headerView.unshift(\n      <th key=\"header\">\n        <div className={style.noOptions} />\n      </th>\n    );\n  }\n\n  const renderIcon = field => {\n    switch (get('icon', field)) {\n      case 'draft':\n        return <DraftIcon width={25} height={25} />;\n      case 'validate':\n        return <ValidateIcon width={25} height={25} />;\n      case 'nostatus':\n        return <span className={style.nostatus}>{'\\u26A0️'}</span>;\n      case 'videosubtitle':\n        return (\n          <>\n            <VideoSubtitleIcon className={style.videosubtitle} width={25} height={25} />\n            {field.title}\n          </>\n        );\n      default:\n        null;\n    }\n  };\n\n  const bodyView = rows.map((row, index) => {\n    const {fields = [], editHref} = row;\n    const trClasses = classnames({[style.highlighted]: row.highlighted});\n\n    const tableRows = fields.map((field, fIndex) => {\n      if (!field) return <td key={fIndex}>{''}</td>;\n      return <td key={fIndex}>{isString(field) ? field : renderIcon(field)}</td>;\n    });\n\n    if (editable) {\n      tableRows.unshift(\n        // TODO restore dropped support of hoverColor={brandColor}\n        <td key=\"header\">\n          <Link href={editHref}>\n            <PencilIcon style={{color: mediumColor}} height={16} width={16} />\n          </Link>\n        </td>\n      );\n    }\n\n    return (\n      <tr className={trClasses} key={index}>\n        {tableRows}\n      </tr>\n    );\n  });\n\n  const mainClass = classnames(theme === THEMES.COCKPIT ? style.cockpit : style.wrapper);\n\n  return (\n    <div className={mainClass}>\n      {tableContext}\n      <table className={classnames(style.table, {[style.readonly]: !editable})}>\n        <thead>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nTable.propTypes = {\n  editable: PropTypes.bool,\n  rows: PropTypes.arrayOf(\n    PropTypes.shape({\n      fields: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.string,\n          PropTypes.shape({icon: PropTypes.string}),\n          PropTypes.shape({icon: PropTypes.string, title: PropTypes.string})\n        ])\n      ),\n      editHref: PropTypes.string,\n      highlighted: PropTypes.bool\n    })\n  ),\n  columns: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      info: PropTypes.string,\n      filtered: PropTypes.bool,\n      options: PropTypes.arrayOf(\n        PropTypes.shape({\n          title: PropTypes.string.isRequired,\n          onChange: PropTypes.func.isRequired,\n          selected: PropTypes.bool.isRequired\n        })\n      )\n    })\n  ),\n  theme: PropTypes.oneOf([THEMES.COCKPIT]),\n  headerTitle: PropTypes.string\n};\n\nexport default Table;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAQA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,MAAM,GAAG;EAACC,OAAO,EAAE;AAAV,CAAf;;AAEA,MAAMC,iBAAiB,GAAG,CAACC,QAAD,EAAWC,UAAX,KAA0B;EAClD,MAAMC,WAAW,GAAGF,QAAQ,CAACG,GAAT,CAAa,CAACC,MAAD,EAASC,MAAT,KAAoB;IACnD,MAAM;MAACC,QAAD;MAAWC;IAAX,IAAuBH,MAA7B;IAEA,oBACE;MAAK,GAAG,EAAEC,MAAV;MAAkB,SAAS,EAAEE,QAAQ,GAAGC,cAAA,CAAMD,QAAT,GAAoBC,cAAA,CAAMJ;IAA/D,gBACE;MAAQ,IAAI,EAAC,QAAb;MAAsB,OAAO,EAAEE;IAA/B,GACGF,MAAM,CAACK,KADV,CADF,CADF;EAOD,CAVmB,CAApB;;EAYA,OAAOR,UAAU,gBAAG;IAAK,SAAS,EAAEO,cAAA,CAAME;EAAtB,GAAgCR,WAAhC,CAAH,GAAwD,IAAzE;AACD,CAdD;;AAgBA,MAAMS,iBAAiB,GAAG,CAACC,SAAD,EAAYC,KAAZ,EAAmBC,WAAnB,KAAmC;EAC3D,IAAID,KAAK,KAAKhB,MAAM,CAACC,OAArB,EAA8B;IAC5B,oBACE;MAAK,SAAS,EAAEU,cAAA,CAAMO;IAAtB,gBACE;MAAI,SAAS,EAAEP,cAAA,CAAMC;IAArB,GAA6BK,WAA7B,CADF,eAEE;MAAK,SAAS,EAAEN,cAAA,CAAMQ;IAAtB,gBACE;MAAK,SAAS,EAAER,cAAA,CAAMS;IAAtB,gBACE,6BAAC,2CAAD;MAAW,KAAK,EAAE,EAAlB;MAAsB,MAAM,EAAE;IAA9B,EADF,eAEE;MAAM,SAAS,EAAET,cAAA,CAAMU;IAAvB,GAA+BN,SAAS,CAAC,OAAD,CAAxC,CAFF,CADF,eAKE;MAAK,SAAS,EAAEJ,cAAA,CAAMS;IAAtB,gBACE,6BAAC,8CAAD;MAAc,KAAK,EAAE,EAArB;MAAyB,MAAM,EAAE;IAAjC,EADF,eAEE;MAAM,SAAS,EAAET,cAAA,CAAMU;IAAvB,GAA+BN,SAAS,CAAC,WAAD,CAAxC,CAFF,CALF,eASE;MAAK,SAAS,EAAEJ,cAAA,CAAMS;IAAtB,gBACE;MAAM,SAAS,EAAET,cAAA,CAAMW;IAAvB,GAAkC,SAAlC,CADF,eAEE;MAAM,SAAS,EAAEX,cAAA,CAAMU;IAAvB,GAA+BN,SAAS,CAAC,WAAD,CAAxC,CAFF,CATF,CAFF,CADF;EAmBD;;EAED,IAAIE,WAAJ,EAAiB;IACf,oBACE;MAAK,SAAS,EAAEN,cAAA,CAAMO;IAAtB,gBACE;MAAI,SAAS,EAAEP,cAAA,CAAMC;IAArB,GAA6BK,WAA7B,CADF,CADF;EAKD;;EACD,OAAO,IAAP;AACD,CA/BD;;AAiCA,MAAMM,KAAK,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EAChC,MAAM;IAACC,IAAI,GAAG,EAAR;IAAYC,OAAO,GAAG,EAAtB;IAA0BC,QAAQ,GAAG,IAArC;IAA2CZ,KAA3C;IAAkDC,WAAW,GAAG;EAAhE,IAAsEO,KAA5E;EACA,MAAM;IAACK,IAAD;IAAOd;EAAP,IAAoBU,OAA1B;EAEA,MAAMK,WAAW,GAAG,mBAAI,eAAJ,EAAqBD,IAArB,CAApB;EAEA,MAAME,UAAU,GAAGJ,OAAO,CAACrB,GAAR,CAAY,CAAC0B,MAAD,EAASC,MAAT,KAAoB;IACjD,MAAM;MAACrB,KAAD;MAAQsB,QAAR;MAAkBC,IAAI,GAAG,EAAzB;MAA6BtB,OAAO,GAAG;IAAvC,IAA6CmB,MAAnD;IAEA,MAAM5B,UAAU,GAAGS,OAAO,CAACuB,MAAR,GAAiB,CAApC;IAEA,MAAMC,WAAW,GAAIjC,UAAU,KAAK8B,QAAQ,GAAGI,4CAAH,GAAgBC,6CAA7B,CAAX,IAAuD,IAA3E;IAEA,oBACE;MAAI,KAAK,EAAEJ,IAAX;MAAiB,GAAG,EAAEF;IAAtB,gBACE;MAAK,SAAS,EAAE7B,UAAU,GAAGO,cAAA,CAAM6B,MAAT,GAAkB7B,cAAA,CAAM8B;IAAlD,gBACE,6BAAC,iBAAD;MAAU,EAAE,EAAE7B,KAAd;MAAqB,IAAI,EAAEA,KAA3B;MAAkC,OAAO,MAAzC;MAA0C,SAAS,EAAED,cAAA,CAAM+B;IAA3D,EADF,eAEE;MAAO,OAAO,EAAE9B;IAAhB,GAAwBA,KAAxB,CAFF,EAGGC,OAAO,CAACuB,MAAR,GAAiB,CAAjB,GAAqBlC,iBAAiB,CAACW,OAAD,EAAUT,UAAV,CAAtC,GAA8D,IAHjE,eAIE;MAAK,SAAS,EAAEO,cAAA,CAAMgC;IAAtB,GACGvC,UAAU,gBACT,6BAAC,WAAD;MACE,KAAK,EAAE;QAACwC,KAAK,EAAEd;MAAR,CADT;MAEE,MAAM,EAAE,EAFV;MAGE,KAAK,EAAE,EAHT;MAIE,SAAS,EAAEnB,cAAA,CAAMkC;IAJnB,EADS,GAOP,IARN,CAJF,CADF,CADF;EAmBD,CA1BkB,CAAnB;EA4BA,MAAMC,YAAY,GAAGhC,iBAAiB,CAACC,SAAD,EAAYC,KAAZ,EAAmBC,WAAnB,CAAtC;;EAEA,IAAIW,QAAJ,EAAc;IACZG,UAAU,CAACgB,OAAX,eACE;MAAI,GAAG,EAAC;IAAR,gBACE;MAAK,SAAS,EAAEpC,cAAA,CAAM8B;IAAtB,EADF,CADF;EAKD;;EAED,MAAMO,UAAU,GAAGC,KAAK,IAAI;IAC1B,QAAQ,mBAAI,MAAJ,EAAYA,KAAZ,CAAR;MACE,KAAK,OAAL;QACE,oBAAO,6BAAC,2CAAD;UAAW,KAAK,EAAE,EAAlB;UAAsB,MAAM,EAAE;QAA9B,EAAP;;MACF,KAAK,UAAL;QACE,oBAAO,6BAAC,8CAAD;UAAc,KAAK,EAAE,EAArB;UAAyB,MAAM,EAAE;QAAjC,EAAP;;MACF,KAAK,UAAL;QACE,oBAAO;UAAM,SAAS,EAAEtC,cAAA,CAAMW;QAAvB,GAAkC,SAAlC,CAAP;;MACF,KAAK,eAAL;QACE,oBACE,yEACE,6BAAC,uCAAD;UAAmB,SAAS,EAAEX,cAAA,CAAMuC,aAApC;UAAmD,KAAK,EAAE,EAA1D;UAA8D,MAAM,EAAE;QAAtE,EADF,EAEGD,KAAK,CAACrC,KAFT,CADF;;MAMF;QACE;IAfJ;EAiBD,CAlBD;;EAoBA,MAAMuC,QAAQ,GAAGzB,IAAI,CAACpB,GAAL,CAAS,CAAC8C,GAAD,EAAMC,KAAN,KAAgB;IACxC,MAAM;MAACC,MAAM,GAAG,EAAV;MAAcC;IAAd,IAA0BH,GAAhC;IACA,MAAMI,SAAS,GAAG,IAAAC,mBAAA,EAAW;MAAC,CAAC9C,cAAA,CAAM+C,WAAP,GAAqBN,GAAG,CAACM;IAA1B,CAAX,CAAlB;IAEA,MAAMC,SAAS,GAAGL,MAAM,CAAChD,GAAP,CAAW,CAAC2C,KAAD,EAAQW,MAAR,KAAmB;MAC9C,IAAI,CAACX,KAAL,EAAY,oBAAO;QAAI,GAAG,EAAEW;MAAT,GAAkB,EAAlB,CAAP;MACZ,oBAAO;QAAI,GAAG,EAAEA;MAAT,GAAkB,wBAASX,KAAT,IAAkBA,KAAlB,GAA0BD,UAAU,CAACC,KAAD,CAAtD,CAAP;IACD,CAHiB,CAAlB;;IAKA,IAAIrB,QAAJ,EAAc;MACZ+B,SAAS,CAACZ,OAAV;MAAA;MACE;MACA;QAAI,GAAG,EAAC;MAAR,gBACE,6BAAC,aAAD;QAAM,IAAI,EAAEQ;MAAZ,gBACE,6BAAC,yCAAD;QAAY,KAAK,EAAE;UAACX,KAAK,EAAEd;QAAR,CAAnB;QAAyC,MAAM,EAAE,EAAjD;QAAqD,KAAK,EAAE;MAA5D,EADF,CADF,CAFF;IAQD;;IAED,oBACE;MAAI,SAAS,EAAE0B,SAAf;MAA0B,GAAG,EAAEH;IAA/B,GACGM,SADH,CADF;EAKD,CAzBgB,CAAjB;EA2BA,MAAME,SAAS,GAAG,IAAAJ,mBAAA,EAAWzC,KAAK,KAAKhB,MAAM,CAACC,OAAjB,GAA2BU,cAAA,CAAMmD,OAAjC,GAA2CnD,cAAA,CAAMoD,OAA5D,CAAlB;EAEA,oBACE;IAAK,SAAS,EAAEF;EAAhB,GACGf,YADH,eAEE;IAAO,SAAS,EAAE,IAAAW,mBAAA,EAAW9C,cAAA,CAAMqD,KAAjB,EAAwB;MAAC,CAACrD,cAAA,CAAMsD,QAAP,GAAkB,CAACrC;IAApB,CAAxB;EAAlB,gBACE,yDACE,yCAAKG,UAAL,CADF,CADF,eAIE,4CAAQoB,QAAR,CAJF,CAFF,CADF;AAWD,CAxGD;;AA0GA5B,KAAK,CAAC2C,YAAN,GAAqB;EACnBrC,IAAI,EAAEsC,iBAAA,CAASC,iBAAT,CAA2BvC,IADd;EAEnBd,SAAS,EAAEoD,iBAAA,CAASC,iBAAT,CAA2BrD;AAFnB,CAArB;AAKAQ,KAAK,CAAC8C,SAAN,2CAAkB;EAChBzC,QAAQ,EAAE0C,kBAAA,CAAUC,IADJ;EAEhB7C,IAAI,EAAE4C,kBAAA,CAAUE,OAAV,CACJF,kBAAA,CAAUG,KAAV,CAAgB;IACdnB,MAAM,EAAEgB,kBAAA,CAAUE,OAAV,CACNF,kBAAA,CAAUI,SAAV,CAAoB,CAClBJ,kBAAA,CAAUK,MADQ,EAElBL,kBAAA,CAAUG,KAAV,CAAgB;MAACrD,IAAI,EAAEkD,kBAAA,CAAUK;IAAjB,CAAhB,CAFkB,EAGlBL,kBAAA,CAAUG,KAAV,CAAgB;MAACrD,IAAI,EAAEkD,kBAAA,CAAUK,MAAjB;MAAyB/D,KAAK,EAAE0D,kBAAA,CAAUK;IAA1C,CAAhB,CAHkB,CAApB,CADM,CADM;IAQdpB,QAAQ,EAAEe,kBAAA,CAAUK,MARN;IASdjB,WAAW,EAAEY,kBAAA,CAAUC;EATT,CAAhB,CADI,CAFU;EAehB5C,OAAO,EAAE2C,kBAAA,CAAUE,OAAV,CACPF,kBAAA,CAAUG,KAAV,CAAgB;IACd7D,KAAK,EAAE0D,kBAAA,CAAUK,MAAV,CAAiBC,UADV;IAEdzC,IAAI,EAAEmC,kBAAA,CAAUK,MAFF;IAGdzC,QAAQ,EAAEoC,kBAAA,CAAUC,IAHN;IAId1D,OAAO,EAAEyD,kBAAA,CAAUE,OAAV,CACPF,kBAAA,CAAUG,KAAV,CAAgB;MACd7D,KAAK,EAAE0D,kBAAA,CAAUK,MAAV,CAAiBC,UADV;MAEdnE,QAAQ,EAAE6D,kBAAA,CAAUO,IAAV,CAAeD,UAFX;MAGdlE,QAAQ,EAAE4D,kBAAA,CAAUC,IAAV,CAAeK;IAHX,CAAhB,CADO;EAJK,CAAhB,CADO,CAfO;EA6BhB5D,KAAK,EAAEsD,kBAAA,CAAUQ,KAAV,CAAgB,CAAC9E,MAAM,CAACC,OAAR,CAAhB,CA7BS;EA8BhBgB,WAAW,EAAEqD,kBAAA,CAAUK;AA9BP,CAAlB;eAiCepD,K"}

package/lib/molecule/titled-checkbox/index.js

@@ -37,8 +37,7 @@ const TitledCheckbox = props => {
       background: background || '#3d3d3d'
     }
   }, choice.selected ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCheck, {
-    className: _style.default.icon,
-    color: "white"
+    className: _style.default.icon
   }) : null, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
     className: _style.default.input,
     checked: choice.selected,

package/lib/molecule/titled-checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","useMemo","style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} color=\"white\" /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMJ,QAAQ,CAACF,MAAD,CAA5B,EAAsC,CAACE,QAAD,EAAWF,MAAX,CAAtC,CAArB;EAEA,oBACE;IAAO,SAAS,EAAEO,cAAA,CAAMC;EAAxB,gBACE;IACE,SAAS,EAAED,cAAA,CAAME,GADnB;IAEE,KAAK,EAAE;MACLR,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACU,QAAP,gBAAkB,6BAAC,2CAAD;IAAO,SAAS,EAAEH,cAAA,CAAMI,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAAlB,GAAmE,IANtE,eAOE,6BAAC,iBAAD;IACE,SAAS,EAAEJ,cAAA,CAAMK,KADnB;IAEE,OAAO,EAAEZ,MAAM,CAACU,QAFlB;IAGE,QAAQ,EAAEL,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEI,cAAA,CAAMJ;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACe,SAAf,2CAA2B;EACzBb,MAAM,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACtBL,QAAQ,EAAEI,kBAAA,CAAUE,IAAV,CAAeC,UADH;IAEtBb,IAAI,EAAEU,kBAAA,CAAUI,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAEL,kBAAA,CAAUI;EAHK,CAAhB,EAILD,UALsB;EAMzBhB,UAAU,EAAEmB,wBANa;EAOzBlB,QAAQ,EAAEY,kBAAA,CAAUO,IAAV,CAAeJ;AAPA,CAA3B;eAUenB,c"}
+{"version":3,"file":"index.js","names":["TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","useMemo","style","default","box","selected","icon","input","propTypes","PropTypes","shape","bool","isRequired","string","value","ColorPropType","func"],"sources":["../../../src/molecule/titled-checkbox/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {NovaCompositionCoorpacademyCheck as Check} from '@coorpacademy/nova-icons';\nimport {ColorPropType} from '../../util/proptypes';\nimport Checkbox from '../../atom/checkbox';\nimport style from './style.css';\n\nconst TitledCheckbox = props => {\n  const {choice, background, onToggle} = props;\n  const label = choice.name;\n  const handleChange = useMemo(() => () => onToggle(choice), [onToggle, choice]);\n\n  return (\n    <label className={style.default}>\n      <div\n        className={style.box}\n        style={{\n          background: background || '#3d3d3d'\n        }}\n      >\n        {choice.selected ? <Check className={style.icon} /> : null}\n        <Checkbox\n          className={style.input}\n          checked={choice.selected}\n          onChange={handleChange}\n          data-name={label}\n        />\n      </div>\n      <span title={label} className={style.label}>\n        {label}\n      </span>\n    </label>\n  );\n};\n\nTitledCheckbox.propTypes = {\n  choice: PropTypes.shape({\n    selected: PropTypes.bool.isRequired,\n    name: PropTypes.string.isRequired,\n    value: PropTypes.string\n  }).isRequired,\n  background: ColorPropType,\n  onToggle: PropTypes.func.isRequired\n};\n\nexport default TitledCheckbox;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAG,IAAAC,cAAA,EAAQ,MAAM,MAAMJ,QAAQ,CAACF,MAAD,CAA5B,EAAsC,CAACE,QAAD,EAAWF,MAAX,CAAtC,CAArB;EAEA,oBACE;IAAO,SAAS,EAAEO,cAAA,CAAMC;EAAxB,gBACE;IACE,SAAS,EAAED,cAAA,CAAME,GADnB;IAEE,KAAK,EAAE;MACLR,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACU,QAAP,gBAAkB,6BAAC,2CAAD;IAAO,SAAS,EAAEH,cAAA,CAAMI;EAAxB,EAAlB,GAAqD,IANxD,eAOE,6BAAC,iBAAD;IACE,SAAS,EAAEJ,cAAA,CAAMK,KADnB;IAEE,OAAO,EAAEZ,MAAM,CAACU,QAFlB;IAGE,QAAQ,EAAEL,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEI,cAAA,CAAMJ;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACe,SAAf,2CAA2B;EACzBb,MAAM,EAAEc,kBAAA,CAAUC,KAAV,CAAgB;IACtBL,QAAQ,EAAEI,kBAAA,CAAUE,IAAV,CAAeC,UADH;IAEtBb,IAAI,EAAEU,kBAAA,CAAUI,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAEL,kBAAA,CAAUI;EAHK,CAAhB,EAILD,UALsB;EAMzBhB,UAAU,EAAEmB,wBANa;EAOzBlB,QAAQ,EAAEY,kBAAA,CAAUO,IAAV,CAAeJ;AAPA,CAA3B;eAUenB,c"}

package/lib/molecule/titled-checkbox/style.css

@@ -22,6 +22,7 @@
   left: 2px;
   top: 2px;
   height: 16px;
+  color: white;
 }
 
 .input {

package/lib/organism/accordion/coorp-manager/part/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AA2HA,sEAkEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"names":[],"mappings":";AAwHA,sEAkEC"}

package/lib/organism/accordion/coorp-manager/part/index.js

@@ -68,10 +68,14 @@ const MoreLessIcons = ({
 }) => {
   return type !== 'iconLink' ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
     className: moreClassName,
-    color: darkColor
+    style: {
+      color: darkColor
+    }
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
     className: lessClassName,
-    color: mediumColor
+    style: {
+      color: mediumColor
+    }
   })) : /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyOpenInNewTab, {
     className: _style.default.newTabIcon
   });
@@ -120,18 +124,21 @@ const Part = ({
     "data-name": "title",
     className: _style.default.title
   }, Icon ? /*#__PURE__*/_react.default.createElement(Icon, {
-    className: (0, _classnames.default)(_style.default.titleIcon, iconColor, hoverIconColor),
-    color: "inherit"
+    className: (0, _classnames.default)(_style.default.titleIcon, iconColor, hoverIconColor)
   }) : null, /*#__PURE__*/_react.default.createElement("h3", {
     className: (0, _classnames.default)(_style.default.titleLabel, selectedBlackLabel)
   }, title, isLink ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyOpenInNewTab, {
     className: _style.default.newTabIcon
   }) : null)), isCollapsible ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
     className: moreClassName,
-    color: darkColor
+    style: {
+      color: darkColor
+    }
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
     className: lessClassName,
-    color: mediumColor
+    style: {
+      color: mediumColor
+    }
   })) : null), isCollapsible ? children : null)));
 };
 

package/lib/organism/accordion/coorp-manager/part/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICON_TYPES","arrow","LightBulbIcon","dashboard","DashboardIcon","analytics","AnalyticsIcon","administration","AdministrationIcon","animation","AnimationIcon","contentCreation","ContentCreationIcon","editorialization","EditorializationIcon","defaultStyle","titleIcon","style","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","classnames","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} color={darkColor} />\n      <ArrowIcon className={lessClassName} color={mediumColor} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon\n                  className={classnames(style.titleIcon, iconColor, hoverIconColor)}\n                  color=\"inherit\"\n                />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} color={darkColor} />\n                <ArrowIcon className={lessClassName} color={mediumColor} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          skinHover\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ICON_TYPES","arrow","LightBulbIcon","dashboard","DashboardIcon","analytics","AnalyticsIcon","administration","AdministrationIcon","animation","AnimationIcon","contentCreation","ContentCreationIcon","editorialization","EditorializationIcon","defaultStyle","titleIcon","style","label","titleLabel","selectedLabel","title","setupTitle","container","openHeader","closedHeader","default","setupThemeStyle","titleActivatedIcon","setupTitleActivatedIcon","setupTitleLabel","setupSelectedTitleLabel","setupSelectedTitle","selectedTitle","setupContainer","coorpManagerOpenHeader","coorpManagerClosedHeader","MoreLessIcons","type","moreClassName","lessClassName","darkColor","mediumColor","color","newTabIcon","Part","skin","selected","iconType","onParentClick","onClick","isOpen","children","theme","openIconActivated","openIcon","closeIconActivated","closeIcon","iconColor","iconBlue","iconGrey","hoverIconColor","blueTitleIcon","selectedBlackLabel","labelBlack","Icon","isLink","isCollapsible","wrapper","classnames","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../../src/organism/accordion/coorp-manager/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationArrowDown as ArrowIcon,\n  NovaCompositionCoorpacademyOpenInNewTab as OpenInNewTabIcon,\n  NovaCompositionCoorpacademyDashboard as DashboardIcon,\n  NovaCompositionCoorpacademyAnalytics as AnalyticsIcon,\n  NovaCompositionCoorpacademyAnimation as AnimationIcon,\n  NovaCompositionCoorpacademyAdministration as AdministrationIcon,\n  NovaCompositionCoorpacademyContentCreation as ContentCreationIcon,\n  NovaCompositionCoorpacademyEditorialization as EditorializationIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../../../atom/link';\nimport Provider from '../../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  arrow: LightBulbIcon,\n  dashboard: DashboardIcon,\n  analytics: AnalyticsIcon,\n  administration: AdministrationIcon,\n  animation: AnimationIcon,\n  contentCreation: ContentCreationIcon,\n  editorialization: EditorializationIcon\n};\n\nconst defaultStyle = {\n  titleIcon: style.titleIcon,\n  label: style.titleLabel,\n  selectedLabel: style.titleLabel,\n  title: style.setupTitle,\n  container: style.container,\n  openHeader: style.openHeader,\n  closedHeader: style.closedHeader,\n  default: null\n};\n\nconst setupThemeStyle = {\n  titleIcon: style.titleIcon,\n  titleActivatedIcon: style.setupTitleActivatedIcon,\n  label: style.setupTitleLabel,\n  selectedLabel: style.setupSelectedTitleLabel,\n  setupSelectedTitle: style.setupSelectedTitle,\n  selectedTitle: style.selectedTitle,\n  title: style.setupTitle,\n  container: style.setupContainer,\n  openHeader: style.coorpManagerOpenHeader,\n  closedHeader: style.coorpManagerClosedHeader\n};\n\nconst MoreLessIcons = ({type, moreClassName, lessClassName, darkColor, mediumColor}) => {\n  return type !== 'iconLink' ? (\n    <div>\n      <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n      <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n    </div>\n  ) : (\n    <OpenInNewTabIcon className={style.newTabIcon} />\n  );\n};\n\nconst Part = ({\n  skin,\n  selected,\n  iconType,\n  onParentClick,\n  onClick,\n  isOpen,\n  title,\n  type,\n  children,\n  theme\n}) => {\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const lessClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const moreClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n  const iconColor = selected ? style.iconBlue : style.iconGrey;\n  const hoverIconColor = selected && style.blueTitleIcon;\n  const selectedBlackLabel = selected && style.labelBlack;\n  const Icon = ICON_TYPES[iconType];\n  const isLink = type === 'iconLink';\n  const isCollapsible = type === 'collapsibleTab';\n\n  return (\n    <div className={style.wrapper}>\n      {theme === 'setup' ? (\n        <div\n          className={classnames(style.border, selected ? style.borderBgBlue : style.borderBgNone)}\n        />\n      ) : null}\n      <div data-type={iconType} onClick={onParentClick} style={{flex: 1}}>\n        <div data-name=\"accordionPart\" className={style.setupPart}>\n          <div className={style.header} data-type={iconType} onClick={onClick}>\n            <div data-name=\"title\" className={style.title}>\n              {Icon ? (\n                <Icon className={classnames(style.titleIcon, iconColor, hoverIconColor)} />\n              ) : null}\n              <h3 className={classnames(style.titleLabel, selectedBlackLabel)}>\n                {title}\n                {isLink ? <OpenInNewTabIcon className={style.newTabIcon} /> : null}\n              </h3>\n            </div>\n            {isCollapsible ? (\n              <div>\n                <ArrowIcon className={moreClassName} style={{color: darkColor}} />\n                <ArrowIcon className={lessClassName} style={{color: mediumColor}} />\n              </div>\n            ) : null}\n          </div>\n          {isCollapsible ? children : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {\n    title,\n    content,\n    iconType,\n    theme,\n    onClick = noop,\n    selected = false,\n    type,\n    href,\n    isOpen,\n    onUpdateOpenedTab\n  } = props;\n\n  const themeStyle = theme === 'setup' ? setupThemeStyle : defaultStyle;\n\n  function handleParentClick() {\n    onUpdateOpenedTab();\n    onClick();\n  }\n\n  const isCollapsibleTab = type === 'collapsibleTab';\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      {!isCollapsibleTab ? (\n        <Link\n          onClick={handleParentClick}\n          skinHover\n          href={href}\n          data-name={`link-item`}\n          target={'_blank'}\n          style={{\n            textDecoration: 'none'\n          }}\n        >\n          <Part\n            skin={skin}\n            title={title}\n            content={content}\n            iconType={iconType}\n            theme={theme}\n            onParentClick={handleParentClick}\n            onClick={onClick}\n            isOpen={isOpen}\n            selected={selected}\n            type={type}\n          />\n        </Link>\n      ) : (\n        <Part\n          skin={skin}\n          title={title}\n          content={content}\n          iconType={iconType}\n          theme={theme}\n          onParentClick={handleParentClick}\n          onClick={onClick}\n          selected={selected}\n          isOpen={isOpen}\n          type={type}\n        />\n      )}\n      {isCollapsibleTab && isOpen ? <div className={themeStyle.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  type: PropTypes.oneOf(['simpleTab', 'collapsibleTab', 'iconLink']),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  selected: PropTypes.bool,\n  theme: PropTypes.string,\n  href: PropTypes.string,\n  isOpen: PropTypes.bool,\n  onUpdateOpenedTab: PropTypes.func\n};\n\nMoreLessIcons.propTypes = {\n  type: PropTypes.string,\n  moreClassName: PropTypes.string,\n  lessClassName: PropTypes.string,\n  darkColor: PropTypes.string,\n  mediumColor: PropTypes.string\n};\n\nPart.propTypes = {\n  ...AccordionPart.propTypes\n};\n\nexport default AccordionPart;\n"],"mappings":"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"}

package/lib/organism/accordion/coorp-manager/part/style.css

@@ -95,6 +95,7 @@
   width: 18px;
   height: 18px;
   margin-right: 15px;
+  color: inherit;
 }
 
 .setupTitleActivatedIcon {

package/lib/organism/accordion/part/index.js

@@ -59,16 +59,19 @@ const AccordionPart = (props, context) => {
     "data-name": "title",
     className: _style.default.title
   }, TitleIcon ? /*#__PURE__*/_react.default.createElement(TitleIcon, {
-    className: _style.default.titleIcon,
-    color: "inherit"
+    className: _style.default.titleIcon
   }) : null, /*#__PURE__*/_react.default.createElement("h3", {
     className: _style.default.titleLabel
   }, title)), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationMore, {
     className: closeIconClassName,
-    color: darkColor
+    style: {
+      color: darkColor
+    }
   }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationLess, {
     className: openIconClassName,
-    color: mediumColor
+    style: {
+      color: mediumColor
+    }
   })), isOpen ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, content) : null);

package/lib/organism/accordion/part/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ICON_TYPES","resources","VideoIcon","klf","KeyIcon","tips","LightBulbIcon","themeStyle","setup","style","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","container","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaLineLoginKey1 as KeyIcon,\n  NovaLineVideosVideoClip3 as VideoIcon,\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  resources: VideoIcon,\n  klf: KeyIcon,\n  tips: LightBulbIcon\n};\n\nconst themeStyle = {\n  setup: style.setupPart,\n  default: null\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n  const TitleIcon = ICON_TYPES[iconType];\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      <div\n        className={isOpen ? style.openHeader : style.closedHeader}\n        data-type={iconType}\n        onClick={onClick}\n      >\n        <div data-name=\"title\" className={style.title}>\n          {TitleIcon ? <TitleIcon className={style.titleIcon} color=\"inherit\" /> : null}\n          <h3 className={style.titleLabel}>{title}</h3>\n        </div>\n        <MoreIcon className={closeIconClassName} color={darkColor} />\n        <LessIcon className={openIconClassName} color={mediumColor} />\n      </div>\n      {isOpen ? <div className={style.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  isOpen: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default AccordionPart;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AAOA;;AACA;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,SAAS,EAAEC,mCADM;EAEjBC,GAAG,EAAEC,4BAFY;EAGjBC,IAAI,EAAEC;AAHW,CAAnB;AAMA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAA,CAAMC,SADI;EAEjBC,OAAO,EAAE;AAFQ,CAAnB;;AAKA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,OAAR;IAAiBC,QAAjB;IAA2BC,KAA3B;IAAkCC,OAAO,iBAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGtB,UAAU,CAACkB,QAAD,CAA5B;EACA,MAAMK,SAAS,GAAG,mBAAI,aAAJ,EAAmBR,IAAnB,CAAlB;EACA,MAAMS,WAAW,GAAG,mBAAI,eAAJ,EAAqBT,IAArB,CAApB;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGZ,cAAA,CAAMiB,iBAAT,GAA6BjB,cAAA,CAAMkB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUZ,cAAA,CAAMoB,kBAAhB,GAAqCpB,cAAA,CAAMqB,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEvB,UAAU,CAACY,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGZ,cAAA,CAAMsB,UAAT,GAAsBtB,cAAA,CAAMuB,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEX,cAAA,CAAMO;EAAxC,GACGM,SAAS,gBAAG,6BAAC,SAAD;IAAW,SAAS,EAAEb,cAAA,CAAMwB,SAA5B;IAAuC,KAAK,EAAC;EAA7C,EAAH,GAA+D,IAD3E,eAEE;IAAI,SAAS,EAAExB,cAAA,CAAMyB;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,6BAAC,wCAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAEL;EAAhD,EATF,eAUE,6BAAC,wCAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAED;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAEZ,cAAA,CAAM0B;EAAtB,GAAkClB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACwB,YAAd,GAA6B;EAC3BrB,IAAI,EAAEsB,iBAAA,CAASC,iBAAT,CAA2BvB;AADN,CAA7B;AAIAH,aAAa,CAAC2B,SAAd,2CAA0B;EACxBrB,QAAQ,EAAEsB,kBAAA,CAAUC,KAAV,CAAgB,oBAAKzC,UAAL,CAAhB,CADc;EAExBgB,KAAK,EAAEwB,kBAAA,CAAUE,MAFO;EAGxBzB,OAAO,EAAEuB,kBAAA,CAAUG,IAHK;EAIxBvB,OAAO,EAAEoB,kBAAA,CAAUI,IAJK;EAKxBvB,MAAM,EAAEmB,kBAAA,CAAUK,IALM;EAMxB1B,KAAK,EAAEqB,kBAAA,CAAUE;AANO,CAA1B;eASe9B,a"}
+{"version":3,"file":"index.js","names":["ICON_TYPES","resources","VideoIcon","klf","KeyIcon","tips","LightBulbIcon","themeStyle","setup","style","setupPart","default","AccordionPart","props","context","skin","title","content","iconType","theme","onClick","isOpen","TitleIcon","darkColor","mediumColor","openIconClassName","openIconActivated","openIcon","closeIconClassName","closeIconActivated","closeIcon","openHeader","closedHeader","titleIcon","titleLabel","color","container","contextTypes","Provider","childContextTypes","propTypes","PropTypes","oneOf","string","node","func","bool"],"sources":["../../../../src/organism/accordion/part/index.js"],"sourcesContent":["import React from 'react';\nimport {noop, keys, get} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionNavigationMore as MoreIcon,\n  NovaLineLoginKey1 as KeyIcon,\n  NovaLineVideosVideoClip3 as VideoIcon,\n  NovaSolidLightsLightbulb4 as LightBulbIcon,\n  NovaCompositionNavigationLess as LessIcon\n} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst ICON_TYPES = {\n  resources: VideoIcon,\n  klf: KeyIcon,\n  tips: LightBulbIcon\n};\n\nconst themeStyle = {\n  setup: style.setupPart,\n  default: null\n};\n\nconst AccordionPart = (props, context) => {\n  const {skin} = context;\n  const {title, content, iconType, theme, onClick = noop, isOpen = false} = props;\n  const TitleIcon = ICON_TYPES[iconType];\n  const darkColor = get('common.dark', skin);\n  const mediumColor = get('common.medium', skin);\n  const openIconClassName = isOpen ? style.openIconActivated : style.openIcon;\n  const closeIconClassName = !isOpen ? style.closeIconActivated : style.closeIcon;\n\n  return (\n    <div data-name=\"accordionPart\" className={themeStyle[theme]}>\n      <div\n        className={isOpen ? style.openHeader : style.closedHeader}\n        data-type={iconType}\n        onClick={onClick}\n      >\n        <div data-name=\"title\" className={style.title}>\n          {TitleIcon ? <TitleIcon className={style.titleIcon} /> : null}\n          <h3 className={style.titleLabel}>{title}</h3>\n        </div>\n        <MoreIcon className={closeIconClassName} style={{color: darkColor}} />\n        <LessIcon className={openIconClassName} style={{color: mediumColor}} />\n      </div>\n      {isOpen ? <div className={style.container}>{content}</div> : null}\n    </div>\n  );\n};\n\nAccordionPart.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAccordionPart.propTypes = {\n  iconType: PropTypes.oneOf(keys(ICON_TYPES)),\n  title: PropTypes.string,\n  content: PropTypes.node,\n  onClick: PropTypes.func,\n  isOpen: PropTypes.bool,\n  theme: PropTypes.string\n};\n\nexport default AccordionPart;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AAOA;;AACA;;;;AAEA,MAAMA,UAAU,GAAG;EACjBC,SAAS,EAAEC,mCADM;EAEjBC,GAAG,EAAEC,4BAFY;EAGjBC,IAAI,EAAEC;AAHW,CAAnB;AAMA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEC,cAAA,CAAMC,SADI;EAEjBC,OAAO,EAAE;AAFQ,CAAnB;;AAKA,MAAMC,aAAa,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACxC,MAAM;IAACC;EAAD,IAASD,OAAf;EACA,MAAM;IAACE,KAAD;IAAQC,OAAR;IAAiBC,QAAjB;IAA2BC,KAA3B;IAAkCC,OAAO,iBAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGtB,UAAU,CAACkB,QAAD,CAA5B;EACA,MAAMK,SAAS,GAAG,mBAAI,aAAJ,EAAmBR,IAAnB,CAAlB;EACA,MAAMS,WAAW,GAAG,mBAAI,eAAJ,EAAqBT,IAArB,CAApB;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGZ,cAAA,CAAMiB,iBAAT,GAA6BjB,cAAA,CAAMkB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUZ,cAAA,CAAMoB,kBAAhB,GAAqCpB,cAAA,CAAMqB,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEvB,UAAU,CAACY,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGZ,cAAA,CAAMsB,UAAT,GAAsBtB,cAAA,CAAMuB,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEX,cAAA,CAAMO;EAAxC,GACGM,SAAS,gBAAG,6BAAC,SAAD;IAAW,SAAS,EAAEb,cAAA,CAAMwB;EAA5B,EAAH,GAA+C,IAD3D,eAEE;IAAI,SAAS,EAAExB,cAAA,CAAMyB;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,6BAAC,wCAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAE;MAACO,KAAK,EAAEZ;IAAR;EAAhD,EATF,eAUE,6BAAC,wCAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAE;MAACU,KAAK,EAAEX;IAAR;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAEZ,cAAA,CAAM2B;EAAtB,GAAkCnB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACyB,YAAd,GAA6B;EAC3BtB,IAAI,EAAEuB,iBAAA,CAASC,iBAAT,CAA2BxB;AADN,CAA7B;AAIAH,aAAa,CAAC4B,SAAd,2CAA0B;EACxBtB,QAAQ,EAAEuB,kBAAA,CAAUC,KAAV,CAAgB,oBAAK1C,UAAL,CAAhB,CADc;EAExBgB,KAAK,EAAEyB,kBAAA,CAAUE,MAFO;EAGxB1B,OAAO,EAAEwB,kBAAA,CAAUG,IAHK;EAIxBxB,OAAO,EAAEqB,kBAAA,CAAUI,IAJK;EAKxBxB,MAAM,EAAEoB,kBAAA,CAAUK,IALM;EAMxB3B,KAAK,EAAEsB,kBAAA,CAAUE;AANO,CAA1B;eASe/B,a"}

package/lib/organism/accordion/part/style.css

@@ -51,6 +51,7 @@
   width: 22px;
   height: 22px;
   margin-right: 15px;
+  color: inherit;
 }
 
 .icon {

package/lib/organism/brand-form/index.js

@@ -88,7 +88,9 @@ function BrandForm(props, context) {
   const backView = back ? /*#__PURE__*/_react.default.createElement("p", {
     className: _style.default.back
   }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowLeft, {
-    color: darkColor,
+    style: {
+      color: darkColor
+    },
     className: _style.default.arrowBack
   }), /*#__PURE__*/_react.default.createElement(_link.default, {
     href: back.link,

package/lib/organism/brand-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","style","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft color={darkColor} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool\n};\n\nexport default BrandForm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","style","saveButton","toolTipContent","place","cancelBackground","backgroundColor","resetButton","buttons","BrandForm","props","context","groups","back","isLoading","skin","backView","color","arrowBack","link","backDesc","desc","brandGroups","map","group","index","buttonSection","handleSubmit","useMemo","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","Provider","childContextTypes","defaultProps","propTypes","PropTypes","arrayOf","shape","BrandFormGroup","isRequired","bool","func","Button","Link","children","href","string"],"sources":["../../../src/organism/brand-form/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowLeft as ArrowLeft} from '@coorpacademy/nova-icons';\nimport ReactTooltip from 'react-tooltip';\nimport BrandFormGroup from '../../molecule/brand-form-group';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport Link from '../../atom/link';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nconst buildButtonSection = (\n  onSubmit,\n  submitValue,\n  onReset,\n  resetValue,\n  tooltip,\n  disabled,\n  isModified,\n  isPending,\n  darkColor\n) => {\n  if (!onSubmit && !onReset) {\n    return null;\n  }\n\n  const disabledSubmit = disabled || isPending || !isModified;\n  const submitButton = onSubmit ? (\n    <div data-tip={tooltip.title} data-for=\"submitButton\" className={style.saveButton}>\n      <ReactTooltip\n        type=\"light\"\n        effect=\"solid\"\n        className={style.toolTipContent}\n        place={tooltip.place}\n        id=\"submitButton\"\n      />\n      <Button type=\"submit\" disabled={disabledSubmit} submitValue={submitValue} />\n    </div>\n  ) : null;\n\n  const cancelBackground = {backgroundColor: darkColor};\n\n  const resetButton = onReset ? (\n    <div className={style.resetButton}>\n      <Button type=\"reset\" submitValue={resetValue} style={cancelBackground} />\n    </div>\n  ) : null;\n\n  return (\n    <div className={style.buttons}>\n      {submitButton}\n      {resetButton}\n    </div>\n  );\n};\n\nfunction BrandForm(props, context) {\n  const {\n    groups,\n    disabled,\n    isModified,\n    isPending,\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    back,\n    tooltip,\n    isLoading\n  } = props;\n  const {skin} = context;\n  const darkColor = get('common.dark', skin);\n\n  const backView = back ? (\n    <p className={style.back}>\n      <ArrowLeft style={{color: darkColor}} className={style.arrowBack} />\n      <Link href={back.link} className={style.backDesc}>\n        {back.desc}\n      </Link>\n    </p>\n  ) : null;\n\n  const brandGroups = groups.map((group, index) => {\n    return (\n      <div className={style.group} key={index}>\n        <BrandFormGroup {...group} />\n      </div>\n    );\n  });\n\n  const buttonSection = buildButtonSection(\n    onSubmit,\n    submitValue,\n    onReset,\n    resetValue,\n    tooltip,\n    disabled,\n    isModified,\n    isPending,\n    darkColor\n  );\n\n  const handleSubmit = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onSubmit(e);\n    },\n    [onSubmit]\n  );\n\n  const handleReset = useMemo(\n    () => e => {\n      e.preventDefault();\n      return onReset(e);\n    },\n    [onReset]\n  );\n\n  return (\n    <div>\n      {backView}\n      {isLoading ? (\n        <div className={style.loaderContainer}>\n          <Loader className={style.loader} theme=\"coorpmanager\" />\n        </div>\n      ) : (\n        <form onSubmit={handleSubmit} onReset={handleReset} className={style.form}>\n          {brandGroups}\n          {buttonSection}\n        </form>\n      )}\n    </div>\n  );\n}\n\nBrandForm.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nBrandForm.defaultProps = {\n  tooltip: {\n    title: '',\n    place: 'top'\n  }\n};\n\nBrandForm.propTypes = {\n  groups: PropTypes.arrayOf(PropTypes.shape(BrandFormGroup.propTypes)).isRequired,\n  disabled: PropTypes.bool,\n  isModified: PropTypes.bool,\n  isPending: PropTypes.bool,\n  onSubmit: PropTypes.func,\n  submitValue: Button.propTypes.submitValue,\n  onReset: PropTypes.func,\n  resetValue: Button.propTypes.submitValue,\n  back: PropTypes.shape({\n    desc: Link.propTypes.children,\n    link: Link.propTypes.href\n  }),\n  tooltip: PropTypes.shape({\n    title: PropTypes.string,\n    place: PropTypes.string\n  }),\n  isLoading: PropTypes.bool\n};\n\nexport default BrandForm;\n"],"mappings":"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"}

package/lib/organism/get-the-app/index.js

@@ -213,7 +213,9 @@ const GetTheApp = (props, context) => {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper
   }, /*#__PURE__*/_react.default.createElement(Header, magicLinkStep), /*#__PURE__*/_react.default.createElement(MagicLink, {
-    color: primaryColor,
+    style: {
+      color: primaryColor
+    },
     submitValue: submitValue,
     disabled: disabled,
     magicLinkUrl: magicLinkUrl

package/lib/organism/get-the-app/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Header","step","header","subHeader","style","headerContainer","headerWrapper","propTypes","PropTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage,\n  qrCodeImageAlt\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick,\n  'android-alt': androidAlt,\n  'ios-alt': iosAlt\n}) => (\n  <div className={style.storeLinksContainer}>\n    <Picture\n      className={style.img}\n      src={appStoreButtonImageUrl}\n      onClick={onAppStoreButtonClick}\n      alt={iosAlt}\n    />\n    <Picture\n      className={style.img}\n      src={playStoreButtonImageUrl}\n      onClick={onPlayStoreButtonClick}\n      alt={androidAlt}\n    />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func,\n  'android-alt': PropTypes.string,\n  'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage,\n    'android-alt': androidAlt,\n    'ios-alt': iosAlt,\n    qrCodeImageAlt,\n    'logo-aria-label': coorpAppLogoAriaLabel\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo\n          height={51}\n          width={250}\n          className={style.coorpAppLogo}\n          aria-label={coorpAppLogoAriaLabel}\n        />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n          android-alt={androidAlt}\n          ios-alt={iosAlt}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n              qrCodeImageAlt={qrCodeImageAlt}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              color={primaryColor}\n              submitValue={submitValue}\n              disabled={disabled}\n              magicLinkUrl={magicLinkUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nGetTheApp.propTypes = {\n  ...StoresLinks.propTypes,\n  storeStep: PropTypes.shape(Header.propTypes),\n  connectionStep: PropTypes.shape(Header.propTypes),\n  qrCodeStep: PropTypes.shape(Header.propTypes),\n  magicLinkStep: PropTypes.shape(Header.propTypes),\n  ...QrCodeImage.propTypes,\n  diviserWord: Divider.propTypes.word,\n  ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAKA;;AACA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAG,CAAC;EAACC,IAAD;EAAOC,MAAP;EAAeC;AAAf,CAAD,kBACb;EAAK,SAAS,EAAEC,cAAA,CAAMC;AAAtB,GACGJ,IAAI,gBACH;EAAK,SAAS,EAAEG,cAAA,CAAME;AAAtB,gBACE;EAAI,SAAS,EAAEF,cAAA,CAAMH;AAArB,GAA4BA,IAA5B,CADF,eAEE;EAAI,SAAS,EAAEG,cAAA,CAAMF;AAArB,GAA8BA,MAA9B,CAFF,CADG,gBAMH;EAAI,SAAS,EAAEE,cAAA,CAAMF;AAArB,GAA8BA,MAA9B,MAPJ,EASGC,SAAS,gBAAG;EAAI,SAAS,EAAEC,cAAA,CAAMD;AAArB,GAAiCA,SAAjC,MAAH,GAAuD,IATnE,CADF;;AAcAH,MAAM,CAACO,SAAP,2CAAmB;EACjBN,IAAI,EAAEO,kBAAA,CAAUC,MADC;EAEjBP,MAAM,EAAEM,kBAAA,CAAUC,MAFD;EAGjBN,SAAS,EAAEK,kBAAA,CAAUC;AAHJ,CAAnB;;AAMA,MAAMC,WAAW,GAAG,CAAC;EACnBC,mBADmB;EAEnBC,cAFmB;EAGnBC,UAHmB;EAInBC,WAJmB;EAKnBC,UALmB;EAMnBC;AANmB,CAAD,KAOd;EACJ,oBACE;IAAK,SAAS,EAAEZ,cAAA,CAAMa;EAAtB,gBACE,6BAAC,gBAAD;IAAS,GAAG,EAAEL,cAAd;IAA8B,GAAG,EAAEI;EAAnC,EADF,EAEGL,mBAAmB,gBAClB;IAAK,SAAS,EAAEP,cAAA,CAAMc;EAAtB,gBACE;IAAK,SAAS,EAAEd,cAAA,CAAMe;EAAtB,gBACE,2CAAON,UAAP,MADF,eAEE;IAAG,IAAI,EAAC,oCAAR;IAA6C,SAAS,EAAET,cAAA,CAAMgB;EAA9D,gBACE,2CAAON,WAAP,MADF,CAFF,eAKE,2CAAOC,UAAP,MALF,CADF,CADkB,GAUhB,IAZN,CADF;AAgBD,CAxBD;;AAyBAL,WAAW,CAACH,SAAZ,2CAAwB;EACtBI,mBAAmB,EAAEH,kBAAA,CAAUa,IADT;EAEtBT,cAAc,EAAEJ,kBAAA,CAAUC,MAFJ;EAGtBI,UAAU,EAAEL,kBAAA,CAAUC,MAHA;EAItBK,WAAW,EAAEN,kBAAA,CAAUC,MAJD;EAKtBM,UAAU,EAAEP,kBAAA,CAAUC,MALA;EAMtBO,cAAc,EAAER,kBAAA,CAAUC;AANJ,CAAxB;;AASA,MAAMa,SAAS,GAAG,CAAC;EAACC,QAAD;EAAWC,WAAX;EAAwBC,YAAxB;EAAsCC;AAAtC,CAAD,KAAkD;EAClE,oBACE;IAAK,SAAS,EAAEtB,cAAA,CAAMuB;EAAtB,gBACE,6BAAC,eAAD;IACE,KAAK,EAAED,KADT;IAEE,QAAQ,EAAEH,QAFZ;IAGE,cAAc,EAAEA,QAHlB;IAIE,IAAI,EAAEE,YAJR;IAKE,IAAI,EAAC,MALP;IAME,WAAW,EAAE;EANf,gBAQE;IAAK,SAAS,EAAErB,cAAA,CAAMwB;EAAtB,gBACE,6BAAC,+CAAD;IAAW,SAAS,EAAExB,cAAA,CAAMyB;EAA5B,EADF,eAEE,wCAAIL,WAAJ,CAFF,CARF,CADF,CADF;AAiBD,CAlBD;;AAoBAF,SAAS,CAACf,SAAV,2CAAsB;EACpBkB,YAAY,EAAEjB,kBAAA,CAAUC,MADJ;EAEpBc,QAAQ,EAAEf,kBAAA,CAAUa,IAFA;EAGpBG,WAAW,EAAEhB,kBAAA,CAAUC;AAHH,CAAtB;;AAMA,MAAMqB,WAAW,GAAG,CAAC;EACnBC,qBADmB;EAEnBC,sBAFmB;EAGnBC,uBAHmB;EAInBC,sBAJmB;EAKnB,eAAeC,UALI;EAMnB,WAAWC;AANQ,CAAD,kBAQlB;EAAK,SAAS,EAAEhC,cAAA,CAAMiC;AAAtB,gBACE,6BAAC,gBAAD;EACE,SAAS,EAAEjC,cAAA,CAAMkC,GADnB;EAEE,GAAG,EAAEN,sBAFP;EAGE,OAAO,EAAED,qBAHX;EAIE,GAAG,EAAEK;AAJP,EADF,eAOE,6BAAC,gBAAD;EACE,SAAS,EAAEhC,cAAA,CAAMkC,GADnB;EAEE,GAAG,EAAEL,uBAFP;EAGE,OAAO,EAAEC,sBAHX;EAIE,GAAG,EAAEC;AAJP,EAPF,CARF;;AAwBAL,WAAW,CAACvB,SAAZ,2CAAwB;EACtBwB,qBAAqB,EAAEvB,kBAAA,CAAU+B,IADX;EAEtBP,sBAAsB,EAAExB,kBAAA,CAAUC,MAFZ;EAGtBwB,uBAAuB,EAAEzB,kBAAA,CAAUC,MAHb;EAItByB,sBAAsB,EAAE1B,kBAAA,CAAU+B,IAJZ;EAKtB,eAAe/B,kBAAA,CAAUC,MALH;EAMtB,WAAWD,kBAAA,CAAUC;AANC,CAAxB;;AASA,MAAM+B,OAAO,GAAG,CAAC;EAACC;AAAD,CAAD,kBACd;EAAK,SAAS,EAAErC,cAAA,CAAMsC;AAAtB,gBACE;EAAK,SAAS,EAAEtC,cAAA,CAAMuC;AAAtB,EADF,eAEE,wCAAIF,IAAJ,CAFF,eAGE;EAAK,SAAS,EAAErC,cAAA,CAAMuC;AAAtB,EAHF,CADF;;AAQAH,OAAO,CAACjC,SAAR,2CAAoB;EAClBkC,IAAI,EAAEjC,kBAAA,CAAUC;AADE,CAApB;;AAIA,MAAMmC,SAAS,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACpC,MAAM;IACJf,qBADI;IAEJC,sBAFI;IAGJC,uBAHI;IAIJC,sBAJI;IAKJa,SALI;IAMJC,cANI;IAOJC,UAPI;IAQJC,aARI;IASJC,WATI;IAUJvC,cAVI;IAWJa,YAXI;IAYJF,QAZI;IAaJZ,mBAbI;IAcJa,WAdI;IAeJX,UAfI;IAgBJC,WAhBI;IAiBJC,UAjBI;IAkBJ,eAAeoB,UAlBX;IAmBJ,WAAWC,MAnBP;IAoBJpB,cApBI;IAqBJ,mBAAmBoC;EArBf,IAsBFP,KAtBJ;EAuBA,MAAM;IAACQ;EAAD,IAASP,OAAf;EACA,MAAMQ,YAAY,GAAG,mBAAI,gBAAJ,EAAsBD,IAAtB,CAArB;EACA,oBACE;IAAK,SAAS,EAAEjD,cAAA,CAAMmD;EAAtB,gBACE;IAAK,SAAS,EAAEnD,cAAA,CAAMoD;EAAtB,gBACE,6BAAC,8CAAD;IACE,MAAM,EAAE,EADV;IAEE,KAAK,EAAE,GAFT;IAGE,SAAS,EAAEpD,cAAA,CAAMqD,YAHnB;IAIE,cAAYL;EAJd,EADF,CADF,eASE;IAAK,SAAS,EAAEhD,cAAA,CAAMsD;EAAtB,gBACE,6BAAC,MAAD,EAAYX,SAAZ,CADF,eAEE,6BAAC,WAAD;IACE,qBAAqB,EAAEhB,qBADzB;IAEE,sBAAsB,EAAEC,sBAF1B;IAGE,uBAAuB,EAAEC,uBAH3B;IAIE,sBAAsB,EAAEC,sBAJ1B;IAKE,eAAaC,UALf;IAME,WAASC;EANX,EAFF,CATF,eAoBE;IAAK,SAAS,EAAEhC,cAAA,CAAMuD;EAAtB,gBACE,6BAAC,MAAD,EAAYX,cAAZ,CADF,eAEE;IAAK,SAAS,EAAE5C,cAAA,CAAMwD;EAAtB,gBACE;IAAK,SAAS,EAAExD,cAAA,CAAMyD;EAAtB,gBACE,6BAAC,MAAD,EAAYZ,UAAZ,CADF,eAEE,6BAAC,WAAD;IACE,mBAAmB,EAAEtC,mBADvB;IAEE,cAAc,EAAEC,cAFlB;IAGE,UAAU,EAAEC,UAHd;IAIE,WAAW,EAAEC,WAJf;IAKE,UAAU,EAAEC,UALd;IAME,cAAc,EAAEC;EANlB,EAFF,CADF,eAYE,6BAAC,OAAD;IAAS,IAAI,EAAEmC;EAAf,EAZF,eAaE;IAAK,SAAS,EAAE/C,cAAA,CAAMyD;EAAtB,gBACE,6BAAC,MAAD,EAAYX,aAAZ,CADF,eAEE,6BAAC,SAAD;IACE,KAAK,EAAEI,YADT;IAEE,WAAW,EAAE9B,WAFf;IAGE,QAAQ,EAAED,QAHZ;IAIE,YAAY,EAAEE;EAJhB,EAFF,CAbF,CAFF,CApBF,CADF;AAiDD,CA3ED;;AA6EAmB,SAAS,CAACrC,SAAV,wDACKuB,WAAW,CAACvB,SADjB;EAEEwC,SAAS,EAAEvC,kBAAA,CAAUsD,KAAV,CAAgB9D,MAAM,CAACO,SAAvB,CAFb;EAGEyC,cAAc,EAAExC,kBAAA,CAAUsD,KAAV,CAAgB9D,MAAM,CAACO,SAAvB,CAHlB;EAIE0C,UAAU,EAAEzC,kBAAA,CAAUsD,KAAV,CAAgB9D,MAAM,CAACO,SAAvB,CAJd;EAKE2C,aAAa,EAAE1C,kBAAA,CAAUsD,KAAV,CAAgB9D,MAAM,CAACO,SAAvB;AALjB,GAMKG,WAAW,CAACH,SANjB;EAOE4C,WAAW,EAAEX,OAAO,CAACjC,SAAR,CAAkBkC;AAPjC,GAQKnB,SAAS,CAACf,SARf;eAWeqC,S"}
+{"version":3,"file":"index.js","names":["Header","step","header","subHeader","style","headerContainer","headerWrapper","propTypes","PropTypes","string","QrCodeImage","showMobileAppAccess","qrCodeImageUrl","preMessage","linkMessage","endMessage","qrCodeImageAlt","qrcodeWrapper","qrcodeOverlay","qrcodeModal","qrcodeModalLink","bool","MagicLink","disabled","submitValue","magicLinkUrl","color","buttonWrapper","iconWrapper","magicLinkIcon","StoresLinks","onAppStoreButtonClick","appStoreButtonImageUrl","playStoreButtonImageUrl","onPlayStoreButtonClick","androidAlt","iosAlt","storeLinksContainer","img","func","Divider","word","dividerWrapper","divider","GetTheApp","props","context","storeStep","connectionStep","qrCodeStep","magicLinkStep","diviserWord","coorpAppLogoAriaLabel","skin","primaryColor","container","coorpAppLogoWrapper","coorpAppLogo","store","secondStepWrapper","connectionWrapper","wrapper","shape"],"sources":["../../../src/organism/get-the-app/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  NovaCompositionCoorpacademyMagicWand as MagicWand,\n  NovaCompositionCoorpacademyCoorpApp as CoorpAppLogo\n} from '@coorpacademy/nova-icons';\nimport {get} from 'lodash/fp';\nimport Button from '../../atom/button';\nimport Picture from '../../atom/picture';\nimport style from './style.css';\n\nconst Header = ({step, header, subHeader}) => (\n  <div className={style.headerContainer}>\n    {step ? (\n      <div className={style.headerWrapper}>\n        <h1 className={style.step}>{step}</h1>\n        <h1 className={style.header}>{header}</h1>\n      </div>\n    ) : (\n      <h1 className={style.header}>{header} </h1>\n    )}\n    {subHeader ? <h4 className={style.subHeader}>{subHeader} </h4> : null}\n  </div>\n);\n\nHeader.propTypes = {\n  step: PropTypes.string,\n  header: PropTypes.string,\n  subHeader: PropTypes.string\n};\n\nconst QrCodeImage = ({\n  showMobileAppAccess,\n  qrCodeImageUrl,\n  preMessage,\n  linkMessage,\n  endMessage,\n  qrCodeImageAlt\n}) => {\n  return (\n    <div className={style.qrcodeWrapper}>\n      <Picture src={qrCodeImageUrl} alt={qrCodeImageAlt} />\n      {showMobileAppAccess ? (\n        <div className={style.qrcodeOverlay}>\n          <div className={style.qrcodeModal}>\n            <span>{preMessage} </span>\n            <a href=\"mailto:assistance@coorpacademy.com\" className={style.qrcodeModalLink}>\n              <span>{linkMessage} </span>\n            </a>\n            <span>{endMessage} </span>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\nQrCodeImage.propTypes = {\n  showMobileAppAccess: PropTypes.bool,\n  qrCodeImageUrl: PropTypes.string,\n  preMessage: PropTypes.string,\n  linkMessage: PropTypes.string,\n  endMessage: PropTypes.string,\n  qrCodeImageAlt: PropTypes.string\n};\n\nconst MagicLink = ({disabled, submitValue, magicLinkUrl, color}) => {\n  return (\n    <div className={style.buttonWrapper}>\n      <Button\n        color={color}\n        disabled={disabled}\n        isLinkDisabled={disabled}\n        href={magicLinkUrl}\n        type=\"link\"\n        submitValue={null}\n      >\n        <div className={style.iconWrapper}>\n          <MagicWand className={style.magicLinkIcon} />\n          <p>{submitValue}</p>\n        </div>\n      </Button>\n    </div>\n  );\n};\n\nMagicLink.propTypes = {\n  magicLinkUrl: PropTypes.string,\n  disabled: PropTypes.bool,\n  submitValue: PropTypes.string\n};\n\nconst StoresLinks = ({\n  onAppStoreButtonClick,\n  appStoreButtonImageUrl,\n  playStoreButtonImageUrl,\n  onPlayStoreButtonClick,\n  'android-alt': androidAlt,\n  'ios-alt': iosAlt\n}) => (\n  <div className={style.storeLinksContainer}>\n    <Picture\n      className={style.img}\n      src={appStoreButtonImageUrl}\n      onClick={onAppStoreButtonClick}\n      alt={iosAlt}\n    />\n    <Picture\n      className={style.img}\n      src={playStoreButtonImageUrl}\n      onClick={onPlayStoreButtonClick}\n      alt={androidAlt}\n    />\n  </div>\n);\n\nStoresLinks.propTypes = {\n  onAppStoreButtonClick: PropTypes.func,\n  appStoreButtonImageUrl: PropTypes.string,\n  playStoreButtonImageUrl: PropTypes.string,\n  onPlayStoreButtonClick: PropTypes.func,\n  'android-alt': PropTypes.string,\n  'ios-alt': PropTypes.string\n};\n\nconst Divider = ({word}) => (\n  <div className={style.dividerWrapper}>\n    <div className={style.divider} />\n    <p>{word}</p>\n    <div className={style.divider} />\n  </div>\n);\n\nDivider.propTypes = {\n  word: PropTypes.string\n};\n\nconst GetTheApp = (props, context) => {\n  const {\n    onAppStoreButtonClick,\n    appStoreButtonImageUrl,\n    playStoreButtonImageUrl,\n    onPlayStoreButtonClick,\n    storeStep,\n    connectionStep,\n    qrCodeStep,\n    magicLinkStep,\n    diviserWord,\n    qrCodeImageUrl,\n    magicLinkUrl,\n    disabled,\n    showMobileAppAccess,\n    submitValue,\n    preMessage,\n    linkMessage,\n    endMessage,\n    'android-alt': androidAlt,\n    'ios-alt': iosAlt,\n    qrCodeImageAlt,\n    'logo-aria-label': coorpAppLogoAriaLabel\n  } = props;\n  const {skin} = context;\n  const primaryColor = get('common.primary', skin);\n  return (\n    <div className={style.container}>\n      <div className={style.coorpAppLogoWrapper}>\n        <CoorpAppLogo\n          height={51}\n          width={250}\n          className={style.coorpAppLogo}\n          aria-label={coorpAppLogoAriaLabel}\n        />\n      </div>\n      <div className={style.store}>\n        <Header {...storeStep} />\n        <StoresLinks\n          onAppStoreButtonClick={onAppStoreButtonClick}\n          appStoreButtonImageUrl={appStoreButtonImageUrl}\n          playStoreButtonImageUrl={playStoreButtonImageUrl}\n          onPlayStoreButtonClick={onPlayStoreButtonClick}\n          android-alt={androidAlt}\n          ios-alt={iosAlt}\n        />\n      </div>\n      <div className={style.secondStepWrapper}>\n        <Header {...connectionStep} />\n        <div className={style.connectionWrapper}>\n          <div className={style.wrapper}>\n            <Header {...qrCodeStep} />\n            <QrCodeImage\n              showMobileAppAccess={showMobileAppAccess}\n              qrCodeImageUrl={qrCodeImageUrl}\n              preMessage={preMessage}\n              linkMessage={linkMessage}\n              endMessage={endMessage}\n              qrCodeImageAlt={qrCodeImageAlt}\n            />\n          </div>\n          <Divider word={diviserWord} />\n          <div className={style.wrapper}>\n            <Header {...magicLinkStep} />\n            <MagicLink\n              style={{color: primaryColor}}\n              submitValue={submitValue}\n              disabled={disabled}\n              magicLinkUrl={magicLinkUrl}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nGetTheApp.propTypes = {\n  ...StoresLinks.propTypes,\n  storeStep: PropTypes.shape(Header.propTypes),\n  connectionStep: PropTypes.shape(Header.propTypes),\n  qrCodeStep: PropTypes.shape(Header.propTypes),\n  magicLinkStep: PropTypes.shape(Header.propTypes),\n  ...QrCodeImage.propTypes,\n  diviserWord: Divider.propTypes.word,\n  ...MagicLink.propTypes\n};\n\nexport default GetTheApp;\n"],"mappings":"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"}

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":";AAwBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAmBC;IAjBC;;;;MAIC;IA6CH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IArFD,2EASC;IAGC,kBAAsB;IA2ExB,6BAmYC;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";AAwBA;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MA2FE;IAEF;;;;;;;;;;;;;;;;;;;;;;;MAGE;IAEF,wBAmBC;IAjBC;;;;MAIC;IA6CH,6BAIC;IAED,yBAGC;IAxBD,qCAQC;IAED,wBAGC;IAjBD,+BAEC;IA4BD,2BAKC;IAED,0BAKC;IAED,sBAIC;IAED,qBAIC;IAED,yBAQC;IAED,0BAQC;IArFD,2EASC;IAGC,kBAAsB;IA2ExB,6BAuYC;CACF"}

package/lib/organism/mooc-header/index.js

@@ -282,7 +282,9 @@ class MoocHeader extends _react.default.Component {
         "aria-haspopup": "true",
         "data-name": "item-more"
       }, moreAriaLabel, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
-        color: mediumColor,
+        style: {
+          color: mediumColor
+        },
         className: _style.default.caret,
         "aria-label": moreAriaLabel
       })), /*#__PURE__*/_react.default.createElement("div", {
@@ -336,7 +338,9 @@ class MoocHeader extends _react.default.Component {
         style: iconWrapperStyle
       }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyStar, {
         className: _style.default.stars,
-        color: white
+        style: {
+          color: white
+        }
       })), /*#__PURE__*/_react.default.createElement("div", {
         "data-name": "value",
         className: _style.default.label
@@ -351,7 +355,9 @@ class MoocHeader extends _react.default.Component {
         style: iconWrapperStyle
       }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCharts, {
         className: _style.default.ranking,
-        color: white
+        style: {
+          color: white
+        }
       })), /*#__PURE__*/_react.default.createElement("div", {
         "data-name": "value",
         className: _style.default.label
@@ -366,7 +372,9 @@ class MoocHeader extends _react.default.Component {
         style: iconWrapperStyle
       }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidVoteRewardsRewardsTrophy5, {
         className: _style.default.badge,
-        color: white
+        style: {
+          color: white
+        }
       })), /*#__PURE__*/_react.default.createElement("div", {
         className: _style.default.label
       }, user.stats.badge.label))), /*#__PURE__*/_react.default.createElement("div", {
@@ -464,7 +472,9 @@ class MoocHeader extends _react.default.Component {
         ref: this.setMenuSettings
       }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyCog, {
         "data-name": "settings-toggle",
-        color: darkColor,
+        style: {
+          color: darkColor
+        },
         className: _style.default.settingsToggle,
         onClick: this.handleSettingsToggle,
         "aria-expanded": isSettingsOpen,
@@ -509,13 +519,17 @@ class MoocHeader extends _react.default.Component {
     }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationBurger, {
       role: "button",
       "data-name": "nav-mobile-open",
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       className: isMenuOpen ? _style.default.burgerHidden : _style.default.burger,
       onClick: this.handleOnMenuOpen,
       "aria-label": openMenuAriaLabel
     }), /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationClose, {
       "data-name": "nav-mobile-close",
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       className: isMenuOpen ? _style.default.close : _style.default.closeHidden,
       onClick: this.handleOnMenuClose,
       "aria-label": closeMenuAriaLabel