@coorpacademy/components 11.33.3 → 11.33.5-alpha.2

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

@@ -1 +1 @@
-{"version":3,"file":"customer.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_customer","e","__esModule","default","THEMES","exports","coorpmanager","style","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","classnames","customer","chapterCustomer","createElement","content","coorp","original","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","string","bool","isRequired","_default"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n  const {name, type, coorpOriginal, theme, disabled, 'aria-label': ariaLabel} = props;\n  const className = classnames(\n    THEMES[theme],\n    style.customer,\n    type === 'chapter' ? style.chapterCustomer : null\n  );\n\n  return (\n    <div className={className} disabled={disabled} aria-label={ariaLabel}>\n      <div className={style.content}>\n        {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n        {coorpOriginal ? <span className={style.original}>Original </span> : null}\n        {!coorpOriginal && name}\n      </div>\n    </div>\n  );\n};\n\nCustomer.propTypes = {\n  theme: PropTypes.oneOf(keys(THEMES)),\n  type: PropTypes.string,\n  name: PropTypes.string,\n  coorpOriginal: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5B,MAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBD,OAAO,EAAE,IAAI;EACbG,YAAY,EAAEC,iBAAK,CAACD;AACtB,CAAC;AAED,MAAME,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAI;IAAEC,IAAI;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EACnF,MAAMO,SAAS,GAAG,IAAAC,mBAAU,EAC1Bb,MAAM,CAACS,KAAK,CAAC,EACbN,iBAAK,CAACW,QAAQ,EACdP,IAAI,KAAK,SAAS,GAAGJ,iBAAK,CAACY,eAAe,GAAG,IAC/C,CAAC;EAED,oBACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAKJ,SAAS,EAAEA,SAAU;IAACF,QAAQ,EAAEA,QAAS;IAAC,cAAYC;EAAU,gBACnEpB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAKJ,SAAS,EAAET,iBAAK,CAACc;EAAQ,GAC3BT,aAAa,gBAAGjB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAMJ,SAAS,EAAET,iBAAK,CAACe;EAAM,GAAC,QAAY,CAAC,GAAG,IAAI,EAClEV,aAAa,gBAAGjB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA;IAAMJ,SAAS,EAAET,iBAAK,CAACgB;EAAS,GAAC,WAAe,CAAC,GAAG,IAAI,EACxE,CAACX,aAAa,IAAIF,IAChB,CACF,CAAC;AAEV,CAAC;AAEDF,QAAQ,CAACgB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBd,KAAK,EAAEe,kBAAS,CAACC,KAAK,CAAC,IAAAC,MAAA,CAAA3B,OAAA,EAAKC,MAAM,CAAC,CAAC;EACpCO,IAAI,EAAEiB,kBAAS,CAACG,MAAM;EACtBrB,IAAI,EAAEkB,kBAAS,CAACG,MAAM;EACtBnB,aAAa,EAAEgB,kBAAS,CAACI,IAAI,CAACC,UAAU;EACxCnB,QAAQ,EAAEc,kBAAS,CAACI,IAAI;EACxB,YAAY,EAAEJ,kBAAS,CAACG;AAC1B,CAAC;AAAC,IAAAG,QAAA,GAAA7B,OAAA,CAAAF,OAAA,GAEaK,QAAQ","ignoreList":[]}
+{"version":3,"file":"customer.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_customer","e","__esModule","default","THEMES","exports","style","defaultStyle","coorpmanager","Customer","props","name","type","coorpOriginal","theme","disabled","ariaLabel","className","classnames","customer","chapterCustomer","createElement","content","coorp","original","propTypes","process","env","NODE_ENV","PropTypes","oneOf","_keys2","string","bool","isRequired","_default"],"sources":["../../../src/molecule/card/customer.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport style from './customer.css';\n\nexport const THEMES = {\n  default: style.defaultStyle,\n  coorpmanager: style.coorpmanager\n};\n\nconst Customer = props => {\n  const {name, type, coorpOriginal, theme, disabled, 'aria-label': ariaLabel} = props;\n  const className = classnames(\n    THEMES[theme],\n    style.customer,\n    type === 'chapter' ? style.chapterCustomer : null\n  );\n\n  return (\n    <div className={className} disabled={disabled} aria-label={ariaLabel}>\n      <div className={style.content}>\n        {coorpOriginal ? <span className={style.coorp}>Coorp </span> : null}\n        {coorpOriginal ? <span className={style.original}>Original </span> : null}\n        {!coorpOriginal && name}\n      </div>\n    </div>\n  );\n};\n\nCustomer.propTypes = {\n  theme: PropTypes.oneOf(keys(THEMES)),\n  type: PropTypes.string,\n  name: PropTypes.string,\n  coorpOriginal: PropTypes.bool.isRequired,\n  disabled: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nexport default Customer;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5B,MAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBD,OAAO,EAAEG,iBAAK,CAACC,YAAY;EAC3BC,YAAY,EAAEF,iBAAK,CAACE;AACtB,CAAC;AAED,MAAMC,QAAQ,GAAGC,KAAK,IAAI;EACxB,MAAM;IAACC,IAAI;IAAEC,IAAI;IAAEC,aAAa;IAAEC,KAAK;IAAEC,QAAQ;IAAE,YAAY,EAAEC;EAAS,CAAC,GAAGN,KAAK;EACnF,MAAMO,SAAS,GAAG,IAAAC,mBAAU,EAC1Bd,MAAM,CAACU,KAAK,CAAC,EACbR,iBAAK,CAACa,QAAQ,EACdP,IAAI,KAAK,SAAS,GAAGN,iBAAK,CAACc,eAAe,GAAG,IAC/C,CAAC;EAED,oBACEzB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAKJ,SAAS,EAAEA,SAAU;IAACF,QAAQ,EAAEA,QAAS;IAAC,cAAYC;EAAU,gBACnErB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAKJ,SAAS,EAAEX,iBAAK,CAACgB;EAAQ,GAC3BT,aAAa,gBAAGlB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAMJ,SAAS,EAAEX,iBAAK,CAACiB;EAAM,GAAC,QAAY,CAAC,GAAG,IAAI,EAClEV,aAAa,gBAAGlB,MAAA,CAAAQ,OAAA,CAAAkB,aAAA;IAAMJ,SAAS,EAAEX,iBAAK,CAACkB;EAAS,GAAC,WAAe,CAAC,GAAG,IAAI,EACxE,CAACX,aAAa,IAAIF,IAChB,CACF,CAAC;AAEV,CAAC;AAEDF,QAAQ,CAACgB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACnBd,KAAK,EAAEe,kBAAS,CAACC,KAAK,CAAC,IAAAC,MAAA,CAAA5B,OAAA,EAAKC,MAAM,CAAC,CAAC;EACpCQ,IAAI,EAAEiB,kBAAS,CAACG,MAAM;EACtBrB,IAAI,EAAEkB,kBAAS,CAACG,MAAM;EACtBnB,aAAa,EAAEgB,kBAAS,CAACI,IAAI,CAACC,UAAU;EACxCnB,QAAQ,EAAEc,kBAAS,CAACI,IAAI;EACxB,YAAY,EAAEJ,kBAAS,CAACG;AAC1B,CAAC;AAAC,IAAAG,QAAA,GAAA9B,OAAA,CAAAF,OAAA,GAEaM,QAAQ","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 export namespace THEMES {
-    const _default: null;
+    const _default: any;
     export { _default as default };
     export const coorpmanager: any;
 }

package/lib/molecule/card/index.js

@@ -24,7 +24,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const THEMES = exports.THEMES = {
-  default: null,
+  default: _style.default.defaultStyle,
   coorpmanager: _style.default.coorpmanager
 };
 const CardBackground = ({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_externalContent","_provider","_cardContent","_customer","_favorite","_selectable","_notification","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","THEMES","exports","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","_get2","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","createElement","className","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","NovaCompositionCoorpacademyPictures","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","_isEmpty2","_pick2","cardStyle","chapter","course","lazy","grid","_isUndefined2","handleClick","useMemo","lock","lockContent","NovaCompositionCoorpacademyPadlock","lockIcon","height","dangerouslySetInnerHTML","__html","inlineBadgeStyle","getType","contentType","mode","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","_keys2","Favorite","Selectable","_default"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: null,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    disabledContent,\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span\n        aria-label={disabledArialabel}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: disabledContent}}\n      />\n    </div>\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  disabledContent: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_novaIcons","_externalContent","_provider","_cardContent","_customer","_favorite","_selectable","_notification","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","THEMES","exports","style","defaultStyle","coorpmanager","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","_get2","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","createElement","className","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","NovaCompositionCoorpacademyPictures","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","string","bool","Card","memo","props","context","badge","adaptiv","disabled","hidden","title","author","customer","certifiedAuthor","progress","favorite","addFavoriteToolTip","removeFavoriteToolTip","onClick","onFavoriteClick","isSelected","notification","badgeCategory","badgeLabel","theme","disabledContent","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","_isEmpty2","_pick2","cardStyle","chapter","course","lazy","grid","_isUndefined2","handleClick","useMemo","lock","lockContent","NovaCompositionCoorpacademyPadlock","lockIcon","height","dangerouslySetInnerHTML","__html","inlineBadgeStyle","getType","contentType","mode","MODES","CARD","lockWrapper","cardPropTypes","shape","Customer","number","func","Notification","CardContentInfo","oneOf","_keys2","Favorite","Selectable","_default"],"sources":["../../../src/molecule/card/index.js"],"sourcesContent":["import React, {useMemo, memo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isEmpty, isUndefined, pick, keys} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaCompositionCoorpacademyPictures as PicturesIcon\n} from '@coorpacademy/nova-icons';\nimport {isExternalContent, EXTERNAL_CONTENT_ICONS} from '../../util/external-content';\nimport Provider from '../../atom/provider';\nimport CardContentInfo, {MODES} from '../card-content';\nimport Customer from './customer';\nimport Favorite from './favorite';\nimport Selectable from './selectable';\nimport Notification from './notification';\nimport style from './style.css';\n\nexport const THEMES = {\n  default: style.defaultStyle,\n  coorpmanager: style.coorpmanager\n};\n\nconst CardBackground = ({type, image, empty, 'aria-label': ariaLabel}, {skin}) => {\n  const externalContent = isExternalContent(type);\n  const primaryColor = get('common.primary', skin);\n  const whiteColor = get('common.white', skin);\n\n  if (externalContent && EXTERNAL_CONTENT_ICONS[type]) {\n    const IconType = EXTERNAL_CONTENT_ICONS[type].icon;\n    const iconColor = EXTERNAL_CONTENT_ICONS[type].color;\n    const backgroundIcon = (\n      <div className={style.externalIconCircleWrapper}>\n        <IconType className={style.externalIcon} />\n      </div>\n    );\n\n    if (image) {\n      const _backgroundIcon = (\n        <div\n          className={classnames(\n            style.externalIconCircleWrapper,\n            style.externalIconCircleWithImageWrapper\n          )}\n          style={{\n            backgroundColor: iconColor\n          }}\n        >\n          <IconType className={style.externalIconWithImage} />\n        </div>\n      );\n\n      return (\n        <div className={style.imageWrapper}>\n          <div\n            data-name=\"cover\"\n            aria-label={ariaLabel}\n            style={{\n              backgroundColor: iconColor,\n              backgroundImage: `url('${image}')`\n            }}\n            className={classnames(style.externalContentHeader, style.externalBackground)}\n          >\n            {_backgroundIcon}\n          </div>\n        </div>\n      );\n    }\n    return (\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          aria-label={ariaLabel}\n          style={{\n            backgroundColor: iconColor\n          }}\n          className={style.externalContentHeader}\n        >\n          {backgroundIcon}\n        </div>\n      </div>\n    );\n  }\n\n  const emptyIcon = empty ? (\n    <PicturesIcon className={style.emptyIcon} style={{color: whiteColor}} />\n  ) : null;\n  return (\n    <div\n      className={classnames(\n        style.imageWrapper,\n        type === 'chapter' ? style.chapterImageWrapper : null\n      )}\n    >\n      <div\n        data-name=\"cover\"\n        aria-label={ariaLabel}\n        className={style.image}\n        style={{\n          backgroundColor: primaryColor,\n          backgroundImage: image ? `url('${image}')` : 'none'\n        }}\n      >\n        {emptyIcon}\n      </div>\n    </div>\n  );\n};\n\nCardBackground.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nCardBackground.propTypes = {\n  type: PropTypes.string,\n  image: PropTypes.string,\n  empty: PropTypes.bool,\n  'aria-label': PropTypes.string\n};\n\nconst Card = memo(function Card(props, context) {\n  const {skin} = context;\n  const {\n    image,\n    badge,\n    adaptiv,\n    disabled: hidden = false,\n    type = 'course',\n    title,\n    author,\n    customer,\n    certifiedAuthor,\n    progress,\n    favorite,\n    addFavoriteToolTip,\n    removeFavoriteToolTip,\n    onClick,\n    onFavoriteClick,\n    isSelected,\n    notification,\n    badgeCategory,\n    badgeLabel,\n    theme = 'default',\n    disabledContent,\n    'aria-label': cardArialabel,\n    'background-aria-label': backgroundAriaLabel,\n    'favorite-aria-label': favoriteAriaLabel,\n    'selectable-aria-label': selectableAriaLabel,\n    'customer-aria-label': customerAriaLabel,\n    'badge-aria-label': badgeAriaLabel,\n    'disabled-aria-label': disabledArialabel,\n    'card-content-aria-label': cardContentLabelAriaLabel\n  } = props;\n  const empty = isEmpty(pick(['title', 'type', 'author', 'image'], props));\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(\n    THEMES[theme],\n    type === 'chapter' ? style.chapter : style.course,\n    title ? null : style.lazy,\n    style.grid,\n    empty ? style.empty : null\n  );\n  const disabled = hidden && (!isSelected || isUndefined(isSelected));\n  const handleClick = useMemo(() => e => onClick(e), [onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span\n        aria-label={disabledArialabel}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: disabledContent}}\n      />\n    </div>\n  ) : null;\n  const inlineBadgeStyle = {color: primaryColor};\n  const getType = contentType => {\n    switch (contentType) {\n      case 'chapter':\n        return 'microlearning';\n      case 'course':\n        return 'learner';\n      default:\n        return contentType;\n    }\n  };\n\n  return (\n    <div\n      className={cardStyle}\n      data-name=\"card\"\n      data-lock={disabled}\n      data-type={getType(type)}\n      disabled={disabled}\n      onClick={handleClick}\n      aria-label={cardArialabel}\n    >\n      <CardBackground type={type} image={image} empty={empty} aria-label={backgroundAriaLabel} />\n      {isUndefined(isSelected) && !isUndefined(favorite) ? (\n        <Favorite\n          className={style.favorite}\n          favorite={favorite}\n          disabled={disabled}\n          onFavoriteClick={onFavoriteClick}\n          addFavoriteToolTip={addFavoriteToolTip}\n          removeFavoriteToolTip={removeFavoriteToolTip}\n          aria-label={favoriteAriaLabel}\n        />\n      ) : null}\n      <Selectable isSelected={isSelected} hidden={hidden} aria-label={selectableAriaLabel} />\n      {notification ? <Notification {...notification} /> : null}\n      {customer ? (\n        <Customer\n          {...customer}\n          theme={theme}\n          type={type}\n          disabled={disabled}\n          aria-label={customerAriaLabel}\n        />\n      ) : null}\n      <CardContentInfo\n        mode={MODES.CARD}\n        adaptiv={adaptiv}\n        author={author}\n        certifiedAuthor={certifiedAuthor}\n        disabled={disabled}\n        empty={empty}\n        progress={progress}\n        title={title}\n        type={type}\n        badgeCategory={badgeCategory}\n        badgeLabel={badgeLabel}\n        theme={theme}\n        aria-label={cardContentLabelAriaLabel}\n      />\n      {badge ? (\n        <div className={style.badge} style={inlineBadgeStyle} aria-label={badgeAriaLabel}>\n          {badge}\n        </div>\n      ) : null}\n      {disabled ? (\n        <div className={style.lockWrapper} aria-label={disabledArialabel}>\n          {lock}\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nexport const cardPropTypes = {\n  badge: PropTypes.string,\n  image: PropTypes.string,\n  disabled: PropTypes.bool,\n  adaptiv: PropTypes.bool,\n  type: PropTypes.string,\n  title: PropTypes.string,\n  author: PropTypes.string,\n  certifiedAuthor: PropTypes.bool,\n  customer: PropTypes.shape(Customer.propTypes),\n  progress: PropTypes.number,\n  favorite: PropTypes.bool,\n  addFavoriteToolTip: PropTypes.string,\n  removeFavoriteToolTip: PropTypes.string,\n  onClick: PropTypes.func,\n  onFavoriteClick: PropTypes.func,\n  isSelected: PropTypes.bool,\n  notification: PropTypes.shape(Notification.propTypes),\n  badgeCategory: CardContentInfo.propTypes.badgeCategory,\n  badgeLabel: CardContentInfo.propTypes.badgeLabel,\n  theme: PropTypes.oneOf(keys(THEMES)),\n  disabledContent: PropTypes.string,\n  'aria-label': PropTypes.string,\n  'background-aria-label': PropTypes.string,\n  'favorite-aria-label': Favorite.propTypes['aria-label'],\n  'selectable-aria-label': Selectable.propTypes['aria-label'],\n  'customer-aria-label': Customer.propTypes['aria-label'],\n  'badge-aria-label': PropTypes.string,\n  'disabled-aria-label': PropTypes.string,\n  'card-content-aria-label': CardContentInfo.propTypes['aria-label']\n};\n\nCard.propTypes = cardPropTypes;\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/card/style.css

@@ -11,11 +11,11 @@
 @value cm_negative_200 from colors;
 @value negative_100 from colors;
 
-.default[disabled] {
+.defaultStyle[disabled] {
   cursor: inherit;
 }
 
-.default {
+.defaultStyle {
   display: inline-block;
   box-sizing: border-box;
   vertical-align: top;
@@ -33,7 +33,7 @@
   box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.11);
 }
 
-.default[disabled] .favorite {
+.defaultStyle[disabled] .favorite {
   z-index: 0;
 }
 
@@ -43,14 +43,14 @@
 }
 
 .course {
-  composes: default;
+  composes: defaultStyle;
   border-radius: 8px;
   width: 256px;
   height: 297px;
 }
 
 .chapter {
-  composes: default;
+  composes: defaultStyle;
   border-radius: 8px;
   width: 203px;
   height: 297px;
@@ -88,7 +88,7 @@
   max-height: 52px;
 }
 
-.default .image {
+.defaultStyle .image {
   overflow: hidden;
   background-position: 50%;
   background-size: cover;
@@ -99,18 +99,18 @@
   line-height: 125px;
 }
 
-.default .image::after {
+.defaultStyle .image::after {
   opacity: 0;
   transition: opacity 0.25s ease-in-out;
 }
 
-.default:hover .image {
+.defaultStyle:hover .image {
   transform-origin: center;
   transform: scale(1.1);
   transition: all 1s ease-in-out;
 }
 
-.default .image::after {
+.defaultStyle .image::after {
   position: absolute;
   content: '';
   width: 100%;
@@ -125,7 +125,7 @@
   );
 }
 
-.default .image::before {
+.defaultStyle .image::before {
   position: absolute;
   content: '';
   width: 100%;
@@ -137,7 +137,7 @@
   background: black;
 }
 
-.default:hover .image::before {
+.defaultStyle:hover .image::before {
   opacity: 0.3;
   transition: opacity 0.5s ease-in-out;
 }
@@ -156,14 +156,14 @@
   }
 }
 
-.course .default:hover,
-.chapter .default:hover {
+.course .defaultStyle:hover,
+.chapter .defaultStyle:hover {
   background: light;
   cursor: pointer;
   transition: background 0.25s ease-in-out;
 }
 
-.default[disabled] .imageWrapper {
+.defaultStyle[disabled] .imageWrapper {
   opacity: 0.8;
 }
 
@@ -382,8 +382,8 @@
   animation-play-state: paused;
 }
 
-.default:hover .externalIconCircleWrapper::after,
-.default:hover .externalIconCircleWrapper::before {
+.defaultStyle:hover .externalIconCircleWrapper::after,
+.defaultStyle:hover .externalIconCircleWrapper::before {
   animation-play-state: running;
   box-shadow: inset 0 0 7px 0 rgba(255, 255, 255, 0.37);
 }
@@ -494,13 +494,13 @@
 }
 
 @media (hover: none) {
-  .default:hover .image {
+  .defaultStyle:hover .image {
     transform: scale(1);
   }
-  .default:hover .image::before {
+  .defaultStyle:hover .image::before {
     opacity: 0;
   }
-  .default:hover .externalIconCircleWrapper {
+  .defaultStyle:hover .externalIconCircleWrapper {
     transform: scale(1);
   }
 }

package/lib/molecule/filters/index.js

@@ -102,7 +102,7 @@ class Filters extends _react.default.Component {
     }, /*#__PURE__*/_react.default.createElement("div", {
       "data-name": "filter",
       "data-open": filtersActive,
-      className: filtersActive ? _style.default.activeDefault : _style.default.default
+      className: filtersActive ? _style.default.activeDefault : _style.default.defaultStyle
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.title,
       "data-name": "filterButton",

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_select","_provider","_style","_filtersWrapper","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Filters","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","sortAriaLabel","context","defaultColor","_get2","darkColor","filtersActive","sortingActive","sortView","undefined","createElement","className","style","select","search","activeDefault","title","onClick","arrow","NovaCompositionNavigationArrowDown","color","height","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","propTypes","process","env","NODE_ENV","PropTypes","string","bool","FiltersWrapper","shape","Select","func","_default","exports"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string,\n    filterGroupAriaLabel: PropTypes.string,\n    sortAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel,\n      filterGroupAriaLabel,\n      sortAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} aria-label={sortAriaLabel} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.default}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper\n            className={style.wrapper}\n            filters={filters}\n            filterGroupAriaLabel={filterGroupAriaLabel}\n          />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_novaIcons","_select","_provider","_style","_filtersWrapper","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Filters","React","Component","contextTypes","skin","Provider","childContextTypes","constructor","props","state","filter","openFilters","sorted","openSorts","handleOpenFilter","handleOpenSort","handleSearch","onToggleFilters","newValue","setState","onToggleSorts","onSearch","render","sorting","filterCTALabel","filterTabLabel","sortCTALabel","sortTabLabel","filters","moreFilterAriaLabel","moreSortAriaLabel","filterGroupAriaLabel","sortAriaLabel","context","defaultColor","_get2","darkColor","filtersActive","sortingActive","sortView","undefined","createElement","className","style","select","search","activeDefault","defaultStyle","title","onClick","arrow","NovaCompositionNavigationArrowDown","color","height","activeWrapperSortBy","wrapperSortBy","activeWrapperFilters","wrapperFilters","wrapper","CTAfilter","backgroundColor","activeSorting","propTypes","process","env","NODE_ENV","PropTypes","string","bool","FiltersWrapper","shape","Select","func","_default","exports"],"sources":["../../../src/molecule/filters/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get} from 'lodash/fp';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Select from '../../atom/select';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\nimport FiltersWrapper from './filters-wrapper';\n\nclass Filters extends React.Component {\n  static propTypes = {\n    filterCTALabel: PropTypes.string,\n    filterTabLabel: PropTypes.string,\n    sortCTALabel: PropTypes.string,\n    sortTabLabel: PropTypes.string,\n    openFilters: PropTypes.bool,\n    openSorts: PropTypes.bool,\n    filters: FiltersWrapper.propTypes.filters,\n    sorting: PropTypes.shape(Select.propTypes),\n    onSearch: PropTypes.func,\n    onToggleFilters: PropTypes.func,\n    onToggleSorts: PropTypes.func,\n    moreSortAriaLabel: PropTypes.string,\n    moreFilterAriaLabel: PropTypes.string,\n    filterGroupAriaLabel: PropTypes.string,\n    sortAriaLabel: PropTypes.string\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      filter: !!props.openFilters,\n      sorted: !!props.openSorts\n    };\n    this.handleOpenFilter = this.handleOpenFilter.bind(this);\n    this.handleOpenSort = this.handleOpenSort.bind(this);\n    this.handleSearch = this.handleSearch.bind(this);\n  }\n\n  handleOpenFilter() {\n    const {filter} = this.state;\n    const {onToggleFilters} = this.props;\n\n    const newValue = !filter;\n\n    this.setState({\n      filter: newValue,\n      sorted: false\n    });\n\n    if (onToggleFilters) {\n      onToggleFilters(newValue);\n    }\n  }\n\n  handleOpenSort() {\n    const {sorted} = this.state;\n    const {onToggleSorts} = this.props;\n\n    const newValue = !sorted;\n\n    this.setState({\n      sorted: newValue,\n      filter: false\n    });\n\n    if (onToggleSorts) onToggleSorts(newValue);\n  }\n\n  handleSearch() {\n    const {onSearch} = this.props;\n    this.setState({\n      sorted: false,\n      filter: false\n    });\n    if (onSearch) onSearch();\n  }\n\n  render() {\n    const {\n      sorting,\n      filterCTALabel,\n      filterTabLabel,\n      sortCTALabel,\n      sortTabLabel,\n      filters,\n      moreFilterAriaLabel,\n      moreSortAriaLabel,\n      filterGroupAriaLabel,\n      sortAriaLabel\n    } = this.props;\n    const {filter, sorted} = this.state;\n    const {skin} = this.context;\n\n    const defaultColor = get('common.primary', skin);\n    const darkColor = get('common.dark', skin);\n    const filtersActive = filter === true;\n    const sortingActive = sorted === true;\n\n    const sortView =\n      sorting !== undefined ? (\n        <div data-name=\"choice\" className={style.select}>\n          <Select {...sorting} aria-label={sortAriaLabel} />\n        </div>\n      ) : null;\n\n    return (\n      <div data-name=\"search\" className={style.search}>\n        <div\n          data-name=\"filter\"\n          data-open={filtersActive}\n          className={filtersActive ? style.activeDefault : style.defaultStyle}\n        >\n          <div className={style.title} data-name=\"filterButton\" onClick={this.handleOpenFilter}>\n            {filterTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreFilterAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"sortBy\"\n          data-open={sortingActive}\n          className={sortingActive ? style.activeWrapperSortBy : style.wrapperSortBy}\n        >\n          <div className={style.title} data-name=\"sortButton\" onClick={this.handleOpenSort}>\n            {sortTabLabel}\n            <div className={style.arrow}>\n              <ArrowDown style={{color: darkColor}} height={14} aria-label={moreSortAriaLabel} />\n            </div>\n          </div>\n        </div>\n        <div\n          data-name=\"filterWrapper\"\n          className={filtersActive ? style.activeWrapperFilters : style.wrapperFilters}\n        >\n          <FiltersWrapper\n            className={style.wrapper}\n            filters={filters}\n            filterGroupAriaLabel={filterGroupAriaLabel}\n          />\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {filterCTALabel}\n          </div>\n        </div>\n        <div\n          data-name=\"sortWrapper\"\n          className={sortingActive ? style.activeSorting : style.sorting}\n        >\n          {sortView}\n          <div\n            data-name=\"cta\"\n            className={style.CTAfilter}\n            style={{\n              backgroundColor: defaultColor\n            }}\n            onClick={this.handleSearch}\n          >\n            {sortCTALabel}\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default Filters;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/filters/style.css

@@ -21,7 +21,7 @@
   border-bottom: 1px solid light;
 }
 
-.default {
+.defaultStyle {
   display: none;
   padding: 25px 0;
   width: 100%;
@@ -78,7 +78,7 @@
   transition: transform 0.4s ease-out;
 }
 
-.default .arrow,
+.defaultStyle .arrow,
 .wrapperSortBy .arrow {
   transform: rotate(0deg);
   transition: transform 0.4s ease-out;
@@ -112,7 +112,7 @@
   display: none;
 }
 
-.default,
+.defaultStyle,
 .wrapperSortBy,
 .activeDefault,
 .activeWrapperSortBy {
@@ -124,7 +124,7 @@
   background: xtraLightGrey;
 }
 
-.default {
+.defaultStyle {
   border-right: solid 1px light;
   border-bottom: solid 1px light;
 }

package/lib/molecule/hero/index.js

@@ -28,7 +28,7 @@ const Hero = (props, context) => {
     mode = _cardContent.MODES.HERO
   } = props;
   const primaryColor = (0, _get2.default)('common.primary', skin);
-  const cardStyle = (0, _classnames.default)(_style.default.hero, title ? null : _style.default.lazy);
+  const cardStyle = (0, _classnames.default)(_style.default.hero, title ? _style.default.defaultStyle : _style.default.lazy);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: cardStyle,
     "data-name": "hero"

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_classnames","_provider","_button","_cardContent","_interopRequireWildcard","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","description","mode","MODES","HERO","primaryColor","_get2","cardStyle","classnames","style","hero","lazy","createElement","className","imageWrapper","backgroundColor","backgroundImage","infoWrapper","heroButtonWrapper","type","heroButton","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/hero/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {propTypes, Props} from './types';\nimport style from './style.css';\n\nconst Hero = (props: Props, context: WebContextValues) => {\n  const {skin} = context;\n  const {\n    image,\n    title,\n    author,\n    progress,\n    onClick,\n    submitValue,\n    description,\n    mode = MODES.HERO\n  } = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? null : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      {mode === MODES.HERO ? (\n        <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      ) : (\n        <div className={style.infoWrapper}>\n          <h1 className={style.title}>{title}</h1>\n          <p className={style.description}>{description}</p>\n        </div>\n      )}\n      {mode === MODES.HERO ? (\n        <div className={style.heroButtonWrapper}>\n          <Button\n            type=\"link\"\n            data-name=\"hero-button\"\n            onClick={onClick}\n            submitValue={submitValue}\n            className={style.heroButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = propTypes;\n\nexport default Hero;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_classnames","_provider","_button","_cardContent","_interopRequireWildcard","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Hero","props","context","skin","image","title","author","progress","onClick","submitValue","description","mode","MODES","HERO","primaryColor","_get2","cardStyle","classnames","style","hero","defaultStyle","lazy","createElement","className","imageWrapper","backgroundColor","backgroundImage","infoWrapper","heroButtonWrapper","type","heroButton","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","_default","exports"],"sources":["../../../src/molecule/hero/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {get} from 'lodash/fp';\nimport Provider from '../../atom/provider';\nimport Button from '../../atom/button';\nimport CardContentInfo, {MODES} from '../card-content';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport {propTypes, Props} from './types';\nimport style from './style.css';\n\nconst Hero = (props: Props, context: WebContextValues) => {\n  const {skin} = context;\n  const {\n    image,\n    title,\n    author,\n    progress,\n    onClick,\n    submitValue,\n    description,\n    mode = MODES.HERO\n  } = props;\n\n  const primaryColor = get('common.primary', skin);\n  const cardStyle = classnames(style.hero, title ? style.defaultStyle : style.lazy);\n\n  return (\n    <div className={cardStyle} data-name=\"hero\">\n      <div className={style.imageWrapper}>\n        <div\n          data-name=\"cover\"\n          className={style.image}\n          style={{\n            backgroundColor: primaryColor,\n            backgroundImage: image ? `url('${image}')` : 'none'\n          }}\n        />\n      </div>\n      {mode === MODES.HERO ? (\n        <CardContentInfo mode={MODES.HERO} author={author} progress={progress} title={title} />\n      ) : (\n        <div className={style.infoWrapper}>\n          <h1 className={style.title}>{title}</h1>\n          <p className={style.description}>{description}</p>\n        </div>\n      )}\n      {mode === MODES.HERO ? (\n        <div className={style.heroButtonWrapper}>\n          <Button\n            type=\"link\"\n            data-name=\"hero-button\"\n            onClick={onClick}\n            submitValue={submitValue}\n            className={style.heroButton}\n            style={{backgroundColor: primaryColor}}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nHero.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nHero.propTypes = propTypes;\n\nexport default Hero;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/hero/style.css

@@ -9,11 +9,11 @@
 @value xtraLightGrey from colors;
 @value white from colors;
 
-.default[disabled] {
+.defaultStyle[disabled] {
   pointer-events: none;
 }
 
-.default {
+.defaultStyle {
   display: inline-block;
   box-sizing: border-box;
   vertical-align: top;
@@ -31,7 +31,7 @@
 }
 
 .hero {
-  composes: default;
+  composes: defaultStyle;
   border-radius: 0;
   width: 100%;
   height: 100%;
@@ -48,7 +48,7 @@
   left: 0;
 }
 
-.default .image {
+.defaultStyle .image {
   overflow: hidden;
   background-position: 50%;
   background-size: cover;
@@ -59,12 +59,12 @@
   line-height: 125px;
 }
 
-.default .image::after {
+.defaultStyle .image::after {
   opacity: 0;
   transition: opacity 0.25s ease-in-out;
 }
 
-.default .image::after {
+.defaultStyle .image::after {
   position: absolute;
   content: '';
   width: 100%;
@@ -80,7 +80,7 @@
   );
 }
 
-.default .image::before {
+.defaultStyle .image::before {
   position: absolute;
   content: '';
   width: 100%;
@@ -92,7 +92,7 @@
   background: black;
 }
 
-.default:hover .image::before {
+.defaultStyle:hover .image::before {
   opacity: 0.3;
   transition: opacity 0.5s ease-in-out;
 }
@@ -125,7 +125,7 @@
   }
 }
 
-.default[disabled] .imageWrapper {
+.defaultStyle[disabled] .imageWrapper {
   opacity: 0.4;
 }
 
@@ -152,7 +152,7 @@
 }
 
 @media (hover: none) {
-  .default:hover .image::before {
+  .defaultStyle:hover .image::before {
     opacity: 0;
   }
 }

package/lib/molecule/module-card/index.js

@@ -22,7 +22,7 @@ function ModuleCard(props, context) {
   } = props;
   const iconColor = (0, _getOr2.default)('#00B0FF', ['common', 'primary'], skin);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.default,
+    className: _style.default.defaultStyle,
     "data-name": "module-card",
     onClick: onClick
   }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/molecule/module-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_moduleBubble","_provider","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ModuleCard","props","context","skin","label","level","onClick","iconColor","_getOr2","createElement","className","style","classnames","title","innerHTML","dangerouslySetInnerHTML","__html","module","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","func","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/module-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ModuleCard(props, context) {\n  const {skin} = context;\n  const {label, level, onClick} = props;\n\n  const iconColor = getOr('#00B0FF', ['common', 'primary'], skin);\n  return (\n    <div className={style.default} data-name=\"module-card\" onClick={onClick}>\n      <div\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: label}}\n      />\n      <div className={style.level}>{level}</div>\n      <div className={style.module}>\n        <ModuleBubble {...props} iconColor={iconColor} onClick={onClick} />\n      </div>\n    </div>\n  );\n}\n\nModuleCard.propTypes = {\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\n\nModuleCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default ModuleCard;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,SAASO,UAAUA,CAACC,KAAK,EAAEC,OAAO,EAAE;EAClC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAM;IAACE,KAAK;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAErC,MAAMM,SAAS,GAAG,IAAAC,OAAA,CAAArB,OAAA,EAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAEgB,IAAI,CAAC;EAC/D,oBACE1B,MAAA,CAAAU,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACxB,OAAQ;IAAC,aAAU,aAAa;IAACmB,OAAO,EAAEA;EAAQ,gBACtE7B,MAAA,CAAAU,OAAA,CAAAsB,aAAA;IACEC,SAAS,EAAE,IAAAE,mBAAU,EAACD,cAAK,CAACE,KAAK,EAAEF,cAAK,CAACG,SAAS;IAClD;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAEZ;IAAK;EAAE,CAC1C,CAAC,eACF3B,MAAA,CAAAU,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACN;EAAM,GAAEA,KAAW,CAAC,eAC1C5B,MAAA,CAAAU,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACM;EAAO,gBAC3BxC,MAAA,CAAAU,OAAA,CAAAsB,aAAA,CAAC3B,aAAA,CAAAK,OAAY,EAAAC,QAAA,KAAKa,KAAK;IAAEM,SAAS,EAAEA,SAAU;IAACD,OAAO,EAAEA;EAAQ,EAAE,CAC/D,CACF,CAAC;AAEV;AAEAN,UAAU,CAACkB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBjB,KAAK,EAAEkB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCnB,KAAK,EAAEiB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClClB,OAAO,EAAEgB,kBAAS,CAACG,IAAI,CAACD;AAC1B,CAAC;AAEDxB,UAAU,CAAC0B,YAAY,GAAG;EACxBvB,IAAI,EAAEwB,iBAAQ,CAACC,iBAAiB,CAACzB;AACnC,CAAC;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAA3C,OAAA,GACaa,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","_moduleBubble","_provider","_style","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ModuleCard","props","context","skin","label","level","onClick","iconColor","_getOr2","createElement","className","style","defaultStyle","classnames","title","innerHTML","dangerouslySetInnerHTML","__html","module","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","func","contextTypes","Provider","childContextTypes","_default","exports"],"sources":["../../../src/molecule/module-card/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr} from 'lodash/fp';\nimport classnames from 'classnames';\nimport ModuleBubble from '../module-bubble';\nimport Provider from '../../atom/provider';\nimport style from './style.css';\n\nfunction ModuleCard(props, context) {\n  const {skin} = context;\n  const {label, level, onClick} = props;\n\n  const iconColor = getOr('#00B0FF', ['common', 'primary'], skin);\n  return (\n    <div className={style.defaultStyle} data-name=\"module-card\" onClick={onClick}>\n      <div\n        className={classnames(style.title, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: label}}\n      />\n      <div className={style.level}>{level}</div>\n      <div className={style.module}>\n        <ModuleBubble {...props} iconColor={iconColor} onClick={onClick} />\n      </div>\n    </div>\n  );\n}\n\nModuleCard.propTypes = {\n  label: PropTypes.string.isRequired,\n  level: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\n\nModuleCard.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\nexport default ModuleCard;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,SAASO,UAAUA,CAACC,KAAK,EAAEC,OAAO,EAAE;EAClC,MAAM;IAACC;EAAI,CAAC,GAAGD,OAAO;EACtB,MAAM;IAACE,KAAK;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGL,KAAK;EAErC,MAAMM,SAAS,GAAG,IAAAC,OAAA,CAAArB,OAAA,EAAM,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAEgB,IAAI,CAAC;EAC/D,oBACE1B,MAAA,CAAAU,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC,YAAa;IAAC,aAAU,aAAa;IAACN,OAAO,EAAEA;EAAQ,gBAC3E7B,MAAA,CAAAU,OAAA,CAAAsB,aAAA;IACEC,SAAS,EAAE,IAAAG,mBAAU,EAACF,cAAK,CAACG,KAAK,EAAEH,cAAK,CAACI,SAAS;IAClD;IAAA;IACAC,uBAAuB,EAAE;MAACC,MAAM,EAAEb;IAAK;EAAE,CAC1C,CAAC,eACF3B,MAAA,CAAAU,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACN;EAAM,GAAEA,KAAW,CAAC,eAC1C5B,MAAA,CAAAU,OAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACO;EAAO,gBAC3BzC,MAAA,CAAAU,OAAA,CAAAsB,aAAA,CAAC3B,aAAA,CAAAK,OAAY,EAAAC,QAAA,KAAKa,KAAK;IAAEM,SAAS,EAAEA,SAAU;IAACD,OAAO,EAAEA;EAAQ,EAAE,CAC/D,CACF,CAAC;AAEV;AAEAN,UAAU,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACrBlB,KAAK,EAAEmB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCpB,KAAK,EAAEkB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCnB,OAAO,EAAEiB,kBAAS,CAACG,IAAI,CAACD;AAC1B,CAAC;AAEDzB,UAAU,CAAC2B,YAAY,GAAG;EACxBxB,IAAI,EAAEyB,iBAAQ,CAACC,iBAAiB,CAAC1B;AACnC,CAAC;AAAC,IAAA2B,QAAA,GAAAC,OAAA,CAAA5C,OAAA,GACaa,UAAU","ignoreList":[]}

package/lib/molecule/module-card/style.css

@@ -6,7 +6,7 @@
 @value xtraLightGrey from colors;
 @value dark from colors;
 
-.default {
+.defaultStyle {
   width: 350px;
   margin: 5px;
   height: 80px;
@@ -21,7 +21,7 @@
   cursor: pointer;
 }
 
-.default:hover {
+.defaultStyle:hover {
   background-color: xtraLightGrey;
 }
 
@@ -49,7 +49,7 @@
 }
 
 @media mobile {
-  .default {
+  .defaultStyle {
     padding: 10px;
     margin: 5px 0;
     width: 100%;

package/lib/molecule/select-multiple/index.js

@@ -163,9 +163,9 @@ const SelectMultiple = ({
       __html: error || hint
     }
   }) : null;
-  const mainClass = theme ? themeStyle[theme] : _style.default.default;
+  const mainClass = theme ? themeStyle[theme] : _style.default.defaultStyle;
   const showPlaceholder = isCMTheme && isActive;
-  const behaviourClassName = (0, _getClassState.default)(_style.default.default, _style.default.modified, _style.default.error, modified, error);
+  const behaviourClassName = (0, _getClassState.default)(_style.default.defaultStyle, _style.default.modified, _style.default.error, modified, error);
   const errorIconView = error ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidStatusClose, {
     onClick: onError,
     className: _style.default.errorIcon