@coorpacademy/components 11.18.4-alpha.3 → 11.18.4

package/es/template/common/search-page/index.d.ts

@@ -125,76 +125,6 @@ declare namespace SearchPage {
         const moreFilterAriaLabel: PropTypes.Requireable<string>;
         const filterGroupAriaLabel: PropTypes.Requireable<string>;
         const sortAriaLabel: PropTypes.Requireable<string>;
-        const popinWithCards: PropTypes.Requireable<PropTypes.InferProps<{
-            content: PropTypes.Requireable<string>;
-            mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<PropTypes.InferProps<{
-                title: PropTypes.Requireable<PropTypes.InferProps<{
-                    title: PropTypes.Requireable<string>;
-                    subtitle: PropTypes.Requireable<string>;
-                    type: PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    titleSize: PropTypes.Requireable<string>;
-                    subtitleSize: PropTypes.Requireable<string>;
-                }>>;
-                headerIcon: PropTypes.Requireable<string>;
-                backgroundImage: PropTypes.Requireable<string>;
-            }>>;
-            firstButton: PropTypes.Requireable<PropTypes.InferProps<{
-                label: PropTypes.Requireable<string>;
-                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
-                'aria-label': PropTypes.Requireable<string>;
-                largeButton: PropTypes.Requireable<boolean>;
-                type: PropTypes.Requireable<string>;
-                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-            }>>;
-            secondButton: PropTypes.Requireable<PropTypes.InferProps<{
-                label: PropTypes.Requireable<string>;
-                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
-                type: PropTypes.Requireable<string>;
-                'aria-label': PropTypes.Requireable<string>;
-                largeButton: PropTypes.Requireable<boolean>;
-                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-            }>>;
-            thirdButton: PropTypes.Requireable<PropTypes.InferProps<{
-                label: PropTypes.Requireable<string>;
-                handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
-                type: PropTypes.Requireable<string>;
-                'aria-label': PropTypes.Requireable<string>;
-                largeButton: PropTypes.Requireable<boolean>;
-                customStyle: PropTypes.Requireable<PropTypes.InferProps<{}>>;
-            }>>;
-            onClose: PropTypes.Requireable<(...args: any[]) => any>;
-            icon: PropTypes.Requireable<string>;
-            backgroundImageUrl: PropTypes.Requireable<string>;
-            descriptionText: PropTypes.Requireable<string>;
-            cookieTitle: PropTypes.Requireable<string>;
-            descriptionBtnTxt: PropTypes.Requireable<string>;
-            listBtnSwicth: PropTypes.Requireable<(PropTypes.InferProps<{
-                title: PropTypes.Requireable<string>;
-                name: PropTypes.Requireable<string>;
-                id: PropTypes.Requireable<string>;
-                value: PropTypes.Requireable<boolean>;
-                disabled: PropTypes.Requireable<boolean>;
-                onChange: PropTypes.Requireable<(...args: any[]) => any>;
-                description: PropTypes.Requireable<string>;
-                'aria-labelledby': PropTypes.Requireable<string>;
-                'aria-label': PropTypes.Requireable<string>;
-                modified: PropTypes.Requireable<boolean>;
-                titlePosition: PropTypes.Requireable<string>;
-                theme: PropTypes.Requireable<string>;
-                details: PropTypes.Requireable<string>;
-                'data-name': PropTypes.Requireable<string>;
-                requiredSelection: PropTypes.Requireable<boolean>;
-            }> | null | undefined)[]>;
-            items: PropTypes.Requireable<PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                list: PropTypes.Requireable<PropTypes.InferProps<{
-                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
-                    loading: PropTypes.Requireable<boolean>;
-                }>>;
-            }>>;
-        }>>;
     }
 }
 import PropTypes from "prop-types";

package/es/template/common/search-page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAWA,mEA4DC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/search-page/index.js"],"names":[],"mappings":";AAUA,mEAsDC"}

package/es/template/common/search-page/index.js

@@ -10,7 +10,6 @@ import Button from '../../../atom/button';
 import Filters from '../../../molecule/filters';
 import CardsGrid from '../../../organism/cards-grid';
 import CardsList from '../../../molecule/dashboard/cards-list';
-import CMPopin from '../../../molecule/cm-popin';
 import style from './style.css';
 
 const SearchPage = (props, context) => {
@@ -24,8 +23,7 @@ const SearchPage = (props, context) => {
     moreSortAriaLabel,
     moreFilterAriaLabel,
     filterGroupAriaLabel,
-    sortAriaLabel,
-    popinWithCards
+    sortAriaLabel
   } = props;
   const {
     skin
@@ -57,9 +55,7 @@ const SearchPage = (props, context) => {
   }, /*#__PURE__*/React.createElement("div", {
     className: style.title,
     role: "status"
-  }, title), cardsView), popinWithCards ? /*#__PURE__*/React.createElement("div", {
-    className: style.popinWithCards
-  }, /*#__PURE__*/React.createElement(CMPopin, popinWithCards)) : null);
+  }, title), cardsView));
 };
 
 SearchPage.contextTypes = {
@@ -75,8 +71,7 @@ SearchPage.propTypes = process.env.NODE_ENV !== "production" ? {
   moreSortAriaLabel: PropTypes.string,
   moreFilterAriaLabel: PropTypes.string,
   filterGroupAriaLabel: PropTypes.string,
-  sortAriaLabel: PropTypes.string,
-  popinWithCards: PropTypes.shape(CMPopin.propTypes)
+  sortAriaLabel: PropTypes.string
 } : {};
 export default SearchPage;
 //# sourceMappingURL=index.js.map

package/es/template/common/search-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CMPopin","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","skin","defaultColor","recommendationsView","cardsView","list","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","childContextTypes","propTypes","string","shape"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards\n  } = props;\n\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n      {popinWithCards ? (\n        <div className={style.popinWithCards}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string,\n  popinWithCards: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SearchPage;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","style","SearchPage","props","context","title","searchFilters","cards","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","skin","defaultColor","recommendationsView","cardsView","list","noresults","noresultstxt","clear","background","cardsWrapper","contextTypes","childContextTypes","propTypes","string","shape"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty} from 'lodash/fp';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    cards,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel\n  } = props;\n\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n\n  const recommendationsView = isEmpty(recommendations) ? null : <CardsList {...recommendations} />;\n\n  const cardsView = isEmpty(cards.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultstxt}>{noresultsfound}</div>\n        <Button\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={style.clear}\n          style={{background: defaultColor}}\n          type=\"link\"\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  return (\n    <div>\n      <Filters\n        {...searchFilters}\n        moreSortAriaLabel={moreSortAriaLabel}\n        moreFilterAriaLabel={moreFilterAriaLabel}\n        filterGroupAriaLabel={filterGroupAriaLabel}\n        sortAriaLabel={sortAriaLabel}\n      />\n      <div data-name=\"searchResult\" className={style.cardsWrapper}>\n        <div className={style.title} role=\"status\">\n          {title}\n        </div>\n        {cardsView}\n      </div>\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  noresultsfound: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  clearFilters: PropTypes.shape(Button.propTypes),\n  recommendations: PropTypes.shape(CardsList.propTypes),\n  moreSortAriaLabel: PropTypes.string,\n  moreFilterAriaLabel: PropTypes.string,\n  filterGroupAriaLabel: PropTypes.string,\n  sortAriaLabel: PropTypes.string\n};\n\nexport default SearchPage;\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,QAAP,MAAqB,wBAArB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,OAAP,MAAoB,2BAApB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,SAAP,MAAsB,wCAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,UAAU,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;EACrC,MAAM;IACJC,KADI;IAEJC,aAFI;IAGJC,KAHI;IAIJC,cAJI;IAKJC,YALI;IAMJC,eANI;IAOJC,iBAPI;IAQJC,mBARI;IASJC,oBATI;IAUJC;EAVI,IAWFX,KAXJ;EAaA,MAAM;IAACY;EAAD,IAASX,OAAf;;EACA,MAAMY,YAAY,GAAG,OAAM,SAAN,EAAiB,gBAAjB,EAAmCD,IAAnC,CAArB;;EAEA,MAAME,mBAAmB,GAAG,SAAQP,eAAR,IAA2B,IAA3B,gBAAkC,oBAAC,SAAD,EAAeA,eAAf,CAA9D;EAEA,MAAMQ,SAAS,GAAG,SAAQX,KAAK,CAACY,IAAd,iBAChB,8CACE;IAAK,SAAS,EAAElB,KAAK,CAACmB;EAAtB,gBACE;IAAK,SAAS,EAAEnB,KAAK,CAACoB;EAAtB,GAAqCb,cAArC,CADF,eAEE,oBAAC,MAAD,eACMC,YADN;IAEE,aAAU,iBAFZ;IAGE,SAAS,EAAER,KAAK,CAACqB,KAHnB;IAIE,KAAK,EAAE;MAACC,UAAU,EAAEP;IAAb,CAJT;IAKE,IAAI,EAAC;EALP,GAFF,CADF,EAWGC,mBAXH,CADgB,gBAehB,oBAAC,SAAD,EAAeV,KAAf,CAfF;EAkBA,oBACE,8CACE,oBAAC,OAAD,eACMD,aADN;IAEE,iBAAiB,EAAEK,iBAFrB;IAGE,mBAAmB,EAAEC,mBAHvB;IAIE,oBAAoB,EAAEC,oBAJxB;IAKE,aAAa,EAAEC;EALjB,GADF,eAQE;IAAK,aAAU,cAAf;IAA8B,SAAS,EAAEb,KAAK,CAACuB;EAA/C,gBACE;IAAK,SAAS,EAAEvB,KAAK,CAACI,KAAtB;IAA6B,IAAI,EAAC;EAAlC,GACGA,KADH,CADF,EAIGa,SAJH,CARF,CADF;AAiBD,CAtDD;;AAwDAhB,UAAU,CAACuB,YAAX,GAA0B;EACxBV,IAAI,EAAEnB,QAAQ,CAAC8B,iBAAT,CAA2BX;AADT,CAA1B;AAIAb,UAAU,CAACyB,SAAX,2CAAuB;EACrBnB,cAAc,EAAEb,SAAS,CAACiC,MADL;EAErBvB,KAAK,EAAEV,SAAS,CAACiC,MAFI;EAGrBtB,aAAa,EAAEX,SAAS,CAACkC,KAAV,CAAgB/B,OAAO,CAAC6B,SAAxB,CAHM;EAIrBpB,KAAK,EAAEZ,SAAS,CAACkC,KAAV,CAAgB9B,SAAS,CAAC4B,SAA1B,CAJc;EAKrBlB,YAAY,EAAEd,SAAS,CAACkC,KAAV,CAAgBhC,MAAM,CAAC8B,SAAvB,CALO;EAMrBjB,eAAe,EAAEf,SAAS,CAACkC,KAAV,CAAgB7B,SAAS,CAAC2B,SAA1B,CANI;EAOrBhB,iBAAiB,EAAEhB,SAAS,CAACiC,MAPR;EAQrBhB,mBAAmB,EAAEjB,SAAS,CAACiC,MARV;EASrBf,oBAAoB,EAAElB,SAAS,CAACiC,MATX;EAUrBd,aAAa,EAAEnB,SAAS,CAACiC;AAVJ,CAAvB;AAaA,eAAe1B,UAAf"}

package/es/template/common/search-page/style.css

@@ -50,11 +50,6 @@
   color: black;
 }
 
-.popinWithCards {
-  position: relative;
-  z-index: 5;
-}
-
 @media mobile {
   .cardsWrapper {
     padding: 5px 0;

package/es/template/external-course/index.d.ts

@@ -25,18 +25,7 @@ declare namespace ExternalCourse {
         const closePopin: PropTypes.Requireable<PropTypes.InferProps<{
             content: PropTypes.Requireable<string>;
             mode: PropTypes.Requireable<string>;
-            header: PropTypes.Requireable<PropTypes.InferProps<{
-                title: PropTypes.Requireable<PropTypes.InferProps<{
-                    title: PropTypes.Requireable<string>;
-                    subtitle: PropTypes.Requireable<string>;
-                    type: PropTypes.Requireable<string>;
-                    'data-name': PropTypes.Requireable<string>;
-                    titleSize: PropTypes.Requireable<string>;
-                    subtitleSize: PropTypes.Requireable<string>;
-                }>>;
-                headerIcon: PropTypes.Requireable<string>;
-                backgroundImage: PropTypes.Requireable<string>;
-            }>>;
+            header: PropTypes.Requireable<string>;
             firstButton: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
@@ -84,13 +73,6 @@ declare namespace ExternalCourse {
                 'data-name': PropTypes.Requireable<string>;
                 requiredSelection: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
-            items: PropTypes.Requireable<PropTypes.InferProps<{
-                type: PropTypes.Requireable<string>;
-                list: PropTypes.Requireable<PropTypes.InferProps<{
-                    list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
-                    loading: PropTypes.Requireable<boolean>;
-                }>>;
-            }>>;
         }>>;
     }
     namespace contextTypes {

package/es/variables/colors.css

@@ -72,7 +72,7 @@
 @value box_shadow_medium_dark: rgba(0, 0, 0, 0.2);
 @value box_shadow_orange_700: rgba(255, 84, 31, 0.15);
 @value light_blue: #ADC9F5;
-@value negative_100: #FCDADA;
+
 @value go1_backgound: #144953;
 @value go1_primary: #D5FD42;
 @value go1_primary_hover: #BFE33B;

package/lib/atom/picture-background/index.d.ts

@@ -9,6 +9,7 @@ declare namespace PictureBackground {
         const style: PropTypes.Requireable<{
             [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
         }>;
+        const alt: PropTypes.Requireable<string>;
     }
 }
 import PropTypes from "prop-types";

package/lib/atom/picture-background/index.js

@@ -26,7 +26,8 @@ const PictureBackground = props => {
   const {
     src,
     view,
-    style
+    style,
+    alt = ''
   } = props;
   const mobile = src.mobile;
   const desktop = src.desktop;
@@ -37,15 +38,18 @@ const PictureBackground = props => {
     className: _style.default.mobileContainer
   }, /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _classnames.default)(_style.default.picture, bgStyle),
-    src: mobile
+    src: mobile,
+    alt: alt
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.desktopContainer
   }, /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _classnames.default)(_style.default.picture, bgStyle),
-    src: desktop
+    src: desktop,
+    alt: alt
   }))) : /*#__PURE__*/_react.default.createElement("img", {
     className: (0, _classnames.default)(_style.default.default, bgStyle),
-    src: src
+    src: src,
+    alt: alt
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.wrapper,
@@ -56,7 +60,8 @@ const PictureBackground = props => {
 PictureBackground.propTypes = process.env.NODE_ENV !== "production" ? {
   view: _propTypes.default.oneOf((0, _keys2.default)(viewStyle)),
   src: _propTypes.default.oneOfType([_propTypes.default.objectOf(_propTypes.default.string), _propTypes.default.string.isRequired]),
-  style: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]))
+  style: _propTypes.default.objectOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])),
+  alt: _propTypes.default.string
 } : {};
 var _default = PictureBackground;
 exports.default = _default;

package/lib/atom/picture-background/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["viewStyle","cover","cssStyle","contain","PictureBackground","props","src","view","style","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","classnames","picture","desktopContainer","default","wrapper","propTypes","PropTypes","oneOf","oneOfType","objectOf","string","isRequired","number"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} />\n      </div>\n    </div>\n  ) : (\n    <img className={classnames(cssStyle.default, bgStyle)} src={src} />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nexport default PictureBackground;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,cAAA,CAASD,KADA;EAEhBE,OAAO,EAAED,cAAA,CAASC;AAFF,CAAlB;;AAKA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAD;IAAMC,IAAN;IAAYC;EAAZ,IAAqBH,KAA3B;EACA,MAAMI,MAAM,GAAGH,GAAG,CAACG,MAAnB;EACA,MAAMC,OAAO,GAAGJ,GAAG,CAACI,OAApB;EACA,MAAMC,OAAO,GAAGX,SAAS,CAACO,IAAD,CAAzB;EAEA,MAAMK,WAAW,GAAG,wBAASN,GAAT,iBAClB;IAAK,SAAS,EAAEJ,cAAA,CAASW;EAAzB,gBACE;IAAK,SAAS,EAAEX,cAAA,CAASY;EAAzB,gBACE;IAAK,SAAS,EAAE,IAAAC,mBAAA,EAAWb,cAAA,CAASc,OAApB,EAA6BL,OAA7B,CAAhB;IAAuD,GAAG,EAAEF;EAA5D,EADF,CADF,eAIE;IAAK,SAAS,EAAEP,cAAA,CAASe;EAAzB,gBACE;IAAK,SAAS,EAAE,IAAAF,mBAAA,EAAWb,cAAA,CAASc,OAApB,EAA6BL,OAA7B,CAAhB;IAAuD,GAAG,EAAED;EAA5D,EADF,CAJF,CADkB,gBAUlB;IAAK,SAAS,EAAE,IAAAK,mBAAA,EAAWb,cAAA,CAASgB,OAApB,EAA6BP,OAA7B,CAAhB;IAAuD,GAAG,EAAEL;EAA5D,EAVF;EAaA,oBACE;IAAK,SAAS,EAAEJ,cAAA,CAASiB,OAAzB;IAAkC,KAAK,EAAEX;EAAzC,GACGI,WADH,CADF;AAKD,CAxBD;;AA0BAR,iBAAiB,CAACgB,SAAlB,2CAA8B;EAC5Bb,IAAI,EAAEc,kBAAA,CAAUC,KAAV,CAAgB,oBAAKtB,SAAL,CAAhB,CADsB;EAE5BM,GAAG,EAAEe,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUI,MAA7B,CAAD,EAAuCJ,kBAAA,CAAUI,MAAV,CAAiBC,UAAxD,CAApB,CAFuB;EAG5BlB,KAAK,EAAEa,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUI,MAAX,EAAmBJ,kBAAA,CAAUM,MAA7B,CAApB,CAAnB;AAHqB,CAA9B;eAMevB,iB"}
+{"version":3,"file":"index.js","names":["viewStyle","cover","cssStyle","contain","PictureBackground","props","src","view","style","alt","mobile","desktop","bgStyle","pictureView","deviceView","mobileContainer","classnames","picture","desktopContainer","default","wrapper","propTypes","PropTypes","oneOf","oneOfType","objectOf","string","isRequired","number"],"sources":["../../../src/atom/picture-background/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {isObject, keys} from 'lodash/fp';\nimport cssStyle from './style.css';\n\nconst viewStyle = {\n  cover: cssStyle.cover,\n  contain: cssStyle.contain\n};\n\nconst PictureBackground = props => {\n  const {src, view, style, alt = ''} = props;\n  const mobile = src.mobile;\n  const desktop = src.desktop;\n  const bgStyle = viewStyle[view];\n\n  const pictureView = isObject(src) ? (\n    <div className={cssStyle.deviceView}>\n      <div className={cssStyle.mobileContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={mobile} alt={alt} />\n      </div>\n      <div className={cssStyle.desktopContainer}>\n        <img className={classnames(cssStyle.picture, bgStyle)} src={desktop} alt={alt} />\n      </div>\n    </div>\n  ) : (\n    <img className={classnames(cssStyle.default, bgStyle)} src={src} alt={alt} />\n  );\n\n  return (\n    <div className={cssStyle.wrapper} style={style}>\n      {pictureView}\n    </div>\n  );\n};\n\nPictureBackground.propTypes = {\n  view: PropTypes.oneOf(keys(viewStyle)),\n  src: PropTypes.oneOfType([PropTypes.objectOf(PropTypes.string), PropTypes.string.isRequired]),\n  style: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n  alt: PropTypes.string\n};\n\nexport default PictureBackground;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAEA,MAAMA,SAAS,GAAG;EAChBC,KAAK,EAAEC,cAAA,CAASD,KADA;EAEhBE,OAAO,EAAED,cAAA,CAASC;AAFF,CAAlB;;AAKA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,GAAD;IAAMC,IAAN;IAAYC,KAAZ;IAAmBC,GAAG,GAAG;EAAzB,IAA+BJ,KAArC;EACA,MAAMK,MAAM,GAAGJ,GAAG,CAACI,MAAnB;EACA,MAAMC,OAAO,GAAGL,GAAG,CAACK,OAApB;EACA,MAAMC,OAAO,GAAGZ,SAAS,CAACO,IAAD,CAAzB;EAEA,MAAMM,WAAW,GAAG,wBAASP,GAAT,iBAClB;IAAK,SAAS,EAAEJ,cAAA,CAASY;EAAzB,gBACE;IAAK,SAAS,EAAEZ,cAAA,CAASa;EAAzB,gBACE;IAAK,SAAS,EAAE,IAAAC,mBAAA,EAAWd,cAAA,CAASe,OAApB,EAA6BL,OAA7B,CAAhB;IAAuD,GAAG,EAAEF,MAA5D;IAAoE,GAAG,EAAED;EAAzE,EADF,CADF,eAIE;IAAK,SAAS,EAAEP,cAAA,CAASgB;EAAzB,gBACE;IAAK,SAAS,EAAE,IAAAF,mBAAA,EAAWd,cAAA,CAASe,OAApB,EAA6BL,OAA7B,CAAhB;IAAuD,GAAG,EAAED,OAA5D;IAAqE,GAAG,EAAEF;EAA1E,EADF,CAJF,CADkB,gBAUlB;IAAK,SAAS,EAAE,IAAAO,mBAAA,EAAWd,cAAA,CAASiB,OAApB,EAA6BP,OAA7B,CAAhB;IAAuD,GAAG,EAAEN,GAA5D;IAAiE,GAAG,EAAEG;EAAtE,EAVF;EAaA,oBACE;IAAK,SAAS,EAAEP,cAAA,CAASkB,OAAzB;IAAkC,KAAK,EAAEZ;EAAzC,GACGK,WADH,CADF;AAKD,CAxBD;;AA0BAT,iBAAiB,CAACiB,SAAlB,2CAA8B;EAC5Bd,IAAI,EAAEe,kBAAA,CAAUC,KAAV,CAAgB,oBAAKvB,SAAL,CAAhB,CADsB;EAE5BM,GAAG,EAAEgB,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUI,MAA7B,CAAD,EAAuCJ,kBAAA,CAAUI,MAAV,CAAiBC,UAAxD,CAApB,CAFuB;EAG5BnB,KAAK,EAAEc,kBAAA,CAAUG,QAAV,CAAmBH,kBAAA,CAAUE,SAAV,CAAoB,CAACF,kBAAA,CAAUI,MAAX,EAAmBJ,kBAAA,CAAUM,MAA7B,CAApB,CAAnB,CAHqB;EAI5BnB,GAAG,EAAEa,kBAAA,CAAUI;AAJa,CAA9B;eAOetB,iB"}

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

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

package/lib/molecule/card/index.js

@@ -161,7 +161,6 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
     badgeCategory,
     badgeLabel,
     theme = 'default',
-    disabledContent,
     'aria-label': cardArialabel,
     'background-aria-label': backgroundAriaLabel,
     'favorite-aria-label': favoriteAriaLabel,
@@ -173,17 +172,17 @@ const Card = /*#__PURE__*/(0, _react.memo)(function Card(props, context) {
   } = props;
   const empty = (0, _isEmpty2.default)((0, _pick2.default)(['title', 'type', 'author', 'image'], props));
   const primaryColor = (0, _get2.default)('common.primary', skin);
+  const whiteColor = (0, _get2.default)('common.white', skin);
   const cardStyle = (0, _classnames.default)(THEMES[theme], type === 'chapter' ? _style.default.chapter : _style.default.course, title ? null : _style.default.lazy, _style.default.grid, empty ? _style.default.empty : null);
   const disabled = hidden && (!isSelected || (0, _isUndefined2.default)(isSelected));
   const handleClick = (0, _react.useMemo)(() => e => !disabled && onClick(e), [disabled, onClick]);
-  const lock = disabled ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.lockContent
-  }, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPadlock, {
+  const lock = disabled ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaSolidLoginLocked, {
     className: _style.default.lockIcon,
-    height: 48
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    "aria-label": disabledArialabel
-  }, disabledContent)) : null;
+    style: {
+      color: whiteColor
+    },
+    height: 40
+  }) : null;
   const inlineBadgeStyle = {
     color: primaryColor
   };
@@ -278,7 +277,6 @@ Card.propTypes = process.env.NODE_ENV !== "production" ? {
   badgeCategory: _cardContent.default.propTypes.badgeCategory,
   badgeLabel: _cardContent.default.propTypes.badgeLabel,
   theme: _propTypes.default.oneOf((0, _keys2.default)(THEMES)),
-  disabledContent: _propTypes.default.string,
   'aria-label': _propTypes.default.string,
   'background-aria-label': _propTypes.default.string,
   'favorite-aria-label': _favorite.default.propTypes['aria-label'],

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","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","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockContent","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"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 => !disabled && onClick(e), [disabled, onClick]);\n  const lock = disabled ? (\n    <div className={style.lockContent}>\n      <LockIcon className={style.lockIcon} height={48} />\n      <span aria-label={disabledArialabel}>{disabledContent}</span>\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\nCard.propTypes = {\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};\nexport default Card;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["THEMES","default","coorpmanager","style","CardBackground","type","image","empty","ariaLabel","skin","externalContent","isExternalContent","primaryColor","whiteColor","EXTERNAL_CONTENT_ICONS","IconType","icon","iconColor","color","backgroundIcon","externalIconCircleWrapper","externalIcon","_backgroundIcon","classnames","externalIconCircleWithImageWrapper","backgroundColor","externalIconWithImage","imageWrapper","backgroundImage","externalContentHeader","externalBackground","emptyIcon","chapterImageWrapper","contextTypes","Provider","childContextTypes","propTypes","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","cardArialabel","backgroundAriaLabel","favoriteAriaLabel","selectableAriaLabel","customerAriaLabel","badgeAriaLabel","disabledArialabel","cardContentLabelAriaLabel","cardStyle","chapter","course","lazy","grid","handleClick","useMemo","e","lock","lockIcon","inlineBadgeStyle","getType","contentType","MODES","CARD","lockWrapper","shape","Customer","number","func","Notification","CardContentInfo","oneOf","Favorite","Selectable"],"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  NovaSolidLoginLocked 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    '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 whiteColor = get('common.white', 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 => !disabled && onClick(e), [disabled, onClick]);\n  const lock = disabled ? (\n    <LockIcon className={style.lockIcon} style={{color: whiteColor}} height={40} />\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\nCard.propTypes = {\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  '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};\nexport default Card;\n"],"mappings":"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"}

package/lib/molecule/card/style.css

@@ -8,10 +8,9 @@
 @value dark from colors;
 @value xtraLightGrey from colors;
 @value white from colors;
-@value cm_negative_200 from colors;
-@value negative_100 from colors;
 
 .default[disabled] {
+  pointer-events: none;
   cursor: inherit;
 }
 
@@ -164,7 +163,7 @@
 }
 
 .default[disabled] .imageWrapper {
-  opacity: 0.8;
+  opacity: 0.4;
 }
 
 .lockWrapper {
@@ -187,47 +186,12 @@
   bottom: 0;
   content: '';
   opacity: 0.4;
-  background: linear-gradient(
-    to bottom, 
-     black 50%
-  );
-  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
-  z-index: 1;
-}
-
-.lockWrapper:hover .lockIcon {
-  background-color: cm_negative_200;
-  color: white;
-}
-
-.lockWrapper:hover span {
-  font-weight: 600;
-  width: 150px;
-}
-
-.lockContent {
-  display: flex;
-  gap: 8px;
-  flex-direction: column;
-  z-index: 2;
-}
-
-.lockContent span {
-  width: 134px;
-  height: 40px;
-  color: white;
-  text-align: center;
-  font-family: 'Gilroy';
-  font-size: 14px;
-  line-height: 20px;
+  background: black;
 }
 
 .lockIcon {
-  width: 48px;
-  background-color: negative_100;
-  align-self: center;
-  border-radius: 16px;
-  color: cm_negative_200;
+  font-size: 40px;
+  z-index: 1;
 }
 
 .imageWrapper {

package/lib/molecule/cm-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAsBA,kDAyMC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAeA,kDAoLC"}

package/lib/molecule/cm-popin/index.js

@@ -15,22 +15,12 @@ var _buttonLinkIconOnly = _interopRequireDefault(require("../../atom/button-link
 
 var _inputSwitch = _interopRequireDefault(require("../../atom/input-switch"));
 
-var _title = _interopRequireDefault(require("../../atom/title"));
-
-var _cardsGrid = _interopRequireDefault(require("../../organism/cards-grid"));
-
 var _style = _interopRequireDefault(require("./style.css"));
 
 var _types = _interopRequireDefault(require("./types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const IconType = {
-  lockedContent: /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionCoorpacademyPadlock, {
-    className: _style.default.lockIcon
-  })
-};
-
 const CMPopin = props => {
   const {
     content,
@@ -45,8 +35,7 @@ const CMPopin = props => {
     thirdButton,
     cookieTitle,
     descriptionBtnTxt,
-    listBtnSwicth,
-    items
+    listBtnSwicth
   } = props;
   const logo = {
     AlertDiamond: _novaIcons.NovaSolidInterfaceFeedbackInterfaceAlertDiamond,
@@ -61,28 +50,10 @@ const CMPopin = props => {
   } : null;
 
   const renderHeader = () => {
-    if (header) {
-      const {
-        title,
-        headerIcon,
-        backgroundImage
-      } = header;
-      const TopTitleIcon = IconType[headerIcon];
-
-      if (title) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: _style.default.headerContent
-        }, TopTitleIcon, /*#__PURE__*/_react.default.createElement("div", {
-          className: _style.default.headerTitle
-        }, /*#__PURE__*/_react.default.createElement(_title.default, title)));
-      }
-
-      return /*#__PURE__*/_react.default.createElement("img", {
-        className: _style.default.headerBackground,
-        src: backgroundImage
-      });
-    }
-
+    if (header) return /*#__PURE__*/_react.default.createElement("img", {
+      className: _style.default.headerBackground,
+      src: header
+    });
     if (mode === 'cookie') return /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.cookieHeader
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -144,14 +115,6 @@ const CMPopin = props => {
     })(listBtnSwicth);
   };
 
-  const renderItems = () => {
-    const {
-      type,
-      list
-    } = items;
-    return type === 'content' ? /*#__PURE__*/_react.default.createElement(_cardsGrid.default, list) : null;
-  };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: mode !== 'cookie' ? _style.default.background : null,
     style: backgroundImageStyle,
@@ -166,7 +129,7 @@ const CMPopin = props => {
     "aria-label": 'close-icon',
     size: "small",
     icon: "close"
-  }) : null), mode !== 'items' ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : null), /*#__PURE__*/_react.default.createElement("div", {
     className: mode === 'cookie' || mode === 'information' ? _style.default.cookieTitleContainer : _style.default.titleContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.contentSection
@@ -185,11 +148,9 @@ const CMPopin = props => {
     dangerouslySetInnerHTML: {
       __html: descriptionText
     }
-  }) : null) : null, descriptionBtnTxt ? /*#__PURE__*/_react.default.createElement("div", {
+  }) : null), descriptionBtnTxt ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.descriptionBtn
-  }, descriptionBtnTxt) : null, items ? /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.itemsContainer
-  }, renderItems()) : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/_react.default.createElement("div", {
+  }, descriptionBtnTxt) : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.buttonContainer
   }, firstButton ? /*#__PURE__*/_react.default.createElement("div", {
     className: firstButton.largeButton ? _style.default.largeButton : _style.default.button