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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","classnames","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyFunnel","FunnelIcon","NovaSolidContentEditionPencil1","PencilIcon","NovaCompositionCoorpacademyDraft","DraftIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","NovaSolidVideosVideoSubtitle","VideoSubtitleIcon","Provider","Checkbox","Link","style","THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","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","toggle","noOptions","checkbox","optionsIconWrapper","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","childContextTypes","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":["React","classnames","PropTypes","NovaCompositionNavigationArrowDown","ArrowDown","NovaCompositionCoorpacademyFunnel","FunnelIcon","NovaSolidContentEditionPencil1","PencilIcon","NovaCompositionCoorpacademyDraft","DraftIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","NovaSolidVideosVideoSubtitle","VideoSubtitleIcon","Provider","Checkbox","Link","style","THEMES","COCKPIT","createOptionsView","_options","hasOptions","optionsView","map","option","oIndex","onChange","selected","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","toggle","noOptions","checkbox","optionsIconWrapper","color","optionsIcon","tableContext","unshift","renderIcon","field","videosubtitle","bodyView","row","index","fields","editHref","trClasses","highlighted","tableRows","fIndex","mainClass","cockpit","wrapper","table","readonly","contextTypes","childContextTypes","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":"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"}

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

@@ -21,8 +21,7 @@ const TitledCheckbox = props => {
       background: background || '#3d3d3d'
     }
   }, choice.selected ? /*#__PURE__*/React.createElement(Check, {
-    className: style.icon,
-    color: "white"
+    className: style.icon
   }) : null, /*#__PURE__*/React.createElement(Checkbox, {
     className: style.input,
     checked: choice.selected,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","default","box","selected","icon","input","propTypes","shape","bool","isRequired","string","value","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,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,gCAAgC,IAAIC,KAA5C,QAAwD,0BAAxD;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAD,CAArB,EAA+B,CAACE,QAAD,EAAWF,MAAX,CAA/B,CAA5B;EAEA,oBACE;IAAO,SAAS,EAAEH,KAAK,CAACS;EAAxB,gBACE;IACE,SAAS,EAAET,KAAK,CAACU,GADnB;IAEE,KAAK,EAAE;MACLN,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACQ,QAAP,gBAAkB,oBAAC,KAAD;IAAO,SAAS,EAAEX,KAAK,CAACY,IAAxB;IAA8B,KAAK,EAAC;EAApC,EAAlB,GAAmE,IANtE,eAOE,oBAAC,QAAD;IACE,SAAS,EAAEZ,KAAK,CAACa,KADnB;IAEE,OAAO,EAAEV,MAAM,CAACQ,QAFlB;IAGE,QAAQ,EAAEH,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEN,KAAK,CAACM;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACa,SAAf,2CAA2B;EACzBX,MAAM,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACtBJ,QAAQ,EAAEhB,SAAS,CAACqB,IAAV,CAAeC,UADH;IAEtBV,IAAI,EAAEZ,SAAS,CAACuB,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAExB,SAAS,CAACuB;EAHK,CAAhB,EAILD,UALsB;EAMzBb,UAAU,EAAEN,aANa;EAOzBO,QAAQ,EAAEV,SAAS,CAACyB,IAAV,CAAeH;AAPA,CAA3B;AAUA,eAAehB,cAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionCoorpacademyCheck","Check","ColorPropType","Checkbox","style","TitledCheckbox","props","choice","background","onToggle","label","name","handleChange","default","box","selected","icon","input","propTypes","shape","bool","isRequired","string","value","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,OAAOA,KAAP,IAAeC,OAAf,QAA6B,OAA7B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAAQC,gCAAgC,IAAIC,KAA5C,QAAwD,0BAAxD;AACA,SAAQC,aAAR,QAA4B,sBAA5B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAACC,MAAD;IAASC,UAAT;IAAqBC;EAArB,IAAiCH,KAAvC;EACA,MAAMI,KAAK,GAAGH,MAAM,CAACI,IAArB;EACA,MAAMC,YAAY,GAAGd,OAAO,CAAC,MAAM,MAAMW,QAAQ,CAACF,MAAD,CAArB,EAA+B,CAACE,QAAD,EAAWF,MAAX,CAA/B,CAA5B;EAEA,oBACE;IAAO,SAAS,EAAEH,KAAK,CAACS;EAAxB,gBACE;IACE,SAAS,EAAET,KAAK,CAACU,GADnB;IAEE,KAAK,EAAE;MACLN,UAAU,EAAEA,UAAU,IAAI;IADrB;EAFT,GAMGD,MAAM,CAACQ,QAAP,gBAAkB,oBAAC,KAAD;IAAO,SAAS,EAAEX,KAAK,CAACY;EAAxB,EAAlB,GAAqD,IANxD,eAOE,oBAAC,QAAD;IACE,SAAS,EAAEZ,KAAK,CAACa,KADnB;IAEE,OAAO,EAAEV,MAAM,CAACQ,QAFlB;IAGE,QAAQ,EAAEH,YAHZ;IAIE,aAAWF;EAJb,EAPF,CADF,eAeE;IAAM,KAAK,EAAEA,KAAb;IAAoB,SAAS,EAAEN,KAAK,CAACM;EAArC,GACGA,KADH,CAfF,CADF;AAqBD,CA1BD;;AA4BAL,cAAc,CAACa,SAAf,2CAA2B;EACzBX,MAAM,EAAER,SAAS,CAACoB,KAAV,CAAgB;IACtBJ,QAAQ,EAAEhB,SAAS,CAACqB,IAAV,CAAeC,UADH;IAEtBV,IAAI,EAAEZ,SAAS,CAACuB,MAAV,CAAiBD,UAFD;IAGtBE,KAAK,EAAExB,SAAS,CAACuB;EAHK,CAAhB,EAILD,UALsB;EAMzBb,UAAU,EAAEN,aANa;EAOzBO,QAAQ,EAAEV,SAAS,CAACyB,IAAV,CAAeH;AAPA,CAA3B;AAUA,eAAehB,cAAf"}

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

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

package/es/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/es/organism/accordion/coorp-manager/part/index.js

@@ -52,10 +52,14 @@ const MoreLessIcons = ({
 }) => {
   return type !== 'iconLink' ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ArrowIcon, {
     className: moreClassName,
-    color: darkColor
+    style: {
+      color: darkColor
+    }
   }), /*#__PURE__*/React.createElement(ArrowIcon, {
     className: lessClassName,
-    color: mediumColor
+    style: {
+      color: mediumColor
+    }
   })) : /*#__PURE__*/React.createElement(OpenInNewTabIcon, {
     className: style.newTabIcon
   });
@@ -106,18 +110,21 @@ const Part = ({
     "data-name": "title",
     className: style.title
   }, Icon ? /*#__PURE__*/React.createElement(Icon, {
-    className: classnames(style.titleIcon, iconColor, hoverIconColor),
-    color: "inherit"
+    className: classnames(style.titleIcon, iconColor, hoverIconColor)
   }) : null, /*#__PURE__*/React.createElement("h3", {
     className: classnames(style.titleLabel, selectedBlackLabel)
   }, title, isLink ? /*#__PURE__*/React.createElement(OpenInNewTabIcon, {
     className: style.newTabIcon
   }) : null)), isCollapsible ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ArrowIcon, {
     className: moreClassName,
-    color: darkColor
+    style: {
+      color: darkColor
+    }
   }), /*#__PURE__*/React.createElement(ArrowIcon, {
     className: lessClassName,
-    color: mediumColor
+    style: {
+      color: mediumColor
+    }
   })) : null), isCollapsible ? children : null)));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","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","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","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":["React","PropTypes","classnames","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationArrowDown","ArrowIcon","NovaCompositionCoorpacademyOpenInNewTab","OpenInNewTabIcon","NovaCompositionCoorpacademyDashboard","DashboardIcon","NovaCompositionCoorpacademyAnalytics","AnalyticsIcon","NovaCompositionCoorpacademyAnimation","AnimationIcon","NovaCompositionCoorpacademyAdministration","AdministrationIcon","NovaCompositionCoorpacademyContentCreation","ContentCreationIcon","NovaCompositionCoorpacademyEditorialization","EditorializationIcon","Link","Provider","style","ICON_TYPES","arrow","dashboard","analytics","administration","animation","contentCreation","editorialization","defaultStyle","titleIcon","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","border","borderBgBlue","borderBgNone","flex","setupPart","header","AccordionPart","props","context","content","href","onUpdateOpenedTab","themeStyle","handleParentClick","isCollapsibleTab","textDecoration","contextTypes","childContextTypes","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/es/organism/accordion/coorp-manager/part/style.css

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationMore","MoreIcon","NovaLineLoginKey1","KeyIcon","NovaLineVideosVideoClip3","VideoIcon","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationLess","LessIcon","Provider","style","ICON_TYPES","resources","klf","tips","themeStyle","setup","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","childContextTypes","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,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,6BAA6B,IAAIC,QADnC,EAEEC,iBAAiB,IAAIC,OAFvB,EAGEC,wBAAwB,IAAIC,SAH9B,EAIEC,yBAAyB,IAAIC,aAJ/B,EAKEC,6BAA6B,IAAIC,QALnC,QAMO,0BANP;AAOA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,SAAS,EAAER,SADM;EAEjBS,GAAG,EAAEX,OAFY;EAGjBY,IAAI,EAAER;AAHW,CAAnB;AAMA,MAAMS,UAAU,GAAG;EACjBC,KAAK,EAAEN,KAAK,CAACO,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,QAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGlB,UAAU,CAACc,QAAD,CAA5B;;EACA,MAAMK,SAAS,GAAG,KAAI,aAAJ,EAAmBR,IAAnB,CAAlB;;EACA,MAAMS,WAAW,GAAG,KAAI,eAAJ,EAAqBT,IAArB,CAApB;;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGlB,KAAK,CAACuB,iBAAT,GAA6BvB,KAAK,CAACwB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUlB,KAAK,CAAC0B,kBAAhB,GAAqC1B,KAAK,CAAC2B,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEtB,UAAU,CAACW,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGlB,KAAK,CAAC4B,UAAT,GAAsB5B,KAAK,CAAC6B,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEjB,KAAK,CAACa;EAAxC,GACGM,SAAS,gBAAG,oBAAC,SAAD;IAAW,SAAS,EAAEnB,KAAK,CAAC8B,SAA5B;IAAuC,KAAK,EAAC;EAA7C,EAAH,GAA+D,IAD3E,eAEE;IAAI,SAAS,EAAE9B,KAAK,CAAC+B;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,oBAAC,QAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAEL;EAAhD,EATF,eAUE,oBAAC,QAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAED;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAElB,KAAK,CAACgC;EAAtB,GAAkClB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACwB,YAAd,GAA6B;EAC3BrB,IAAI,EAAEb,QAAQ,CAACmC,iBAAT,CAA2BtB;AADN,CAA7B;AAIAH,aAAa,CAAC0B,SAAd,2CAA0B;EACxBpB,QAAQ,EAAE3B,SAAS,CAACgD,KAAV,CAAgB,MAAKnC,UAAL,CAAhB,CADc;EAExBY,KAAK,EAAEzB,SAAS,CAACiD,MAFO;EAGxBvB,OAAO,EAAE1B,SAAS,CAACkD,IAHK;EAIxBrB,OAAO,EAAE7B,SAAS,CAACmD,IAJK;EAKxBrB,MAAM,EAAE9B,SAAS,CAACoD,IALM;EAMxBxB,KAAK,EAAE5B,SAAS,CAACiD;AANO,CAA1B;AASA,eAAe5B,aAAf"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionNavigationMore","MoreIcon","NovaLineLoginKey1","KeyIcon","NovaLineVideosVideoClip3","VideoIcon","NovaSolidLightsLightbulb4","LightBulbIcon","NovaCompositionNavigationLess","LessIcon","Provider","style","ICON_TYPES","resources","klf","tips","themeStyle","setup","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","childContextTypes","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,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SACEC,6BAA6B,IAAIC,QADnC,EAEEC,iBAAiB,IAAIC,OAFvB,EAGEC,wBAAwB,IAAIC,SAH9B,EAIEC,yBAAyB,IAAIC,aAJ/B,EAKEC,6BAA6B,IAAIC,QALnC,QAMO,0BANP;AAOA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,UAAU,GAAG;EACjBC,SAAS,EAAER,SADM;EAEjBS,GAAG,EAAEX,OAFY;EAGjBY,IAAI,EAAER;AAHW,CAAnB;AAMA,MAAMS,UAAU,GAAG;EACjBC,KAAK,EAAEN,KAAK,CAACO,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,QAAzC;IAAkDC,MAAM,GAAG;EAA3D,IAAoER,KAA1E;EACA,MAAMS,SAAS,GAAGlB,UAAU,CAACc,QAAD,CAA5B;;EACA,MAAMK,SAAS,GAAG,KAAI,aAAJ,EAAmBR,IAAnB,CAAlB;;EACA,MAAMS,WAAW,GAAG,KAAI,eAAJ,EAAqBT,IAArB,CAApB;;EACA,MAAMU,iBAAiB,GAAGJ,MAAM,GAAGlB,KAAK,CAACuB,iBAAT,GAA6BvB,KAAK,CAACwB,QAAnE;EACA,MAAMC,kBAAkB,GAAG,CAACP,MAAD,GAAUlB,KAAK,CAAC0B,kBAAhB,GAAqC1B,KAAK,CAAC2B,SAAtE;EAEA,oBACE;IAAK,aAAU,eAAf;IAA+B,SAAS,EAAEtB,UAAU,CAACW,KAAD;EAApD,gBACE;IACE,SAAS,EAAEE,MAAM,GAAGlB,KAAK,CAAC4B,UAAT,GAAsB5B,KAAK,CAAC6B,YAD/C;IAEE,aAAWd,QAFb;IAGE,OAAO,EAAEE;EAHX,gBAKE;IAAK,aAAU,OAAf;IAAuB,SAAS,EAAEjB,KAAK,CAACa;EAAxC,GACGM,SAAS,gBAAG,oBAAC,SAAD;IAAW,SAAS,EAAEnB,KAAK,CAAC8B;EAA5B,EAAH,GAA+C,IAD3D,eAEE;IAAI,SAAS,EAAE9B,KAAK,CAAC+B;EAArB,GAAkClB,KAAlC,CAFF,CALF,eASE,oBAAC,QAAD;IAAU,SAAS,EAAEY,kBAArB;IAAyC,KAAK,EAAE;MAACO,KAAK,EAAEZ;IAAR;EAAhD,EATF,eAUE,oBAAC,QAAD;IAAU,SAAS,EAAEE,iBAArB;IAAwC,KAAK,EAAE;MAACU,KAAK,EAAEX;IAAR;EAA/C,EAVF,CADF,EAaGH,MAAM,gBAAG;IAAK,SAAS,EAAElB,KAAK,CAACiC;EAAtB,GAAkCnB,OAAlC,CAAH,GAAsD,IAb/D,CADF;AAiBD,CA1BD;;AA4BAL,aAAa,CAACyB,YAAd,GAA6B;EAC3BtB,IAAI,EAAEb,QAAQ,CAACoC,iBAAT,CAA2BvB;AADN,CAA7B;AAIAH,aAAa,CAAC2B,SAAd,2CAA0B;EACxBrB,QAAQ,EAAE3B,SAAS,CAACiD,KAAV,CAAgB,MAAKpC,UAAL,CAAhB,CADc;EAExBY,KAAK,EAAEzB,SAAS,CAACkD,MAFO;EAGxBxB,OAAO,EAAE1B,SAAS,CAACmD,IAHK;EAIxBtB,OAAO,EAAE7B,SAAS,CAACoD,IAJK;EAKxBtB,MAAM,EAAE9B,SAAS,CAACqD,IALM;EAMxBzB,KAAK,EAAE5B,SAAS,CAACkD;AANO,CAA1B;AASA,eAAe7B,aAAf"}

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

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

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

@@ -69,7 +69,9 @@ function BrandForm(props, context) {
   const backView = back ? /*#__PURE__*/React.createElement("p", {
     className: style.back
   }, /*#__PURE__*/React.createElement(ArrowLeft, {
-    color: darkColor,
+    style: {
+      color: darkColor
+    },
     className: style.arrowBack
   }), /*#__PURE__*/React.createElement(Link, {
     href: back.link,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","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","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","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":["React","useMemo","PropTypes","NovaCompositionNavigationArrowLeft","ArrowLeft","ReactTooltip","BrandFormGroup","Provider","Button","Link","Loader","style","buildButtonSection","onSubmit","submitValue","onReset","resetValue","tooltip","disabled","isModified","isPending","darkColor","disabledSubmit","submitButton","title","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","e","preventDefault","handleReset","loaderContainer","loader","form","contextTypes","childContextTypes","defaultProps","propTypes","arrayOf","shape","isRequired","bool","func","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/es/organism/get-the-app/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","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":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","NovaCompositionCoorpacademyMagicWand","MagicWand","NovaCompositionCoorpacademyCoorpApp","CoorpAppLogo","Button","Picture","style","Header","step","header","subHeader","headerContainer","headerWrapper","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/es/organism/mooc-header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/mooc-header/index.js"],"names":[],"mappings":";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/es/organism/mooc-header/index.js

@@ -269,7 +269,9 @@ class MoocHeader extends React.Component {
         "aria-haspopup": "true",
         "data-name": "item-more"
       }, moreAriaLabel, /*#__PURE__*/React.createElement(ArrowDown, {
-        color: mediumColor,
+        style: {
+          color: mediumColor
+        },
         className: style.caret,
         "aria-label": moreAriaLabel
       })), /*#__PURE__*/React.createElement("div", {
@@ -323,7 +325,9 @@ class MoocHeader extends React.Component {
         style: iconWrapperStyle
       }, /*#__PURE__*/React.createElement(StarIcon, {
         className: style.stars,
-        color: white
+        style: {
+          color: white
+        }
       })), /*#__PURE__*/React.createElement("div", {
         "data-name": "value",
         className: style.label
@@ -338,7 +342,9 @@ class MoocHeader extends React.Component {
         style: iconWrapperStyle
       }, /*#__PURE__*/React.createElement(ChartsIcon, {
         className: style.ranking,
-        color: white
+        style: {
+          color: white
+        }
       })), /*#__PURE__*/React.createElement("div", {
         "data-name": "value",
         className: style.label
@@ -353,7 +359,9 @@ class MoocHeader extends React.Component {
         style: iconWrapperStyle
       }, /*#__PURE__*/React.createElement(TrophyIcon, {
         className: style.badge,
-        color: white
+        style: {
+          color: white
+        }
       })), /*#__PURE__*/React.createElement("div", {
         className: style.label
       }, user.stats.badge.label))), /*#__PURE__*/React.createElement("div", {
@@ -451,7 +459,9 @@ class MoocHeader extends React.Component {
         ref: this.setMenuSettings
       }, /*#__PURE__*/React.createElement(CogIcon, {
         "data-name": "settings-toggle",
-        color: darkColor,
+        style: {
+          color: darkColor
+        },
         className: style.settingsToggle,
         onClick: this.handleSettingsToggle,
         "aria-expanded": isSettingsOpen,
@@ -496,13 +506,17 @@ class MoocHeader extends React.Component {
     }, /*#__PURE__*/React.createElement(BurgerIcon, {
       role: "button",
       "data-name": "nav-mobile-open",
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       className: isMenuOpen ? style.burgerHidden : style.burger,
       onClick: this.handleOnMenuOpen,
       "aria-label": openMenuAriaLabel
     }), /*#__PURE__*/React.createElement(CloseIcon, {
       "data-name": "nav-mobile-close",
-      color: mediumColor,
+      style: {
+        color: mediumColor
+      },
       className: isMenuOpen ? style.close : style.closeHidden,
       onClick: this.handleOnMenuClose,
       "aria-label": closeMenuAriaLabel