@coorpacademy/components 11.35.2-alpha.4 → 11.35.2-forcedeploy.13

package/lib/template/skill-detail/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_cssColorFunction","_classnames","_markdownToJsx","_provider","_select","_buttonLink","_buttonLinkIcon","_icon","_cardsGrid","_style","_allCourses","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContinueLearningButton","props","context","ongoingCoursesAvailable","onClick","skin","translate","primarySkinColor","_get2","createElement","label","type","customStyle","width","borderRadius","backgroundColor","hoverBackgroundColor","convert","hoverColor","icon","position","faIcon","name","color","size","exports","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","func","SkillDetail","title","skillRef","description","metrics","focused","availableForReview","skillIncludedCourses","filters","sorting","onBackClick","onReviewClick","onContinueLearningClick","search","bannerMicrolearning","descriptionRef","useRef","score","questionsToReview","totalContents","action","bannerMicrolearningAction","oldSwitchValue","isDescriptionTruncated","setIsDescriptionTruncated","useState","showMore","setShowMore","handleShowMore","useCallback","useEffect","current","clientHeight","scrollHeight","Description","ref","className","classnames","style","truncate","ProgressBar","undefined","progressBarColor","inlineProgressValueStyle","progressBarWrapper","progress","role","backgroundContainer","container","_isNil2","backButton","tooltipPlacement","ctaContainer","skillFocusBadge","iconName","faSize","wrapperSize","Fragment","showMoreWrapper","ctaWrapper","disabled","skillInformation","skillInformationNumber","progressContainer","progressInformationNumber","toFixed","content","string","isRequired","shape","number","CardsGrid","onChange","options","arrayOf","SelectOptionPropTypes","Select","oldValue","_default"],"sources":["../../../src/template/skill-detail/index.js"],"sourcesContent":["import React, {useCallback, useState, useRef, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport {get, isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport Provider from '../../atom/provider';\nimport Select, {SelectOptionPropTypes} from '../../atom/select';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport CardsGrid from '../../organism/cards-grid';\nimport style from './style.css';\nimport AllCourses from './all-courses';\n\nexport const ContinueLearningButton = (props, context) => {\n  const {ongoingCoursesAvailable, onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <div>\n      <ButtonLink\n        label={\n          ongoingCoursesAvailable ? translate('continue_learning') : translate('start_learning')\n        }\n        type=\"primary\"\n        customStyle={{\n          width: 'fit-content',\n          borderRadius: '12px',\n          backgroundColor: primarySkinColor\n        }}\n        hoverBackgroundColor={convert(`hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`)}\n        hoverColor=\"#FFFFFF\"\n        icon={{\n          position: 'left',\n          faIcon: {\n            name: 'play',\n            color: '#FFFFFF',\n            size: 16\n          }\n        }}\n        onClick={onClick}\n      />\n    </div>\n  );\n};\n\nContinueLearningButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContinueLearningButton.propTypes = {\n  ongoingCoursesAvailable: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\nconst SkillDetail = (props, context) => {\n  const {\n    title,\n    skillRef,\n    description,\n    metrics = {},\n    focused,\n    availableForReview,\n    ongoingCoursesAvailable,\n    skillIncludedCourses,\n    filters,\n    sorting,\n    onBackClick,\n    onReviewClick,\n    onContinueLearningClick,\n    search,\n    bannerMicrolearning = {}\n  } = props;\n  const descriptionRef = useRef(null);\n  const {score = 0, questionsToReview, totalContents} = metrics;\n  const {translate} = context;\n  const {action: bannerMicrolearningAction, oldSwitchValue} = bannerMicrolearning;\n\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => setShowMore(!showMore), [setShowMore, showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        <Markdown>{description}</Markdown>\n      </div>\n    );\n  }, [showMore, description]);\n\n  const ProgressBar = useCallback(() => {\n    if (score === undefined) return null;\n    const progressBarColor = '#3EC483';\n    const inlineProgressValueStyle = {\n      backgroundColor: progressBarColor,\n      width: `${score}%`\n    };\n\n    return (\n      <div className={style.progressBarWrapper}>\n        <div\n          data-name=\"progress\"\n          className={style.progress}\n          style={inlineProgressValueStyle}\n          role=\"progressbar\"\n        />\n      </div>\n    );\n  }, [score]);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={skillRef}>\n        {!isNil(onBackClick) ? (\n          <ButtonLinkIcon\n            faIcon=\"arrow-left\"\n            data-name=\"back-button\"\n            aria-label={translate('back')}\n            onClick={onBackClick}\n            className={style.backButton}\n            tooltipPlacement=\"right\"\n          />\n        ) : null}\n        <div className={style.ctaContainer}>\n          <div>\n            {focused ? (\n              <div className={style.skillFocusBadge}>\n                <Icon\n                  iconName=\"bullseye-arrow\"\n                  backgroundColor=\"#DDD1FF\"\n                  size={{\n                    faSize: 10,\n                    wrapperSize: 16\n                  }}\n                />\n                {translate('skill_focus')}\n              </div>\n            ) : null}\n            <div className={style.title}>{title}</div>\n            {description ? (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {showMore ? translate('Show less') : translate('Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{\n                        faSize: 14,\n                        wrapperSize: 16\n                      }}\n                    />\n                  </div>\n                ) : null}\n              </>\n            ) : null}\n          </div>\n\n          <div className={style.ctaWrapper}>\n            <ButtonLink\n              type=\"secondary\"\n              onClick={onReviewClick}\n              label={translate('review_this_skill')}\n              disabled={!availableForReview}\n              customStyle={{\n                width: 'fit-content',\n                borderRadius: '12px'\n              }}\n            />\n            <ContinueLearningButton\n              ongoingCoursesAvailable={ongoingCoursesAvailable}\n              onClick={onContinueLearningClick}\n            />\n          </div>\n        </div>\n        {questionsToReview > 0 ? (\n          <div className={style.skillInformation} data-name=\"skill-questions\">\n            <span className={style.skillInformationNumber}>{questionsToReview}</span>\n            &nbsp;{translate('skill_chart_side_panel_questions_to_review')}\n          </div>\n        ) : null}\n        <div className={style.progressContainer}>\n          <ProgressBar />\n          <span className={style.progressInformationNumber}>{score.toFixed(1)}%</span>\n        </div>\n        <AllCourses\n          content={skillIncludedCourses}\n          filters={filters}\n          sorting={sorting}\n          totalContents={totalContents}\n          bannerMicrolearning={\n            bannerMicrolearningAction\n              ? {\n                  type: 'skill',\n                  action: bannerMicrolearningAction,\n                  oldSwitchValue\n                }\n              : {}\n          }\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nSkillDetail.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nSkillDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  skillRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  metrics: PropTypes.shape({\n    score: PropTypes.number,\n    questionsToReview: PropTypes.number,\n    totalContents: PropTypes.number\n  }),\n  focused: PropTypes.bool,\n  availableForReview: PropTypes.bool,\n  ongoingCoursesAvailable: PropTypes.bool,\n  skillIncludedCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  sorting: PropTypes.shape(Select.propTypes),\n  onBackClick: PropTypes.func,\n  onReviewClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  }),\n  bannerMicrolearning: PropTypes.shape({\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  })\n};\n\nexport default SkillDetail;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_classnames","_markdownToJsx","_cssColorFunction","_provider","_buttonLinkIcon","_icon","_iconPreview","_buttonLink","_cardsGrid","_colors","_select","_allCourses","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ContinueLearningButton","props","context","ongoingCoursesAvailable","onClick","skin","translate","primarySkinColor","_get2","createElement","label","type","customStyle","width","borderRadius","backgroundColor","hoverBackgroundColor","convert","hoverColor","COLORS","white","icon","position","faIcon","name","color","size","exports","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","func","SkillDetail","title","skillRef","description","metrics","focused","availableForReview","skillIncludedCourses","filters","onBackClick","onReviewClick","onContinueLearningClick","search","bannerMicrolearning","score","questionsToReview","totalContents","bannerMicrolearningAction","action","descriptionRef","useRef","isDescriptionTruncated","setIsDescriptionTruncated","useState","showMore","setShowMore","handleShowMore","useCallback","useEffect","current","clientHeight","scrollHeight","Description","ref","className","classnames","style","truncate","ProgressBar","progressBarColor","cm_positive_500","inlineProgressStyle","progressBarRow","progressBarWrapper","progress","role","progressInformationNumber","toFixed","hasDescription","Boolean","trim","length","backgroundContainer","container","topSection","_isNil2","backButton","tooltipPlacement","mainSection","leftSide","purple_100","rightSide","skillFocusBadge","iconName","faSize","wrapperSize","skillBadge","gray","Fragment","showMoreWrapper","padding","skillInformation","progressContainer","noDescriptionSpacing","ctaWrapper","disabled","cm_grey_700","content","oldSwitchValue","undefined","string","isRequired","shape","number","CardsGrid","onChange","options","arrayOf","SelectOptionPropTypes","oldValue","_default"],"sources":["../../../src/template/skill-detail/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useRef, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {get, isNil} from 'lodash/fp';\nimport Markdown from 'markdown-to-jsx';\nimport {convert} from 'css-color-function';\nimport Provider from '../../atom/provider';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Icon from '../../atom/icon';\nimport IconPreview from '../../molecule/icon-preview';\nimport ButtonLink from '../../atom/button-link';\nimport CardsGrid, {CardsGridProps} from '../../organism/cards-grid';\nimport {COLORS} from '../../variables/colors';\nimport {SelectOptionPropTypes} from '../../atom/select';\nimport AllCourses from './all-courses';\nimport style from './style.css';\n\ninterface ContinueLearningButtonProps {\n  ongoingCoursesAvailable?: boolean;\n  onClick?: () => void;\n}\ninterface ProviderContext {\n  skin: {\n    common: {\n      primary: string;\n      secondary: string;\n    };\n  };\n  translate: (key: string) => string;\n}\n\nexport const ContinueLearningButton = (\n  props: ContinueLearningButtonProps,\n  context: ProviderContext\n) => {\n  const {ongoingCoursesAvailable, onClick} = props;\n  const {skin, translate} = context;\n  const primarySkinColor = get('common.primary', skin);\n\n  return (\n    <ButtonLink\n      label={ongoingCoursesAvailable ? translate('continue_learning') : translate('start_learning')}\n      type=\"primary\"\n      customStyle={{\n        width: 'fit-content',\n        borderRadius: '12px',\n        backgroundColor: primarySkinColor\n      }}\n      hoverBackgroundColor={convert(`hsl(from ${primarySkinColor} h s calc(l*(1 - 0.08)))`)}\n      hoverColor={COLORS.white}\n      icon={{\n        position: 'left',\n        faIcon: {\n          name: 'play',\n          color: COLORS.white,\n          size: 14\n        }\n      }}\n      onClick={onClick}\n    />\n  );\n};\n\nContinueLearningButton.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nContinueLearningButton.propTypes = {\n  ongoingCoursesAvailable: PropTypes.bool,\n  onClick: PropTypes.func\n};\n\ninterface Metrics {\n  score?: number;\n  questionsToReview?: number;\n  totalContents?: number;\n}\n\ntype BannerMicrolearning =\n  | Record<string, never>\n  | {\n      action: () => void;\n      oldSwitchValue: boolean;\n    };\ninterface SkillDetailProps {\n  title: string;\n  skillRef: string;\n  description?: string;\n  metrics?: Metrics;\n  focused?: boolean;\n  availableForReview?: boolean;\n  ongoingCoursesAvailable?: boolean;\n  skillIncludedCourses: CardsGridProps;\n  filters: {\n    onChange?: () => void;\n    options?: unknown[];\n  };\n  onBackClick?: () => void;\n  onReviewClick?: () => void;\n  onContinueLearningClick?: () => void;\n  search: {\n    oldValue: string;\n    onChange: () => void;\n  };\n  bannerMicrolearning?: BannerMicrolearning;\n}\nconst SkillDetail = (props: SkillDetailProps, context: ProviderContext) => {\n  const {\n    title,\n    skillRef,\n    description,\n    metrics = {},\n    focused,\n    availableForReview,\n    ongoingCoursesAvailable,\n    skillIncludedCourses,\n    filters,\n    onBackClick,\n    onReviewClick,\n    onContinueLearningClick,\n    search,\n    bannerMicrolearning\n  } = props;\n\n  const {score = 0, questionsToReview = 0, totalContents = 0} = metrics;\n  const {translate} = context;\n  const bannerMicrolearningAction = bannerMicrolearning?.action;\n  const descriptionRef = useRef(null);\n  const [isDescriptionTruncated, setIsDescriptionTruncated] = useState(false);\n  const [showMore, setShowMore] = useState(false);\n\n  const handleShowMore = useCallback(() => {\n    setShowMore(!showMore);\n  }, [showMore]);\n\n  useEffect(() => {\n    if (descriptionRef.current) {\n      const {clientHeight = 0, scrollHeight = 0} = descriptionRef.current;\n      setIsDescriptionTruncated(scrollHeight > clientHeight);\n    }\n  }, [description]);\n\n  const Description = useCallback(() => {\n    return (\n      <div\n        ref={descriptionRef}\n        className={classnames(style.description, !showMore && style.truncate)}\n      >\n        {description ? <Markdown>{description}</Markdown> : null}\n      </div>\n    );\n  }, [showMore, description]);\n\n  const ProgressBar = useCallback(() => {\n    if (typeof score !== 'number') return null;\n\n    const progressBarColor = COLORS.cm_positive_500;\n    const inlineProgressStyle = {\n      backgroundColor: progressBarColor,\n      width: `${score}%`\n    };\n\n    return (\n      <div className={style.progressBarRow}>\n        <div className={style.progressBarWrapper}>\n          <div\n            data-name=\"progress\"\n            className={style.progress}\n            style={inlineProgressStyle}\n            role=\"progressbar\"\n            aria-valuenow={score}\n            aria-valuemin={0}\n            aria-valuemax={100}\n          />\n        </div>\n        <span className={style.progressInformationNumber}>{score.toFixed(1)}%</span>\n      </div>\n    );\n  }, [score]);\n  const hasDescription = Boolean(description && description.trim().length > 0);\n\n  return (\n    <div className={style.backgroundContainer}>\n      <div className={style.container} data-name={skillRef}>\n        {/* Top section for the back arrow (optional) */}\n        <div className={style.topSection}>\n          {!isNil(onBackClick) ? (\n            <ButtonLinkIcon\n              faIcon=\"arrow-left\"\n              data-name=\"back-button\"\n              aria-label={translate('back')}\n              onClick={onBackClick}\n              className={style.backButton}\n              tooltipPlacement=\"right\"\n            />\n          ) : null}\n        </div>\n\n        {/* Main section: icon on the left, skill info on the right */}\n        <div className={style.mainSection}>\n          <div className={style.leftSide}>\n            <IconPreview\n              icon={{\n                name: 'bullseye-arrow',\n                color: COLORS.purple_100\n              }}\n              title={title}\n            />\n          </div>\n          <div className={style.rightSide}>\n            {focused ? (\n              <div className={style.skillFocusBadge}>\n                <Icon\n                  iconName=\"bullseye-arrow\"\n                  backgroundColor={COLORS.purple_100}\n                  size={{faSize: 10, wrapperSize: 16}}\n                />\n                {translate('skill_focus')}\n              </div>\n            ) : (\n              <div className={style.skillBadge}>\n                <Icon\n                  iconName=\"shapes\"\n                  backgroundColor={COLORS.gray}\n                  size={{faSize: 10, wrapperSize: 16}}\n                />\n                {translate('skill')}\n              </div>\n            )}\n\n            <h2 className={style.title}>{title}</h2>\n\n            {description && (\n              <>\n                <Description />\n                {isDescriptionTruncated ? (\n                  <div className={style.showMoreWrapper} onClick={handleShowMore}>\n                    {showMore ? translate('Show less') : translate('Show more')}\n                    <Icon\n                      iconName={showMore ? 'chevron-up' : 'chevron-down'}\n                      size={{faSize: 14, wrapperSize: 14}}\n                      customStyle={{padding: '8px'}}\n                    />\n                  </div>\n                ) : null}\n              </>\n            )}\n\n            {questionsToReview > 0 ? (\n              <div className={style.skillInformation}>\n                <span>{questionsToReview}</span>\n                &nbsp;{translate('skill_chart_side_panel_questions_to_review')}\n              </div>\n            ) : null}\n\n            <div\n              className={classnames(\n                style.progressContainer,\n                !hasDescription && style.noDescriptionSpacing\n              )}\n            >\n              <ProgressBar />\n            </div>\n\n            <div className={style.ctaWrapper}>\n              <ContinueLearningButton\n                ongoingCoursesAvailable={ongoingCoursesAvailable}\n                onClick={onContinueLearningClick}\n              />\n              <ButtonLink\n                type=\"secondary\"\n                label={translate('review_this_skill')}\n                disabled={!availableForReview}\n                onClick={onReviewClick}\n                icon={{\n                  position: 'left',\n                  faIcon: {\n                    name: 'rotate-right',\n                    color: COLORS.cm_grey_700,\n                    size: 14\n                  }\n                }}\n                customStyle={{borderRadius: '12px', width: 'fit-content'}}\n              />\n            </div>\n          </div>\n        </div>\n\n        {/* Courses section below */}\n        <AllCourses\n          content={skillIncludedCourses}\n          filters={filters}\n          totalContents={totalContents}\n          bannerMicrolearning={\n            bannerMicrolearning && bannerMicrolearningAction\n              ? {\n                  type: 'skill',\n                  action: bannerMicrolearningAction,\n                  oldSwitchValue: bannerMicrolearning.oldSwitchValue\n                }\n              : undefined\n          }\n          search={search}\n        />\n      </div>\n    </div>\n  );\n};\n\nSkillDetail.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSkillDetail.propTypes = {\n  title: PropTypes.string.isRequired,\n  skillRef: PropTypes.string.isRequired,\n  description: PropTypes.string,\n  metrics: PropTypes.shape({\n    score: PropTypes.number,\n    questionsToReview: PropTypes.number,\n    totalContents: PropTypes.number\n  }),\n  focused: PropTypes.bool,\n  availableForReview: PropTypes.bool,\n  ongoingCoursesAvailable: PropTypes.bool,\n  skillIncludedCourses: PropTypes.shape(CardsGrid.propTypes),\n  filters: PropTypes.shape({\n    onChange: PropTypes.func,\n    options: PropTypes.arrayOf(PropTypes.shape(SelectOptionPropTypes))\n  }),\n  onBackClick: PropTypes.func,\n  onReviewClick: PropTypes.func,\n  onContinueLearningClick: PropTypes.func,\n  search: PropTypes.shape({\n    oldValue: PropTypes.string,\n    onChange: PropTypes.func\n  }),\n  bannerMicrolearning: PropTypes.shape({\n    action: PropTypes.func,\n    oldSwitchValue: PropTypes.bool\n  })\n};\n\nexport default SkillDetail;\n"],"mappings":"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","ignoreList":[]}

package/lib/template/skill-detail/style.css

@@ -7,6 +7,7 @@
 @value cm_grey_200 from colors;
 @value cm_grey_400 from colors;
 @value cm_grey_500 from colors;
+@value purple_600 from colors;
 
 .textBase {
   font-family: "Gilroy";
@@ -22,12 +23,7 @@
 .container {
   composes: textBase;
   background-color: white;
-  font-family: "Gilroy";
-  font-style: normal;
-  margin-top: 48px;
-  margin-bottom: 48px;
-  margin-left: auto;
-  margin-right: auto;
+  margin: 48px auto;
   padding: 0 16px;
   position: relative;
   box-sizing: border-box;
@@ -36,14 +32,48 @@
   max-width: calc(1080px + 40px);
 }
 
-.backButton {
-  margin-bottom: 16px;
+.topSection {
+  display: flex;
 }
 
-.ctaContainer {
+.mainSection {
   display: flex;
-  width: 100%;
-  justify-content: space-between;
+  align-items: flex-start;
+  gap: 40px;
+}
+
+.leftSide {
+  width: 420px;
+  height: 280px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.rightSide {
+  max-width: 620px;
+  height: 280px;
+  display: flex;
+  gap: 8px;
+  flex-direction: column;
+}
+
+.title {
+  gap: 8px;
+  margin: 0;
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 32px;
+}
+
+.ctaWrapper {
+  display: flex;
+  gap: 8px;
+  margin-top: 16px;
+}
+
+.backButton {
+  margin-bottom: 16px;
 }
 
 .skillFocusBadge {
@@ -57,35 +87,39 @@
   font-size: 12px;
   line-height: 16px;
   font-weight: 600;
-  color: #3900D6;
-  margin-bottom: 16px;
+  color: purple_600;
 }
 
-.ctaWrapper,
-.showMoreWrapper {
+.skillBadge {
   display: flex;
-  gap: 8px;
+  height: 12px;
+  width: fit-content;
+  align-items: center;
+  background-color: cm_grey_100;
+  border-radius: 24px;
+  padding: 4px 8px;
+  font-size: 12px;
+  line-height: 12px;
+  font-weight: 600;
+  color: cm_grey_500;
 }
 
 .showMoreWrapper {
+  display: flex;
   align-items: center;
-  margin-top: 8px;
+  color: cm_grey_500;
   font-weight: 600;
   cursor: pointer;
-}
-
-.title {
-  font-size: 24px;
-  font-weight: 700;
-  line-height: 32px;
+  font-size: 14px;
 }
 
 .description {
-  margin-top: 8px;
-  max-width: 734px;
+  max-width: 620px;
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
+  flex: 1 0 0;
+  align-self: stretch;
   color: cm_grey_400;
 }
 
@@ -105,27 +139,37 @@
   color: cm_grey_400;
   margin-top: 16px;
 }
-
-.skillInformationNumber {
-  color: #000;
+.noDescriptionSpacing {
+  margin-top: 48px ;
 }
 
+
 .progressContainer {
   display: flex;
   align-items: center;
   gap: 8px;
-  margin: 16px 0 40px 0;
 }
 
 .progressInformationNumber {
+  font-size: 14px;
+  font-weight: 600;
   color: cm_grey_500;
+  flex-shrink: 0;
+}
+
+.progressBarRow {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  width: 100%;
+  gap: 8px;
 }
 
 .progressBarWrapper {
   position: relative;
   left: 0;
   max-width: 300px;
-  width: 100%;
+  flex: 1; 
   height: 4px;
   border-radius: 2px;
   overflow: hidden;
@@ -133,27 +177,41 @@
 }
 
 .progress {
-  display: block;
+  display: flex;
   height: 8px;
   animation: progressbar 2s ease-in-out;
 }
 
 @media tablet {
-  .ctaContainer {
-    flex-direction: column;
+  .topSection {
+    flex-direction: row;
+    align-items: flex-start;
   }
-
-  .ctaWrapper {
-    margin-top: 32px;
+  .leftSide,
+  .rightSide {
+    width: 50%;
   }
 }
 
 @media mobile {
+  .topSection {
+    flex-direction: column;
+    align-items: center; 
+  }
+
+  .leftSide,
+  .rightSide {
+    width: 100%;
+    align-items: center;
+  }
+
   .ctaWrapper {
     flex-direction: column;
+    gap: 8px;
+    margin-top: 16px;
+  }
 
-    button {
-      width: 100% !important;
-    }
+  .ctaWrapper button {
+    width: 100% !important;
   }
 }

package/lib/variables/colors.css

@@ -91,4 +91,13 @@
 @value red_100: #FFD1D1;
 
 @value warning_100: #FFEECC;
-@value warning_700: #B87A00;
+@value warning_700: #B87A00;
+
+@value negative_600 #C91214;
+@value red_200 #FF9E9E;
+@value turquoise_100: '#D9F4F7';
+@value pink_100: '#FAD6DE';
+@value orange_100: '#FFDCD1';
+@value primary_100: '#D6E6FF';
+@value purple_100: #DDD1FF;
+@value purple_600: #3900D6;

package/lib/variables/colors.d.ts

@@ -2,12 +2,12 @@ export declare const COLORS: {
     readonly gray: "#EAEAEB";
     readonly negative: "#ed3436";
     readonly cm_negative_200: "#B81400";
-    readonly positive: "#35CC7F";
     readonly cm_positive_200: "#05944F";
-    readonly white: "#ffffff";
+    readonly white: "#FFFFFF";
     readonly cm_blue_50: "#f1f6fe";
     readonly cm_grey_400: "#9999A8";
     readonly cm_grey_800: "#171721";
+    readonly cm_grey_150: "#E1E1E3";
     readonly cm_primary_blue: "#0061FF";
     readonly cm_blue_700: "#0042AD";
     readonly primary_100: "#D6E6FF";
@@ -22,7 +22,17 @@ export declare const COLORS: {
     readonly red_100: "#FFD1D1";
     readonly cm_turquoise_strong: "#1B7B88";
     readonly yellow_500: "#FFCE0A";
-    readonly neutral_400: "#9999A8";
+    readonly neutral_75: " #F4F4F5";
+    readonly neutral_400: " #9999A8";
+    readonly neutral_500: "#515161";
+    readonly negative_700: "#B81400";
+    readonly cm_orange_800: "#A32700";
+    readonly purple_700: "#2B00A3";
+    readonly purple_100: "#DDD1FF";
+    readonly turquoise_100: "#D9F4F7";
+    readonly pink_100: "#FAD6DE";
+    readonly orange_100: "#FFDCD1";
+    readonly cm_positive_500: "#35CC7F";
 };
 export declare type Colors = typeof COLORS;
 //# sourceMappingURL=colors.d.ts.map

package/lib/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;;;;;;;;;;;;;;;;;;;;;;;;;CAyBT,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCT,CAAC;AAEX,oBAAY,MAAM,GAAG,OAAO,MAAM,CAAC"}

package/lib/variables/colors.js

@@ -6,12 +6,12 @@ const COLORS = exports.COLORS = {
   gray: '#EAEAEB',
   negative: '#ed3436',
   cm_negative_200: '#B81400',
-  positive: '#35CC7F',
   cm_positive_200: '#05944F',
-  white: '#ffffff',
+  white: '#FFFFFF',
   cm_blue_50: '#f1f6fe',
   cm_grey_400: '#9999A8',
   cm_grey_800: '#171721',
+  cm_grey_150: '#E1E1E3',
   cm_primary_blue: '#0061FF',
   cm_blue_700: '#0042AD',
   primary_100: '#D6E6FF',
@@ -26,6 +26,16 @@ const COLORS = exports.COLORS = {
   red_100: '#FFD1D1',
   cm_turquoise_strong: '#1B7B88',
   yellow_500: '#FFCE0A',
-  neutral_400: '#9999A8'
+  neutral_75: ' #F4F4F5',
+  neutral_400: ' #9999A8',
+  neutral_500: '#515161',
+  negative_700: '#B81400',
+  cm_orange_800: '#A32700',
+  purple_700: '#2B00A3',
+  purple_100: '#DDD1FF',
+  turquoise_100: '#D9F4F7',
+  pink_100: '#FAD6DE',
+  orange_100: '#FFDCD1',
+  cm_positive_500: '#35CC7F'
 };
 //# sourceMappingURL=colors.js.map

package/lib/variables/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["COLORS","exports","gray","negative","cm_negative_200","positive","cm_positive_200","white","cm_blue_50","cm_grey_400","cm_grey_800","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_turquoise_strong","yellow_500","neutral_400"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  gray: '#EAEAEB',\n  negative: '#ed3436',\n  cm_negative_200: '#B81400',\n  positive: '#35CC7F',\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_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_turquoise_strong: '#1B7B88',\n  yellow_500: '#FFCE0A',\n  neutral_400: '#9999A8'\n} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":";;;;AAAO,MAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,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,mBAAmB,EAAE,SAAS;EAC9BC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE;AACf,CAAU","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["COLORS","exports","gray","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_turquoise_strong","yellow_500","neutral_75","neutral_400","neutral_500","negative_700","cm_orange_800","purple_700","purple_100","turquoise_100","pink_100","orange_100","cm_positive_500"],"sources":["../../src/variables/colors.ts"],"sourcesContent":["export const COLORS = {\n  gray: '#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_turquoise_strong: '#1B7B88',\n  yellow_500: '#FFCE0A',\n  neutral_75: ' #F4F4F5',\n  neutral_400: ' #9999A8',\n  neutral_500: '#515161',\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} as const;\n\nexport type Colors = typeof COLORS;\n"],"mappings":";;;;AAAO,MAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBE,IAAI,EAAE,SAAS;EACfC,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,mBAAmB,EAAE,SAAS;EAC9BC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE,UAAU;EACtBC,WAAW,EAAE,UAAU;EACvBC,WAAW,EAAE,SAAS;EACtBC,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;AACnB,CAAU","ignoreList":[]}

package/lib/variables/theme.native.js

@@ -25,7 +25,7 @@ const defaultTheme = {
     },
     cta: cm_primary_blue,
     negative: _colors.COLORS.negative,
-    positive: _colors.COLORS.positive,
+    positive: _colors.COLORS.cm_positive_500,
     white: '#FFFFFF',
     black: '#14171A',
     battle: '#FFDE03',

package/lib/variables/theme.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.native.js","names":["_colors","require","HTML_ANCHOR_TEXT_COLOR","exports","cm_primary_blue","COLORS","defaultTheme","colors","border","gray","extra","lighter","light","lightMedium","medium","dark","extraDark","text","primary","secondary","cta","negative","positive","white","black","battle","notification","salmon","podcast","background","cm_grey_800","spacing","micro","tiny","small","base","large","xlarge","radius","common","card","regular","search","button","thumbnail","fontWeight","semiBold","bold","extraBold","fontSize","extraSmall","xxlarge","xxxlarge","letterSpacing","header","_default","default"],"sources":["../../src/variables/theme.native.ts"],"sourcesContent":["import {TextStyle} from 'react-native';\nimport {COLORS} from './colors';\n\nexport type SpaceType = 'micro' | 'tiny' | 'small' | 'base' | 'medium' | 'large' | 'xlarge';\n\nexport const HTML_ANCHOR_TEXT_COLOR = '#002BDB';\n\nconst {cm_primary_blue} = COLORS;\n\nexport type Colors = {\n  border: string;\n  gray: {\n    extra: string;\n    light: string;\n    lighter: string;\n    lightMedium: string;\n    medium: string;\n    dark: string;\n    extraDark: string;\n  };\n  podcast: {\n    background: string;\n    primary: string;\n  };\n  text: {\n    primary: string;\n    secondary: string;\n  };\n  cta: string;\n  negative: string;\n  positive: string;\n  white: string;\n  black: string;\n  battle: string;\n  notification: string;\n  salmon: string;\n};\n\nexport type Theme = {\n  colors: Colors;\n  spacing: {\n    micro: number;\n    tiny: number;\n    small: number;\n    base: number;\n    medium: number;\n    large: number;\n    xlarge: number;\n  };\n  radius: {\n    button: number;\n    common: number;\n    card: number;\n    medium: number;\n    regular: number;\n    search: number;\n    thumbnail: number;\n  };\n  fontWeight: {\n    regular: TextStyle['fontWeight'];\n    semiBold: TextStyle['fontWeight'];\n    bold: TextStyle['fontWeight'];\n    extraBold: TextStyle['fontWeight'];\n  };\n  fontSize: {\n    extraSmall: TextStyle['fontSize'];\n    small: TextStyle['fontSize'];\n    medium: TextStyle['fontSize'];\n    regular: TextStyle['fontSize'];\n    large: TextStyle['fontSize'];\n    xlarge: TextStyle['fontSize'];\n    xxlarge: TextStyle['fontSize'];\n    xxxlarge: TextStyle['fontSize'];\n  };\n  letterSpacing: {\n    header: number;\n  };\n};\n\nconst defaultTheme: Theme = {\n  colors: {\n    border: 'rgba(0, 0, 0, 0.1)',\n    gray: {\n      extra: '#FAFAFA',\n      lighter: '#F4F4F5',\n      light: '#ededed',\n      lightMedium: '#CFD8DC',\n      medium: '#90A4AE',\n      dark: '#546E7A',\n      extraDark: '#323232'\n    },\n    text: {\n      primary: '#06265B',\n      secondary: '#FFFFFF'\n    },\n    cta: cm_primary_blue,\n    negative: COLORS.negative,\n    positive: COLORS.positive,\n    white: '#FFFFFF',\n    black: '#14171A',\n    battle: '#FFDE03',\n    notification: '#FF7043',\n    salmon: '#FDE2E5',\n    podcast: {\n      background: COLORS.cm_grey_800,\n      primary: '#FF541F'\n    }\n  },\n  spacing: {\n    micro: 4,\n    tiny: 8,\n    small: 16,\n    base: 24,\n    medium: 32,\n    large: 48,\n    xlarge: 64\n  },\n  radius: {\n    common: 3,\n    card: 5,\n    regular: 8,\n    medium: 12,\n    search: 24,\n    button: 32,\n    thumbnail: 1000\n  },\n  fontWeight: {\n    regular: '400',\n    semiBold: '500',\n    bold: '700',\n    extraBold: '900'\n  },\n  fontSize: {\n    extraSmall: 10,\n    small: 12,\n    medium: 13,\n    regular: 15,\n    large: 17,\n    xlarge: 22,\n    xxlarge: 28,\n    xxxlarge: 40\n  },\n  letterSpacing: {\n    header: 5\n  }\n};\n\nexport default defaultTheme;\n"],"mappings":";;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AAIO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAS;AAE/C,MAAM;EAACE;AAAe,CAAC,GAAGC,cAAM;AAwEhC,MAAMC,YAAmB,GAAG;EAC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,oBAAoB;IAC5BC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAChBC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE,SAAS;MAChBC,WAAW,EAAE,SAAS;MACtBC,MAAM,EAAE,SAAS;MACjBC,IAAI,EAAE,SAAS;MACfC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,SAAS;MAClBC,SAAS,EAAE;IACb,CAAC;IACDC,GAAG,EAAEhB,eAAe;IACpBiB,QAAQ,EAAEhB,cAAM,CAACgB,QAAQ;IACzBC,QAAQ,EAAEjB,cAAM,CAACiB,QAAQ;IACzBC,KAAK,EAAE,SAAS;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,YAAY,EAAE,SAAS;IACvBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;MACPC,UAAU,EAAExB,cAAM,CAACyB,WAAW;MAC9BZ,OAAO,EAAE;IACX;EACF,CAAC;EACDa,OAAO,EAAE;IACPC,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,EAAE;IACTC,IAAI,EAAE,EAAE;IACRrB,MAAM,EAAE,EAAE;IACVsB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,CAAC;IACV3B,MAAM,EAAE,EAAE;IACV4B,MAAM,EAAE,EAAE;IACVC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE;EACb,CAAC;EACDC,UAAU,EAAE;IACVJ,OAAO,EAAE,KAAK;IACdK,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE,KAAK;IACXC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,UAAU,EAAE,EAAE;IACdhB,KAAK,EAAE,EAAE;IACTpB,MAAM,EAAE,EAAE;IACV2B,OAAO,EAAE,EAAE;IACXL,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVc,OAAO,EAAE,EAAE;IACXC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbC,MAAM,EAAE;EACV;AACF,CAAC;AAAC,IAAAC,QAAA,GAAApD,OAAA,CAAAqD,OAAA,GAEalD,YAAY","ignoreList":[]}
+{"version":3,"file":"theme.native.js","names":["_colors","require","HTML_ANCHOR_TEXT_COLOR","exports","cm_primary_blue","COLORS","defaultTheme","colors","border","gray","extra","lighter","light","lightMedium","medium","dark","extraDark","text","primary","secondary","cta","negative","positive","cm_positive_500","white","black","battle","notification","salmon","podcast","background","cm_grey_800","spacing","micro","tiny","small","base","large","xlarge","radius","common","card","regular","search","button","thumbnail","fontWeight","semiBold","bold","extraBold","fontSize","extraSmall","xxlarge","xxxlarge","letterSpacing","header","_default","default"],"sources":["../../src/variables/theme.native.ts"],"sourcesContent":["import {TextStyle} from 'react-native';\nimport {COLORS} from './colors';\n\nexport type SpaceType = 'micro' | 'tiny' | 'small' | 'base' | 'medium' | 'large' | 'xlarge';\n\nexport const HTML_ANCHOR_TEXT_COLOR = '#002BDB';\n\nconst {cm_primary_blue} = COLORS;\n\nexport type Colors = {\n  border: string;\n  gray: {\n    extra: string;\n    light: string;\n    lighter: string;\n    lightMedium: string;\n    medium: string;\n    dark: string;\n    extraDark: string;\n  };\n  podcast: {\n    background: string;\n    primary: string;\n  };\n  text: {\n    primary: string;\n    secondary: string;\n  };\n  cta: string;\n  negative: string;\n  positive: string;\n  white: string;\n  black: string;\n  battle: string;\n  notification: string;\n  salmon: string;\n};\n\nexport type Theme = {\n  colors: Colors;\n  spacing: {\n    micro: number;\n    tiny: number;\n    small: number;\n    base: number;\n    medium: number;\n    large: number;\n    xlarge: number;\n  };\n  radius: {\n    button: number;\n    common: number;\n    card: number;\n    medium: number;\n    regular: number;\n    search: number;\n    thumbnail: number;\n  };\n  fontWeight: {\n    regular: TextStyle['fontWeight'];\n    semiBold: TextStyle['fontWeight'];\n    bold: TextStyle['fontWeight'];\n    extraBold: TextStyle['fontWeight'];\n  };\n  fontSize: {\n    extraSmall: TextStyle['fontSize'];\n    small: TextStyle['fontSize'];\n    medium: TextStyle['fontSize'];\n    regular: TextStyle['fontSize'];\n    large: TextStyle['fontSize'];\n    xlarge: TextStyle['fontSize'];\n    xxlarge: TextStyle['fontSize'];\n    xxxlarge: TextStyle['fontSize'];\n  };\n  letterSpacing: {\n    header: number;\n  };\n};\n\nconst defaultTheme: Theme = {\n  colors: {\n    border: 'rgba(0, 0, 0, 0.1)',\n    gray: {\n      extra: '#FAFAFA',\n      lighter: '#F4F4F5',\n      light: '#ededed',\n      lightMedium: '#CFD8DC',\n      medium: '#90A4AE',\n      dark: '#546E7A',\n      extraDark: '#323232'\n    },\n    text: {\n      primary: '#06265B',\n      secondary: '#FFFFFF'\n    },\n    cta: cm_primary_blue,\n    negative: COLORS.negative,\n    positive: COLORS.cm_positive_500,\n    white: '#FFFFFF',\n    black: '#14171A',\n    battle: '#FFDE03',\n    notification: '#FF7043',\n    salmon: '#FDE2E5',\n    podcast: {\n      background: COLORS.cm_grey_800,\n      primary: '#FF541F'\n    }\n  },\n  spacing: {\n    micro: 4,\n    tiny: 8,\n    small: 16,\n    base: 24,\n    medium: 32,\n    large: 48,\n    xlarge: 64\n  },\n  radius: {\n    common: 3,\n    card: 5,\n    regular: 8,\n    medium: 12,\n    search: 24,\n    button: 32,\n    thumbnail: 1000\n  },\n  fontWeight: {\n    regular: '400',\n    semiBold: '500',\n    bold: '700',\n    extraBold: '900'\n  },\n  fontSize: {\n    extraSmall: 10,\n    small: 12,\n    medium: 13,\n    regular: 15,\n    large: 17,\n    xlarge: 22,\n    xxlarge: 28,\n    xxxlarge: 40\n  },\n  letterSpacing: {\n    header: 5\n  }\n};\n\nexport default defaultTheme;\n"],"mappings":";;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AAIO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAS;AAE/C,MAAM;EAACE;AAAe,CAAC,GAAGC,cAAM;AAwEhC,MAAMC,YAAmB,GAAG;EAC1BC,MAAM,EAAE;IACNC,MAAM,EAAE,oBAAoB;IAC5BC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAChBC,OAAO,EAAE,SAAS;MAClBC,KAAK,EAAE,SAAS;MAChBC,WAAW,EAAE,SAAS;MACtBC,MAAM,EAAE,SAAS;MACjBC,IAAI,EAAE,SAAS;MACfC,SAAS,EAAE;IACb,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,SAAS;MAClBC,SAAS,EAAE;IACb,CAAC;IACDC,GAAG,EAAEhB,eAAe;IACpBiB,QAAQ,EAAEhB,cAAM,CAACgB,QAAQ;IACzBC,QAAQ,EAAEjB,cAAM,CAACkB,eAAe;IAChCC,KAAK,EAAE,SAAS;IAChBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE,SAAS;IACjBC,YAAY,EAAE,SAAS;IACvBC,MAAM,EAAE,SAAS;IACjBC,OAAO,EAAE;MACPC,UAAU,EAAEzB,cAAM,CAAC0B,WAAW;MAC9Bb,OAAO,EAAE;IACX;EACF,CAAC;EACDc,OAAO,EAAE;IACPC,KAAK,EAAE,CAAC;IACRC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,EAAE;IACTC,IAAI,EAAE,EAAE;IACRtB,MAAM,EAAE,EAAE;IACVuB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,CAAC;IACV5B,MAAM,EAAE,EAAE;IACV6B,MAAM,EAAE,EAAE;IACVC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE;EACb,CAAC;EACDC,UAAU,EAAE;IACVJ,OAAO,EAAE,KAAK;IACdK,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE,KAAK;IACXC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,UAAU,EAAE,EAAE;IACdhB,KAAK,EAAE,EAAE;IACTrB,MAAM,EAAE,EAAE;IACV4B,OAAO,EAAE,EAAE;IACXL,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVc,OAAO,EAAE,EAAE;IACXC,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbC,MAAM,EAAE;EACV;AACF,CAAC;AAAC,IAAAC,QAAA,GAAArD,OAAA,CAAAsD,OAAA,GAEanD,YAAY","ignoreList":[]}

package/locales/cs/global.json

@@ -42,6 +42,7 @@
   "cookies_title": "Jak využíváme soubory cookie:",
   "Create a new cohort": "Create a new cohort",
   "courses": "Kurzy",
+  "content": "content",
   "courses_completed": "Dokončené kurzy",
   "continue_learning": "Pokračujte v učení",
   "learning_priority_modal_title": "Nová priorita učení",

package/locales/en/global.json

@@ -42,6 +42,7 @@
   "cookies_title": "How we use cookies:",
   "Create a new cohort": "Create a new cohort",
   "courses": "Courses",
+  "content": "content",
   "courses_completed": "Courses completed",
   "continue_learning": "Continue learning",
   "learning_priority_modal_title": "New learning priority",

package/locales/hr/global.json

@@ -42,6 +42,7 @@
   "cookies_title": "Kako koristimo kolačiće:",
   "Create a new cohort": "Stvorite novu skupinu",
   "courses": "Tečajevi",
+  "content": "content",
   "courses_completed": "Završeni tečajevi",
   "continue_learning": "Nastavite učiti",
   "learning_priority_modal_title": "Novi prioritet učenja",

package/locales/it/global.json

@@ -42,6 +42,7 @@
   "cookies_title": "Come utilizziamo i cookie:",
   "Create a new cohort": "Create a new cohort",
   "courses": "Corsi",
+  "content": "content",
   "courses_completed": "Corsi completati",
   "continue_learning": "Continua ad imparare",
   "learning_priority_modal_title": "Nuova priorità di apprendimento",

package/locales/ko/global.json

@@ -42,6 +42,7 @@
   "cookies_title": "당사가 쿠키를 사용하는 방법:",
   "Create a new cohort": "Create a new cohort",
   "courses": "과정( or 과목)",
+  "content": "content",
   "courses_completed": "이수한 과정",
   "continue_learning": "계속 학습",
   "learning_priority_modal_title": "새로운 학습 우선순위",

package/locales/ru/global.json

@@ -42,6 +42,7 @@
   "cookies_title": "Как мы используем файлы cookie:",
   "Create a new cohort": "Создать новый сегмент",
   "courses": "Курсы",
+  "content": "content",
   "courses_completed": "Курсы завершены",
   "continue_learning": "Продолжить обучение",
   "learning_priority_modal_title": "Новый приоритет обучения",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.35.2-alpha.4+43cf5e931",
+  "version": "11.35.2-forcedeploy.13+a68bf9e5e",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -165,5 +165,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "43cf5e9313a8903e5b4ff4e891a0dd002a947484"
+  "gitHead": "a68bf9e5e7ab00c6a77905ddcc55fc374b6afdae"
 }

package/locales/.mtslconfig.json

@@ -1 +0,0 @@
-{"ignore_dirs":[]}