@coorpacademy/components 11.40.14 → 11.40.16

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

@@ -1,15 +1,17 @@
 import _sortBy from "lodash/fp/sortBy";
-import _size from "lodash/fp/size";
 import _pipe from "lodash/fp/pipe";
 import _map from "lodash/fp/map";
 import _keys from "lodash/fp/keys";
 import _isEmpty from "lodash/fp/isEmpty";
 import _getOr from "lodash/fp/getOr";
 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); }
-import React, { useRef } from 'react';
+import React, { useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
+import { convert } from 'css-color-function';
+import classNames from 'classnames';
 import Provider from '../../../atom/provider';
 import Button from '../../../atom/button';
+import ButtonLink from '../../../atom/button-link';
 import Filters from '../../../molecule/filters';
 import CardsGrid from '../../../organism/cards-grid';
 import CardsList from '../../../molecule/dashboard/cards-list';
@@ -22,6 +24,9 @@ import { cardPropTypes } from '../../../molecule/card';
 import LearningPriorityCard from '../../../molecule/learning-priority-card';
 import { COLORS } from '../../../variables/colors';
 import QuickFilters from '../../../molecule/quick-filters';
+import BaseModal from '../../../molecule/base-modal';
+import MultiFilterPanel from '../../../molecule/multi-filter-panel';
+import Tabs from '../../../molecule/tabs';
 import style from './style.css';
 const SearchPage = (props, context) => {
   const {
@@ -31,6 +36,7 @@ const SearchPage = (props, context) => {
     cards,
     count,
     noresultsfound,
+    noresultsfoundDescription,
     clearFilters,
     recommendations,
     moreSortAriaLabel,
@@ -38,12 +44,16 @@ const SearchPage = (props, context) => {
     filterGroupAriaLabel,
     sortAriaLabel,
     popinWithCards,
-    sections = {}
+    sections = {},
+    filtersModal,
+    searchMessage,
+    newVersion = false,
+    tabs
   } = props;
   const {
     skin
   } = context;
-  const defaultColor = _getOr('#00B0FF', 'common.primary', skin);
+  const defaultColor = _getOr(COLORS.cm_primary_blue, 'common.primary', skin);
   const nodeRef = useRef(null);
   const recommendationsView = _isEmpty(recommendations) ? null : /*#__PURE__*/React.createElement(CardsList, _extends({}, recommendations, {
     customStyle: {
@@ -98,17 +108,21 @@ const SearchPage = (props, context) => {
     // For new content, use standard cards
     return /*#__PURE__*/React.createElement(CardsList, sectionProps);
   };
+  const tabsView = tabs ? /*#__PURE__*/React.createElement(Tabs, tabs) : null;
   const cardsView = _isEmpty(cards?.list) ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     className: style.noresults
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.noresultstxt
-  }, noresultsfound), /*#__PURE__*/React.createElement(Button, _extends({}, clearFilters, {
+    className: style.noresultsTitle
+  }, noresultsfound), /*#__PURE__*/React.createElement("div", {
+    className: style.noresultsDescription
+  }, noresultsfoundDescription), /*#__PURE__*/React.createElement(ButtonLink, _extends({}, clearFilters, {
     "data-name": "searchPageClear",
-    className: style.clear,
-    style: {
-      background: defaultColor
-    },
-    type: "link"
+    className: classNames(style.clear, style.center),
+    hoverBackgroundColor: convert(`hsl(from ${defaultColor} h s calc(l*(1 - 0.08)))`),
+    customStyle: {
+      backgroundColor: defaultColor,
+      color: 'white'
+    }
   }))), recommendationsView) : /*#__PURE__*/React.createElement(CardsGrid, cards);
 
   // Convert sections object to array and sort by order
@@ -116,12 +130,7 @@ const SearchPage = (props, context) => {
     key,
     ...sections[key]
   })), _sortBy('order'))(sections);
-  const hasSections = _size(sortedSections) > 0;
-  const contentGridSection = /*#__PURE__*/React.createElement("div", {
-    className: style.contentSection
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.sectionHeader
-  }, /*#__PURE__*/React.createElement("div", {
+  const titleView = /*#__PURE__*/React.createElement("div", {
     className: style.sectionTitle
   }, /*#__PURE__*/React.createElement("span", null, title), /*#__PURE__*/React.createElement(Tag, {
     label: count || cards.list.length.toString(),
@@ -131,9 +140,15 @@ const SearchPage = (props, context) => {
       backgroundColor: COLORS.cm_grey_100,
       color: COLORS.neutral_500
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  }));
+  const contentGridSection = /*#__PURE__*/React.createElement("div", {
+    className: style.contentSection
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.sectionHeader
+  }, tabsView ? tabsView : titleView, /*#__PURE__*/React.createElement("div", {
     className: style.contentGrid
   }, " ", cardsView)));
+  const handleclearFiltersOnClick = useCallback(() => clearFilters.onClick(), [clearFilters]);
   return /*#__PURE__*/React.createElement("div", {
     "data-name": "filters"
   }, searchFilters ? /*#__PURE__*/React.createElement(Filters, _extends({}, searchFilters, {
@@ -141,7 +156,28 @@ const SearchPage = (props, context) => {
     moreFilterAriaLabel: moreFilterAriaLabel,
     filterGroupAriaLabel: filterGroupAriaLabel,
     sortAriaLabel: sortAriaLabel
-  })) : null, quickFilters ? /*#__PURE__*/React.createElement(QuickFilters, quickFilters) : null, hasSections ? /*#__PURE__*/React.createElement("div", {
+  })) : null, quickFilters ? /*#__PURE__*/React.createElement(QuickFilters, quickFilters) : null, searchMessage ? /*#__PURE__*/React.createElement("div", {
+    className: style.searchMessageWrapper
+  }, /*#__PURE__*/React.createElement("span", {
+    className: style.searchMessage
+    // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: searchMessage
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    submitValue: clearFilters.label,
+    onClick: handleclearFiltersOnClick,
+    "data-name": "searchMeassageClear",
+    className: style.clear,
+    style: {
+      background: 'transparent',
+      color: defaultColor,
+      padding: '0 5px',
+      fontSize: '14px'
+    },
+    type: "link"
+  })) : null, newVersion ? /*#__PURE__*/React.createElement("div", {
     "data-name": "explorerSections",
     className: style.sectionsWrapper
   }, sortedSections.map((section, index) => /*#__PURE__*/React.createElement("div", {
@@ -156,28 +192,47 @@ const SearchPage = (props, context) => {
   }, title), cardsView), popinWithCards ? /*#__PURE__*/React.createElement("div", {
     className: style.popinWithCards,
     ref: nodeRef
-  }, /*#__PURE__*/React.createElement(CMPopin, popinWithCards)) : null);
+  }, /*#__PURE__*/React.createElement(CMPopin, popinWithCards)) : null, filtersModal ? /*#__PURE__*/React.createElement(BaseModal, _extends({}, filtersModal, {
+    headerIcon: {
+      name: filtersModal.headerIcon.name,
+      backgroundColor: convert(`color(${defaultColor} lightness(92%))`),
+      color: defaultColor
+    },
+    footer: {
+      cancelButton: filtersModal.footer.cancelButton,
+      confirmButton: {
+        ...filtersModal.footer.confirmButton,
+        color: defaultColor
+      }
+    }
+  }), filtersModal.filterPanelProps ? /*#__PURE__*/React.createElement(MultiFilterPanel, filtersModal.filterPanelProps) : null) : null);
 };
 SearchPage.contextTypes = {
   skin: Provider.childContextTypes.skin
 };
 SearchPage.propTypes = process.env.NODE_ENV !== "production" ? {
+  newVersion: PropTypes.bool,
+  searchMessage: PropTypes.string,
   noresultsfound: PropTypes.string,
+  noresultsfoundDescription: PropTypes.string,
   title: PropTypes.string,
   searchFilters: PropTypes.shape(Filters.propTypes),
   quickFilters: PropTypes.shape(QuickFilters.propTypes),
   cards: PropTypes.shape(CardsGrid.propTypes),
   count: PropTypes.number,
-  clearFilters: PropTypes.shape(Button.propTypes),
+  clearFilters: PropTypes.shape(ButtonLink.propTypes),
   recommendations: PropTypes.shape(CardsList.propTypes),
   moreSortAriaLabel: PropTypes.string,
   moreFilterAriaLabel: PropTypes.string,
   filterGroupAriaLabel: PropTypes.string,
   sortAriaLabel: PropTypes.string,
   popinWithCards: PropTypes.shape(CMPopin.propTypes),
+  filtersModal: PropTypes.shape(BaseModal.propTypes),
+  tabs: PropTypes.shape(Tabs.propTypes),
   sections: PropTypes.objectOf(PropTypes.shape({
     title: PropTypes.string,
     cards: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape(cardPropTypes), PropTypes.shape(LearnerSkillCard.propTypes), PropTypes.shape(CertificationCard.propTypes), PropTypes.shape(PlaylistCard.propTypes), PropTypes.shape(LearningPriorityCard.propTypes)])),
+    tabs: PropTypes.shape(Tabs.propTypes),
     showMore: PropTypes.string,
     onShowMore: PropTypes.func,
     order: PropTypes.number,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","PropTypes","Provider","Button","Filters","CardsGrid","CardsList","CertificationCard","LearnerSkillCard","PlaylistCard","CMPopin","Tag","cardPropTypes","LearningPriorityCard","COLORS","QuickFilters","style","SearchPage","props","context","title","searchFilters","quickFilters","cards","count","noresultsfound","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","sections","skin","defaultColor","_getOr","nodeRef","recommendationsView","_isEmpty","createElement","_extends","customStyle","padding","renderSection","section","sectionCount","length","titleWithCount","className","sectionTitle","label","toString","type","size","backgroundColor","cm_grey_100","color","neutral_500","sectionProps","dataName","key","cardsView","list","noresults","noresultstxt","clear","background","sortedSections","_pipe","_keys","_map","_sortBy","hasSections","_size","contentGridSection","contentSection","sectionHeader","contentGrid","sectionsWrapper","map","index","cardsWrapper","role","ref","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","shape","number","objectOf","arrayOf","oneOfType","showMore","onShowMore","func","order","showMoreOnLeftAriaLabel","showMoreOnRightAriaLabel"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty, keys, map, pipe, size, sortBy} 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 CertificationCard from '../../../molecule/certification-card';\nimport LearnerSkillCard from '../../../molecule/learner-skill-card';\nimport PlaylistCard from '../../../molecule/playlist-card';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Tag from '../../../atom/tag';\nimport {cardPropTypes} from '../../../molecule/card';\nimport LearningPriorityCard from '../../../molecule/learning-priority-card';\nimport {COLORS} from '../../../variables/colors';\nimport QuickFilters from '../../../molecule/quick-filters';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    quickFilters,\n    cards,\n    count,\n    noresultsfound,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards,\n    sections = {}\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr('#00B0FF', 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : (\n    <CardsList {...recommendations} customStyle={{padding: 0}} />\n  );\n\n  // Helper function to render content sections\n  const renderSection = section => {\n    if (!section || isEmpty(section.cards)) return null;\n\n    // Use count from props, fallback to cards.length\n    const sectionCount = section.count || section.cards.length;\n\n    // Create title with count tag\n    const titleWithCount = (\n      <div className={style.sectionTitle}>\n        <span data-name=\"section-title\">{section.title}</span>\n        <Tag\n          label={sectionCount.toString()}\n          type=\"default\"\n          size=\"S\"\n          customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n        />\n      </div>\n    );\n\n    const sectionProps = {\n      ...section,\n      title: titleWithCount,\n      dataName: `${section.key}-section`\n    };\n\n    // Use CardsList with appropriate type for all sections\n    if (section.key === 'certifications') {\n      return <CardsList {...sectionProps} type=\"certifications\" />;\n    }\n\n    if (section.key === 'skills') {\n      return <CardsList {...sectionProps} type=\"skills\" />;\n    }\n\n    if (section.key === 'playlists') {\n      return <CardsList {...sectionProps} type=\"playlists\" />;\n    }\n\n    // For new content, use standard cards\n    return <CardsList {...sectionProps} />;\n  };\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  // Convert sections object to array and sort by order\n  const sortedSections = pipe(\n    keys,\n    map(key => ({key, ...sections[key]})),\n    sortBy('order')\n  )(sections);\n\n  const hasSections = size(sortedSections) > 0;\n\n  const contentGridSection = (\n    <div className={style.contentSection}>\n      <div className={style.sectionHeader}>\n        <div className={style.sectionTitle}>\n          <span>{title}</span>\n          <Tag\n            label={count || cards.list.length.toString()}\n            type=\"default\"\n            size=\"S\"\n            customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n          />\n        </div>\n        <div className={style.contentGrid}> {cardsView}</div>\n      </div>\n    </div>\n  );\n\n  return (\n    <div data-name=\"filters\">\n      {searchFilters ? (\n        <Filters\n          {...searchFilters}\n          moreSortAriaLabel={moreSortAriaLabel}\n          moreFilterAriaLabel={moreFilterAriaLabel}\n          filterGroupAriaLabel={filterGroupAriaLabel}\n          sortAriaLabel={sortAriaLabel}\n        />\n      ) : null}\n      {quickFilters ? <QuickFilters {...quickFilters} /> : null}\n\n      {hasSections ? (\n        <div data-name=\"explorerSections\" className={style.sectionsWrapper}>\n          {sortedSections.map((section, index) => (\n            <div data-name={`section-${section.key}`} key={`${section.key}-${index}`}>\n              {renderSection(section)}\n            </div>\n          ))}\n          {contentGridSection ? <div>{contentGridSection}</div> : null}\n        </div>\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      )}\n\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\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  quickFilters: PropTypes.shape(QuickFilters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  count: PropTypes.number,\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  sections: PropTypes.objectOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      cards: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape(cardPropTypes),\n          PropTypes.shape(LearnerSkillCard.propTypes),\n          PropTypes.shape(CertificationCard.propTypes),\n          PropTypes.shape(PlaylistCard.propTypes),\n          PropTypes.shape(LearningPriorityCard.propTypes)\n        ])\n      ),\n      showMore: PropTypes.string,\n      onShowMore: PropTypes.func,\n      order: PropTypes.number,\n      count: PropTypes.number,\n      'arrows-aria-label': PropTypes.shape({\n        showMoreOnLeftAriaLabel: PropTypes.string,\n        showMoreOnRightAriaLabel: PropTypes.string\n      })\n    })\n  )\n};\n\nexport default SearchPage;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","useCallback","PropTypes","convert","classNames","Provider","Button","ButtonLink","Filters","CardsGrid","CardsList","CertificationCard","LearnerSkillCard","PlaylistCard","CMPopin","Tag","cardPropTypes","LearningPriorityCard","COLORS","QuickFilters","BaseModal","MultiFilterPanel","Tabs","style","SearchPage","props","context","title","searchFilters","quickFilters","cards","count","noresultsfound","noresultsfoundDescription","clearFilters","recommendations","moreSortAriaLabel","moreFilterAriaLabel","filterGroupAriaLabel","sortAriaLabel","popinWithCards","sections","filtersModal","searchMessage","newVersion","tabs","skin","defaultColor","_getOr","cm_primary_blue","nodeRef","recommendationsView","_isEmpty","createElement","_extends","customStyle","padding","renderSection","section","sectionCount","length","titleWithCount","className","sectionTitle","label","toString","type","size","backgroundColor","cm_grey_100","color","neutral_500","sectionProps","dataName","key","tabsView","cardsView","list","noresults","noresultsTitle","noresultsDescription","clear","center","hoverBackgroundColor","sortedSections","_pipe","_keys","_map","_sortBy","titleView","contentGridSection","contentSection","sectionHeader","contentGrid","handleclearFiltersOnClick","onClick","searchMessageWrapper","dangerouslySetInnerHTML","__html","submitValue","background","fontSize","sectionsWrapper","map","index","cardsWrapper","role","ref","headerIcon","name","footer","cancelButton","confirmButton","filterPanelProps","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","string","shape","number","objectOf","arrayOf","oneOfType","showMore","onShowMore","func","order","showMoreOnLeftAriaLabel","showMoreOnRightAriaLabel"],"sources":["../../../../src/template/common/search-page/index.js"],"sourcesContent":["import React, {useRef, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, isEmpty, keys, map, pipe, sortBy} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classNames from 'classnames';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport ButtonLink from '../../../atom/button-link';\nimport Filters from '../../../molecule/filters';\nimport CardsGrid from '../../../organism/cards-grid';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport CertificationCard from '../../../molecule/certification-card';\nimport LearnerSkillCard from '../../../molecule/learner-skill-card';\nimport PlaylistCard from '../../../molecule/playlist-card';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Tag from '../../../atom/tag';\nimport {cardPropTypes} from '../../../molecule/card';\nimport LearningPriorityCard from '../../../molecule/learning-priority-card';\nimport {COLORS} from '../../../variables/colors';\nimport QuickFilters from '../../../molecule/quick-filters';\nimport BaseModal from '../../../molecule/base-modal';\nimport MultiFilterPanel from '../../../molecule/multi-filter-panel';\nimport Tabs from '../../../molecule/tabs';\nimport style from './style.css';\n\nconst SearchPage = (props, context) => {\n  const {\n    title,\n    searchFilters,\n    quickFilters,\n    cards,\n    count,\n    noresultsfound,\n    noresultsfoundDescription,\n    clearFilters,\n    recommendations,\n    moreSortAriaLabel,\n    moreFilterAriaLabel,\n    filterGroupAriaLabel,\n    sortAriaLabel,\n    popinWithCards,\n    sections = {},\n    filtersModal,\n    searchMessage,\n    newVersion = false,\n    tabs\n  } = props;\n  const {skin} = context;\n  const defaultColor = getOr(COLORS.cm_primary_blue, 'common.primary', skin);\n  const nodeRef = useRef(null);\n  const recommendationsView = isEmpty(recommendations) ? null : (\n    <CardsList {...recommendations} customStyle={{padding: 0}} />\n  );\n\n  // Helper function to render content sections\n  const renderSection = section => {\n    if (!section || isEmpty(section.cards)) return null;\n\n    // Use count from props, fallback to cards.length\n    const sectionCount = section.count || section.cards.length;\n\n    // Create title with count tag\n    const titleWithCount = (\n      <div className={style.sectionTitle}>\n        <span data-name=\"section-title\">{section.title}</span>\n        <Tag\n          label={sectionCount.toString()}\n          type=\"default\"\n          size=\"S\"\n          customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n        />\n      </div>\n    );\n\n    const sectionProps = {\n      ...section,\n      title: titleWithCount,\n      dataName: `${section.key}-section`\n    };\n\n    // Use CardsList with appropriate type for all sections\n    if (section.key === 'certifications') {\n      return <CardsList {...sectionProps} type=\"certifications\" />;\n    }\n\n    if (section.key === 'skills') {\n      return <CardsList {...sectionProps} type=\"skills\" />;\n    }\n\n    if (section.key === 'playlists') {\n      return <CardsList {...sectionProps} type=\"playlists\" />;\n    }\n\n    // For new content, use standard cards\n    return <CardsList {...sectionProps} />;\n  };\n\n  const tabsView = tabs ? <Tabs {...tabs} /> : null;\n\n  const cardsView = isEmpty(cards?.list) ? (\n    <div>\n      <div className={style.noresults}>\n        <div className={style.noresultsTitle}>{noresultsfound}</div>\n        <div className={style.noresultsDescription}>{noresultsfoundDescription}</div>\n        <ButtonLink\n          {...clearFilters}\n          data-name=\"searchPageClear\"\n          className={classNames(style.clear, style.center)}\n          hoverBackgroundColor={convert(`hsl(from ${defaultColor} h s calc(l*(1 - 0.08)))`)}\n          customStyle={{\n            backgroundColor: defaultColor,\n            color: 'white'\n          }}\n        />\n      </div>\n      {recommendationsView}\n    </div>\n  ) : (\n    <CardsGrid {...cards} />\n  );\n\n  // Convert sections object to array and sort by order\n  const sortedSections = pipe(\n    keys,\n    map(key => ({key, ...sections[key]})),\n    sortBy('order')\n  )(sections);\n\n  const titleView = (\n    <div className={style.sectionTitle}>\n      <span>{title}</span>\n      <Tag\n        label={count || cards.list.length.toString()}\n        type=\"default\"\n        size=\"S\"\n        customStyle={{backgroundColor: COLORS.cm_grey_100, color: COLORS.neutral_500}}\n      />\n    </div>\n  );\n  const contentGridSection = (\n    <div className={style.contentSection}>\n      <div className={style.sectionHeader}>\n        {tabsView ? tabsView : titleView}\n        <div className={style.contentGrid}> {cardsView}</div>\n      </div>\n    </div>\n  );\n  const handleclearFiltersOnClick = useCallback(() => clearFilters.onClick(), [clearFilters]);\n  return (\n    <div data-name=\"filters\">\n      {searchFilters ? (\n        <Filters\n          {...searchFilters}\n          moreSortAriaLabel={moreSortAriaLabel}\n          moreFilterAriaLabel={moreFilterAriaLabel}\n          filterGroupAriaLabel={filterGroupAriaLabel}\n          sortAriaLabel={sortAriaLabel}\n        />\n      ) : null}\n      {quickFilters ? <QuickFilters {...quickFilters} /> : null}\n      {searchMessage ? (\n        <div className={style.searchMessageWrapper}>\n          <span\n            className={style.searchMessage}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: searchMessage}}\n          />\n          <Button\n            submitValue={clearFilters.label}\n            onClick={handleclearFiltersOnClick}\n            data-name=\"searchMeassageClear\"\n            className={style.clear}\n            style={{\n              background: 'transparent',\n              color: defaultColor,\n              padding: '0 5px',\n              fontSize: '14px'\n            }}\n            type=\"link\"\n          />\n        </div>\n      ) : null}\n      {newVersion ? (\n        <div data-name=\"explorerSections\" className={style.sectionsWrapper}>\n          {sortedSections.map((section, index) => (\n            <div data-name={`section-${section.key}`} key={`${section.key}-${index}`}>\n              {renderSection(section)}\n            </div>\n          ))}\n          {contentGridSection ? <div>{contentGridSection}</div> : null}\n        </div>\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      )}\n\n      {popinWithCards ? (\n        <div className={style.popinWithCards} ref={nodeRef}>\n          <CMPopin {...popinWithCards} />\n        </div>\n      ) : null}\n\n      {filtersModal ? (\n        <BaseModal\n          {...filtersModal}\n          headerIcon={{\n            name: filtersModal.headerIcon.name,\n            backgroundColor: convert(`color(${defaultColor} lightness(92%))`),\n            color: defaultColor\n          }}\n          footer={{\n            cancelButton: filtersModal.footer.cancelButton,\n            confirmButton: {\n              ...filtersModal.footer.confirmButton,\n              color: defaultColor\n            }\n          }}\n        >\n          {filtersModal.filterPanelProps ? (\n            <MultiFilterPanel {...filtersModal.filterPanelProps} />\n          ) : null}\n        </BaseModal>\n      ) : null}\n    </div>\n  );\n};\n\nSearchPage.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSearchPage.propTypes = {\n  newVersion: PropTypes.bool,\n  searchMessage: PropTypes.string,\n  noresultsfound: PropTypes.string,\n  noresultsfoundDescription: PropTypes.string,\n  title: PropTypes.string,\n  searchFilters: PropTypes.shape(Filters.propTypes),\n  quickFilters: PropTypes.shape(QuickFilters.propTypes),\n  cards: PropTypes.shape(CardsGrid.propTypes),\n  count: PropTypes.number,\n  clearFilters: PropTypes.shape(ButtonLink.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  filtersModal: PropTypes.shape(BaseModal.propTypes),\n  tabs: PropTypes.shape(Tabs.propTypes),\n  sections: PropTypes.objectOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      cards: PropTypes.arrayOf(\n        PropTypes.oneOfType([\n          PropTypes.shape(cardPropTypes),\n          PropTypes.shape(LearnerSkillCard.propTypes),\n          PropTypes.shape(CertificationCard.propTypes),\n          PropTypes.shape(PlaylistCard.propTypes),\n          PropTypes.shape(LearningPriorityCard.propTypes)\n        ])\n      ),\n      tabs: PropTypes.shape(Tabs.propTypes),\n      showMore: PropTypes.string,\n      onShowMore: PropTypes.func,\n      order: PropTypes.number,\n      count: PropTypes.number,\n      'arrows-aria-label': PropTypes.shape({\n        showMoreOnLeftAriaLabel: PropTypes.string,\n        showMoreOnRightAriaLabel: PropTypes.string\n      })\n    })\n  )\n};\n\nexport default SearchPage;\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,11 +7,11 @@
 @value black from colors;
 @value white from colors;
 @value cm_grey_500 from colors;
+@value cm_grey_700 from colors;
 
 .cardsWrapper {
   display: block;
   width: 100%;
-  max-width: 1100px;
   margin: 0px auto;
   height: auto;
   box-sizing: border-box;
@@ -19,6 +19,37 @@
   background: white;
 }
 
+.searchMessageWrapper {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  max-width: 1100px;
+  width: 100%;
+  margin: 60px auto 0px;
+  position: relative;
+  align-items: baseline;
+}
+
+.searchMessage {
+  font-family: "Gilroy";
+  font-size: 18px;
+  font-weight: 400;
+  color: cm_grey_500;
+  padding: 0 10px;
+  display: block;
+  line-height: 28px;
+  user-select: none;
+}
+
+.clear {
+  min-width: auto;
+  line-height: 28px;
+}
+
+.center {
+  margin: 32px auto 0px;
+}
+
 .noresults {
   font-family: "Gilroy";
   border-top: solid 1px xtraLightGrey;
@@ -42,14 +73,31 @@
 }
 
 .noresults > .clear {
-  border-radius: 45px;
   height: 40px;
   line-height: 40px;
   width: auto;
 }
 
-.noresultstxt {
-  color: black;
+.noresultsTitle {
+  font-family: Gilroy;
+  font-weight: 700;
+  font-style: Bold;
+  font-size: 20px;
+  line-height: 28px;
+  letter-spacing: 0px;
+  text-align: center;
+  vertical-align: bottom;
+  color: cm_grey_700;
+}
+
+.noresultsDescription {
+  font-family: Gilroy;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 20px;
+  text-align: center;
+  vertical-align: bottom;
+  color: cm_grey_500;
 }
 
 .popinWithCards {

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

@@ -323,6 +323,7 @@ declare namespace ExternalCourse {
                             }>>;
                             image: PropTypes.Requireable<string>;
                             checkbox: PropTypes.Requireable<PropTypes.InferProps<{
+                                value: PropTypes.Requireable<string>;
                                 title: PropTypes.Requireable<string>;
                                 name: PropTypes.Requireable<string>;
                                 checked: PropTypes.Requireable<boolean>;
@@ -711,6 +712,7 @@ declare namespace ExternalCourse {
                         searchIconAriaLabel: PropTypes.Requireable<string>;
                     }>>;
                     checkboxWithTitle: PropTypes.Requireable<PropTypes.InferProps<{
+                        value: PropTypes.Requireable<string>;
                         title: PropTypes.Requireable<string>;
                         name: PropTypes.Requireable<string>;
                         checked: PropTypes.Requireable<boolean>;

package/es/template/my-learning/index.d.ts

@@ -109,6 +109,15 @@ declare namespace MyLearning {
                 progression: PropTypes.Requireable<number>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }> | null | undefined> | null | undefined)[]>;
+            tabs: PropTypes.Requireable<PropTypes.InferProps<{
+                items: PropTypes.Requireable<(PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    count: PropTypes.Requireable<number>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    isActive: PropTypes.Requireable<boolean>;
+                }> | null | undefined)[]>;
+            }>>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;

package/es/template/teams-dashboard/index.d.ts

@@ -96,6 +96,15 @@ declare namespace TeamsDashboard {
                 progression: PropTypes.Requireable<number>;
                 onClick: PropTypes.Requireable<(...args: any[]) => any>;
             }> | null | undefined> | null | undefined)[]>;
+            tabs: PropTypes.Requireable<PropTypes.InferProps<{
+                items: PropTypes.Requireable<(PropTypes.InferProps<{
+                    title: PropTypes.Requireable<string>;
+                    count: PropTypes.Requireable<number>;
+                    'aria-label': PropTypes.Requireable<string>;
+                    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+                    isActive: PropTypes.Requireable<boolean>;
+                }> | null | undefined)[]>;
+            }>>;
             customStyle: PropTypes.Requireable<{
                 [x: string]: string | null | undefined;
             }>;

package/es/util/external-content.js

@@ -10,7 +10,7 @@ export const EXTERNAL_CONTENT_ICONS = {
   },
   article: {
     icon: ArticleIcon,
-    color: COLORS.cm_bleu_article
+    color: COLORS.cm_blue_article
   },
   video: {
     icon: VideoIcon,
@@ -28,7 +28,7 @@ export const ICONS_TYPES = {
   },
   article: {
     iconName: 'file-lines',
-    iconColor: COLORS.cm_bleu_article
+    iconColor: COLORS.cm_blue_article
   },
   video: {
     iconName: 'circle-play',

package/es/util/external-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"external-content.js","names":["includes","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","COLORS","isExternalContent","type","EXTERNAL_COURSE_TYPES","EXTERNAL_CONTENT_ICONS","scorm","icon","color","cm_yellow_scorm","article","cm_bleu_article","video","cm_red_video","podcast","cm_violet_podcast","ICONS_TYPES","iconName","iconColor","chapter","neutral_500"],"sources":["../../src/util/external-content.js"],"sourcesContent":["import includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../variables/colors';\n\nexport const isExternalContent = type => includes(type, ['scorm', 'video', 'article', 'podcast']);\n\nexport const EXTERNAL_COURSE_TYPES = ['podcast', 'video', 'interactive', 'document'];\n\nexport const EXTERNAL_CONTENT_ICONS = {\n  scorm: {icon: ScormIcon, color: COLORS.cm_yellow_scorm},\n  article: {icon: ArticleIcon, color: COLORS.cm_bleu_article},\n  video: {icon: VideoIcon, color: COLORS.cm_red_video},\n  podcast: {icon: PodcastIcon, color: COLORS.cm_violet_podcast}\n};\n\nexport const ICONS_TYPES = {\n  scorm: {iconName: 'rectangle-history', iconColor: COLORS.cm_yellow_scorm},\n  article: {iconName: 'file-lines', iconColor: COLORS.cm_bleu_article},\n  video: {iconName: 'circle-play', iconColor: COLORS.cm_red_video},\n  podcast: {iconName: 'microphone-lines', iconColor: COLORS.cm_violet_podcast},\n  chapter: {iconName: 'stopwatch', iconColor: COLORS.neutral_500}\n};\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,oBAAoB;AACzC,SACEC,gCAAgC,IAAIC,SAAS,EAC7CC,kCAAkC,IAAIC,WAAW,EACjDC,gCAAgC,IAAIC,SAAS,EAC7CC,qCAAqC,IAAIC,WAAW,QAC/C,0BAA0B;AACjC,SAAQC,MAAM,QAAO,qBAAqB;AAE1C,OAAO,MAAMC,iBAAiB,GAAGC,IAAI,IAAIX,QAAQ,CAACW,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAEjG,OAAO,MAAMC,qBAAqB,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,CAAC;AAEpF,OAAO,MAAMC,sBAAsB,GAAG;EACpCC,KAAK,EAAE;IAACC,IAAI,EAAEb,SAAS;IAAEc,KAAK,EAAEP,MAAM,CAACQ;EAAe,CAAC;EACvDC,OAAO,EAAE;IAACH,IAAI,EAAEX,WAAW;IAAEY,KAAK,EAAEP,MAAM,CAACU;EAAe,CAAC;EAC3DC,KAAK,EAAE;IAACL,IAAI,EAAET,SAAS;IAAEU,KAAK,EAAEP,MAAM,CAACY;EAAY,CAAC;EACpDC,OAAO,EAAE;IAACP,IAAI,EAAEP,WAAW;IAAEQ,KAAK,EAAEP,MAAM,CAACc;EAAiB;AAC9D,CAAC;AAED,OAAO,MAAMC,WAAW,GAAG;EACzBV,KAAK,EAAE;IAACW,QAAQ,EAAE,mBAAmB;IAAEC,SAAS,EAAEjB,MAAM,CAACQ;EAAe,CAAC;EACzEC,OAAO,EAAE;IAACO,QAAQ,EAAE,YAAY;IAAEC,SAAS,EAAEjB,MAAM,CAACU;EAAe,CAAC;EACpEC,KAAK,EAAE;IAACK,QAAQ,EAAE,aAAa;IAAEC,SAAS,EAAEjB,MAAM,CAACY;EAAY,CAAC;EAChEC,OAAO,EAAE;IAACG,QAAQ,EAAE,kBAAkB;IAAEC,SAAS,EAAEjB,MAAM,CAACc;EAAiB,CAAC;EAC5EI,OAAO,EAAE;IAACF,QAAQ,EAAE,WAAW;IAAEC,SAAS,EAAEjB,MAAM,CAACmB;EAAW;AAChE,CAAC","ignoreList":[]}
+{"version":3,"file":"external-content.js","names":["includes","NovaCompositionCoorpacademyScorm","ScormIcon","NovaCompositionCoorpacademyArticle","ArticleIcon","NovaCompositionCoorpacademyVideo","VideoIcon","NovaCompositionCoorpacademyMicrophone","PodcastIcon","COLORS","isExternalContent","type","EXTERNAL_COURSE_TYPES","EXTERNAL_CONTENT_ICONS","scorm","icon","color","cm_yellow_scorm","article","cm_blue_article","video","cm_red_video","podcast","cm_violet_podcast","ICONS_TYPES","iconName","iconColor","chapter","neutral_500"],"sources":["../../src/util/external-content.js"],"sourcesContent":["import includes from 'lodash/fp/includes';\nimport {\n  NovaCompositionCoorpacademyScorm as ScormIcon,\n  NovaCompositionCoorpacademyArticle as ArticleIcon,\n  NovaCompositionCoorpacademyVideo as VideoIcon,\n  NovaCompositionCoorpacademyMicrophone as PodcastIcon\n} from '@coorpacademy/nova-icons';\nimport {COLORS} from '../variables/colors';\n\nexport const isExternalContent = type => includes(type, ['scorm', 'video', 'article', 'podcast']);\n\nexport const EXTERNAL_COURSE_TYPES = ['podcast', 'video', 'interactive', 'document'];\n\nexport const EXTERNAL_CONTENT_ICONS = {\n  scorm: {icon: ScormIcon, color: COLORS.cm_yellow_scorm},\n  article: {icon: ArticleIcon, color: COLORS.cm_blue_article},\n  video: {icon: VideoIcon, color: COLORS.cm_red_video},\n  podcast: {icon: PodcastIcon, color: COLORS.cm_violet_podcast}\n};\n\nexport const ICONS_TYPES = {\n  scorm: {iconName: 'rectangle-history', iconColor: COLORS.cm_yellow_scorm},\n  article: {iconName: 'file-lines', iconColor: COLORS.cm_blue_article},\n  video: {iconName: 'circle-play', iconColor: COLORS.cm_red_video},\n  podcast: {iconName: 'microphone-lines', iconColor: COLORS.cm_violet_podcast},\n  chapter: {iconName: 'stopwatch', iconColor: COLORS.neutral_500}\n};\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,oBAAoB;AACzC,SACEC,gCAAgC,IAAIC,SAAS,EAC7CC,kCAAkC,IAAIC,WAAW,EACjDC,gCAAgC,IAAIC,SAAS,EAC7CC,qCAAqC,IAAIC,WAAW,QAC/C,0BAA0B;AACjC,SAAQC,MAAM,QAAO,qBAAqB;AAE1C,OAAO,MAAMC,iBAAiB,GAAGC,IAAI,IAAIX,QAAQ,CAACW,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAEjG,OAAO,MAAMC,qBAAqB,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,CAAC;AAEpF,OAAO,MAAMC,sBAAsB,GAAG;EACpCC,KAAK,EAAE;IAACC,IAAI,EAAEb,SAAS;IAAEc,KAAK,EAAEP,MAAM,CAACQ;EAAe,CAAC;EACvDC,OAAO,EAAE;IAACH,IAAI,EAAEX,WAAW;IAAEY,KAAK,EAAEP,MAAM,CAACU;EAAe,CAAC;EAC3DC,KAAK,EAAE;IAACL,IAAI,EAAET,SAAS;IAAEU,KAAK,EAAEP,MAAM,CAACY;EAAY,CAAC;EACpDC,OAAO,EAAE;IAACP,IAAI,EAAEP,WAAW;IAAEQ,KAAK,EAAEP,MAAM,CAACc;EAAiB;AAC9D,CAAC;AAED,OAAO,MAAMC,WAAW,GAAG;EACzBV,KAAK,EAAE;IAACW,QAAQ,EAAE,mBAAmB;IAAEC,SAAS,EAAEjB,MAAM,CAACQ;EAAe,CAAC;EACzEC,OAAO,EAAE;IAACO,QAAQ,EAAE,YAAY;IAAEC,SAAS,EAAEjB,MAAM,CAACU;EAAe,CAAC;EACpEC,KAAK,EAAE;IAACK,QAAQ,EAAE,aAAa;IAAEC,SAAS,EAAEjB,MAAM,CAACY;EAAY,CAAC;EAChEC,OAAO,EAAE;IAACG,QAAQ,EAAE,kBAAkB;IAAEC,SAAS,EAAEjB,MAAM,CAACc;EAAiB,CAAC;EAC5EI,OAAO,EAAE;IAACF,QAAQ,EAAE,WAAW;IAAEC,SAAS,EAAEjB,MAAM,CAACmB;EAAW;AAChE,CAAC","ignoreList":[]}

package/es/variables/colors.css

@@ -8,7 +8,7 @@
 @value medium: #90A4AE;
 @value dark: #546E7A;
 @value grey: #607D8B;
-@value lightMediumGray: #CFD8DC;
+@value lightMediumGrey: #CFD8DC;
 @value lightGrey: #f8f8f8;
 @value darkGrey: rgba(0, 176, 255, 0.15);
 @value orangeAdd: #FF7043;
@@ -18,7 +18,7 @@
 @value lightGreen: #66BB6A;
 @value negative: #F73F52;
 @value battle: #FFE100;
-@value white: #fff;
+@value white: #FFFFFF;
 @value black: #14171A;
 @value lightBlack: #263238;
 @value lightDark: rgba(0, 0, 0, 0.67);
@@ -30,12 +30,13 @@
 @value cm_blue_50: #f1f6fe;
 @value cm_blue_200: #74A5F6;
 @value cm_blue_600: #0051d6;
-@value cm_blue_700 #0042AD;
+@value cm_blue_700: #0042AD;
 @value cm_blue_900: #06265B;
-@value cm_bleu_article: #365FCD;
+@value cm_blue_article: #365FCD;
 @value cm_grey_50: #FAFAFA;
 @value cm_grey_75: #F4F4F5;
 @value cm_grey_100: #EAEAEB;
+@value surface_input_neutral_strong: #EAEAEB;
 @value cm_grey_150: #E1E1E3;
 @value cm_grey_200: #d7d7da;
 @value cm_grey_300: #C5C5C9;
@@ -73,7 +74,6 @@
 @value cm_red_video: #E8335E;
 @value cm_violet_podcast: #432ba7;
 @value cm_warning_50: #FFFAE5;
-@value box_shadow_medium_dark: rgba(0, 0, 0, 0.15);
 @value box_shadow_light_dark: rgba(0, 0, 0, 0.12);
 @value box_shadow_medium_dark: rgba(0, 0, 0, 0.2);
 @value box_shadow_orange_700: rgba(255, 84, 31, 0.15);
@@ -81,7 +81,7 @@
 
 @value light_blue: #ADC9F5;
 @value negative_100: #FCDADA;
-@value go1_backgound: #144953;
+@value go1_background: #144953;
 @value go1_primary: #D5FD42;
 @value go1_primary_hover: #BFE33B;
 

package/es/variables/colors.d.ts

@@ -1,19 +1,20 @@
 export declare const COLORS: {
     readonly cm_grey_100: "#EAEAEB";
-    readonly negative: "#ed3436";
+    readonly negative: "#F73F52";
+    readonly cm_negative_100: "#ed3436;";
     readonly cm_negative_200: "#B81400";
     readonly cm_positive_200: "#05944F";
     readonly white: "#FFFFFF";
     readonly cm_blue_50: "#f1f6fe";
     readonly cm_grey_400: "#9999A8";
+    readonly cm_grey_500: "#515161";
+    readonly cm_grey_700: "#1D1D2B";
     readonly cm_grey_800: "#171721";
     readonly cm_grey_150: "#E1E1E3";
     readonly cm_primary_blue: "#0061FF";
     readonly cm_blue_700: "#0042AD";
     readonly primary_100: "#D6E6FF";
     readonly primary_600: "#0051D6";
-    readonly cm_grey_500: "#9999A8";
-    readonly cm_grey_700: "#1D1D2B";
     readonly cm_yellow_400: "#bd7e00";
     readonly brand: "#00B0FF";
     readonly yellow_700: "#A38300";
@@ -28,7 +29,7 @@ export declare const COLORS: {
     readonly neutral_500: "#515161";
     readonly neutral_700: "#1D1D2B";
     readonly cm_red_video: "#E8335E";
-    readonly cm_bleu_article: "#365FCD";
+    readonly cm_blue_article: "#365FCD";
     readonly cm_yellow_scorm: "#FFB800";
     readonly negative_700: "#B81400";
     readonly cm_orange_800: "#A32700";

package/es/variables/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/variables/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}

package/es/variables/colors.js

@@ -1,19 +1,20 @@
 export const COLORS = {
   cm_grey_100: '#EAEAEB',
-  negative: '#ed3436',
+  negative: '#F73F52',
+  cm_negative_100: '#ed3436;',
   cm_negative_200: '#B81400',
   cm_positive_200: '#05944F',
   white: '#FFFFFF',
   cm_blue_50: '#f1f6fe',
   cm_grey_400: '#9999A8',
+  cm_grey_500: '#515161',
+  cm_grey_700: '#1D1D2B',
   cm_grey_800: '#171721',
   cm_grey_150: '#E1E1E3',
   cm_primary_blue: '#0061FF',
   cm_blue_700: '#0042AD',
   primary_100: '#D6E6FF',
   primary_600: '#0051D6',
-  cm_grey_500: '#9999A8',
-  cm_grey_700: '#1D1D2B',
   cm_yellow_400: '#bd7e00',
   brand: '#00B0FF',
   yellow_700: '#A38300',
@@ -28,7 +29,7 @@ export const COLORS = {
   neutral_500: '#515161',
   neutral_700: '#1D1D2B',
   cm_red_video: '#E8335E',
-  cm_bleu_article: '#365FCD',
+  cm_blue_article: '#365FCD',
   cm_yellow_scorm: '#FFB800',
   negative_700: '#B81400',
   cm_orange_800: '#A32700',

package/es/variables/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["COLORS","cm_grey_100","negative","cm_negative_200","cm_positive_200","white","cm_blue_50","cm_grey_400","cm_grey_800","cm_grey_150","cm_primary_blue","cm_blue_700","primary_100","primary_600","cm_grey_500","cm_grey_700","cm_yellow_400","brand","yellow_700","yellow_100","red_700","red_100","cm_violet_podcast","cm_turquoise_strong","yellow_500","neutral_75","neutral_400","neutral_500","neutral_700","cm_red_video","cm_bleu_article","cm_yellow_scorm","negative_700","cm_orange_800","purple_700","purple_100","turquoise_100","pink_100","orange_100","cm_positive_500","purple_500","cm_grey_200"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  cm_grey_100: '#EAEAEB',\n  negative: '#ed3436',\n  cm_negative_200: '#B81400',\n  cm_positive_200: '#05944F',\n  white: '#FFFFFF',\n  cm_blue_50: '#f1f6fe',\n  cm_grey_400: '#9999A8',\n  cm_grey_800: '#171721',\n  cm_grey_150: '#E1E1E3',\n  cm_primary_blue: '#0061FF',\n  cm_blue_700: '#0042AD',\n  primary_100: '#D6E6FF',\n  primary_600: '#0051D6',\n  cm_grey_500: '#9999A8',\n  cm_grey_700: '#1D1D2B',\n  cm_yellow_400: '#bd7e00',\n  brand: '#00B0FF',\n  yellow_700: '#A38300',\n  yellow_100: '#FFF9D1',\n  red_700: '#A30000',\n  red_100: '#FFD1D1',\n  cm_violet_podcast: '#432ba7',\n  cm_turquoise_strong: '#1B7B88',\n  yellow_500: '#FFCE0A',\n  neutral_75: ' #F4F4F5',\n  neutral_400: ' #9999A8',\n  neutral_500: '#515161',\n  neutral_700: '#1D1D2B',\n  cm_red_video: '#E8335E',\n  cm_bleu_article: '#365FCD',\n  cm_yellow_scorm: '#FFB800',\n  negative_700: '#B81400',\n  cm_orange_800: '#A32700',\n  purple_700: '#2B00A3',\n  purple_100: '#DDD1FF',\n  turquoise_100: '#D9F4F7',\n  pink_100: '#FAD6DE',\n  orange_100: '#FFDCD1',\n  cm_positive_500: '#35CC7F',\n  purple_500: '#4B0AFF',\n  cm_grey_200: '#D7D7DA'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,WAAW,EAAE,SAAS;EACtBC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,iBAAiB,EAAE,SAAS;EAC5BC,mBAAmB,EAAE,SAAS;EAC9BC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,UAAU;EACtBC,WAAW,EAAE,UAAU;EACvBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE,SAAS;EACvBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,YAAY,EAAE,SAAS;EACvBC,aAAa,EAAE,SAAS;EACxBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,aAAa,EAAE,SAAS;EACxBC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,SAAS;EACrBC,eAAe,EAAE,SAAS;EAC1BC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE;AACf,CAAU","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["COLORS","cm_grey_100","negative","cm_negative_100","cm_negative_200","cm_positive_200","white","cm_blue_50","cm_grey_400","cm_grey_500","cm_grey_700","cm_grey_800","cm_grey_150","cm_primary_blue","cm_blue_700","primary_100","primary_600","cm_yellow_400","brand","yellow_700","yellow_100","red_700","red_100","cm_violet_podcast","cm_turquoise_strong","yellow_500","neutral_75","neutral_400","neutral_500","neutral_700","cm_red_video","cm_blue_article","cm_yellow_scorm","negative_700","cm_orange_800","purple_700","purple_100","turquoise_100","pink_100","orange_100","cm_positive_500","purple_500","cm_grey_200"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  cm_grey_100: '#EAEAEB',\n  negative: '#F73F52',\n  cm_negative_100: '#ed3436;',\n  cm_negative_200: '#B81400',\n  cm_positive_200: '#05944F',\n  white: '#FFFFFF',\n  cm_blue_50: '#f1f6fe',\n  cm_grey_400: '#9999A8',\n  cm_grey_500: '#515161',\n  cm_grey_700: '#1D1D2B',\n  cm_grey_800: '#171721',\n  cm_grey_150: '#E1E1E3',\n  cm_primary_blue: '#0061FF',\n  cm_blue_700: '#0042AD',\n  primary_100: '#D6E6FF',\n  primary_600: '#0051D6',\n  cm_yellow_400: '#bd7e00',\n  brand: '#00B0FF',\n  yellow_700: '#A38300',\n  yellow_100: '#FFF9D1',\n  red_700: '#A30000',\n  red_100: '#FFD1D1',\n  cm_violet_podcast: '#432ba7',\n  cm_turquoise_strong: '#1B7B88',\n  yellow_500: '#FFCE0A',\n  neutral_75: ' #F4F4F5',\n  neutral_400: ' #9999A8',\n  neutral_500: '#515161',\n  neutral_700: '#1D1D2B',\n  cm_red_video: '#E8335E',\n  cm_blue_article: '#365FCD',\n  cm_yellow_scorm: '#FFB800',\n  negative_700: '#B81400',\n  cm_orange_800: '#A32700',\n  purple_700: '#2B00A3',\n  purple_100: '#DDD1FF',\n  turquoise_100: '#D9F4F7',\n  pink_100: '#FAD6DE',\n  orange_100: '#FFDCD1',\n  cm_positive_500: '#35CC7F',\n  purple_500: '#4B0AFF',\n  cm_grey_200: '#D7D7DA'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,WAAW,EAAE,SAAS;EACtBC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,UAAU;EAC3BC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,iBAAiB,EAAE,SAAS;EAC5BC,mBAAmB,EAAE,SAAS;EAC9BC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,UAAU;EACtBC,WAAW,EAAE,UAAU;EACvBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE,SAAS;EACvBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAC1BC,YAAY,EAAE,SAAS;EACvBC,aAAa,EAAE,SAAS;EACxBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,SAAS;EACrBC,aAAa,EAAE,SAAS;EACxBC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,SAAS;EACrBC,eAAe,EAAE,SAAS;EAC1BC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE;AACf,CAAU","ignoreList":[]}

package/lib/atom/button/style.css

@@ -3,7 +3,7 @@
 @value xtraLightGrey from colors;
 @value light from colors;
 @value white from colors;
-@value lightMediumGray from colors;
+@value lightMediumGrey from colors;
 
 .button {
   composes: hoverFill from './hover-fill.css';
@@ -41,7 +41,7 @@
 }
 
 .disabledAnchor {
-  background-color: lightMediumGray;
+  background-color: lightMediumGrey;
   min-width: 200px;
   text-transform: inherit;
   border-radius: 2px;

package/lib/atom/button-menu/utils.d.ts

@@ -2,7 +2,7 @@ export declare const DEFAULT_ICON_STYLE: {
     position: "left";
     faIcon: {
         size: number;
-        color: "#9999A8";
+        color: "#515161";
         customStyle: {
             padding: number;
         };