@coorpacademy/components 11.32.13 → 11.32.15-alpha.13

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

@@ -0,0 +1,174 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value tablet from breakpoints;
+@value mobile from breakpoints;
+@value xtraLightGrey from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_200 from colors;
+@value cm_grey_400 from colors;
+
+.textBase {
+  font-family: "Gilroy";
+  font-style: normal;
+}
+
+.backgroundContainer {
+  background-color: white;
+  min-height: 100%;
+  width: 100%;
+}
+
+.container {
+  composes: textBase;
+  background-color: white;
+  font-family: "Gilroy";
+  font-style: normal;
+  margin-top: 48px;
+  margin-bottom: 48px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 0 16px;
+  position: relative;
+  box-sizing: border-box;
+  min-height: 100%;
+  width: 100%;
+  max-width: calc(1080px + 40px);
+}
+
+.backButtonWrapper {
+  margin-bottom: 16px;
+  background-color: cm_grey_100;
+  border-radius: 8px;
+  width: fit-content;
+  padding: 8px;
+  cursor: pointer;
+}
+
+.ctaContainer {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}
+
+.skillFocusBadge {
+  display: flex;
+  height: 12px;
+  width: fit-content;
+  align-items: center;
+  background-color: #DDD1FF;
+  border-radius: 24px;
+  padding: 4px 8px;
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 600;
+  color: #3900D6;
+  margin-bottom: 16px;
+}
+
+.ctaWrapper,
+.showMoreWrapper {
+  display: flex;
+  gap: 8px;
+}
+
+.showMoreWrapper {
+  align-items: center;
+  margin-top: 8px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.title {
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 32px;
+}
+
+.description {
+  margin-top: 8px;
+  max-width: 734px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  color: cm_grey_400;
+}
+
+.truncate {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.progressInformationsWrapper {
+  margin-top: 40px;
+  background-color: xtraLightGrey;
+  border-radius: 16px;
+  padding: 24px;
+}
+
+.progressTitle {
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 22px;
+  margin-bottom: 16px;
+}
+
+.skillCoursesAndQuestionsWrapper,
+.progressInformations {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+
+.skillInformation,
+.progressInformation {
+  composes: textBase;
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 20px;
+  color: cm_grey_400;
+}
+
+.skillInformationNumber,
+.progressInformationNumber {
+  color: #000;
+}
+
+.progressBarWrapper {
+  position: relative;
+  left: 0;
+  width: 100%;
+  height: 4px;
+  border-radius: 2px;
+  overflow: hidden;
+  background-color: cm_grey_100;
+  margin: 16px 0;
+}
+
+.progress {
+  display: block;
+  height: 8px;
+  animation: progressbar 2s ease-in-out;
+}
+
+@media tablet {
+  .ctaContainer {
+    flex-direction: column;
+  }
+
+  .ctaWrapper {
+    margin-top: 32px;
+  }
+}
+
+@media mobile {
+  .ctaWrapper {
+    flex-direction: column;
+
+    button {
+      width: 100% !important;
+    }
+  }
+}

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

@@ -37,7 +37,7 @@ declare namespace TeamsDashboard {
         const sections: PropTypes.Requireable<(PropTypes.InferProps<{
             contentType: PropTypes.Requireable<string>;
             dataName: PropTypes.Requireable<string>;
-            title: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
             showMore: PropTypes.Requireable<string>;
             cards: PropTypes.Requireable<(PropTypes.InferProps<{
                 badge: PropTypes.Requireable<string>;
@@ -91,6 +91,9 @@ declare namespace TeamsDashboard {
                     adaptive: PropTypes.Requireable<string>;
                 }>>;
             }> | null | undefined)[]>;
+            customStyle: PropTypes.Requireable<{
+                [x: string]: string | null | undefined;
+            }>;
             onScroll: PropTypes.Requireable<(...args: any[]) => any>;
             onShowMore: PropTypes.Requireable<(...args: any[]) => any>;
             'arrows-aria-label': PropTypes.Requireable<PropTypes.InferProps<{

package/locales/en/global.json

@@ -1,5 +1,6 @@
 {
   "all": "All",
+  "all_courses": "All courses",
   "accepted_cards": "Credit or debit card",
   "An Error Occurred": "An Error Occurred",
   "Answer": "Answer",
@@ -22,6 +23,7 @@
   "Create a new cohort": "Create a new cohort",
   "courses": "Courses",
   "courses_completed": "Courses completed",
+  "continue_learning": "Continue learning",
   "skills_change_focus": "Change skill focus",
   "skills_choose_focus": "Choose your focus",
   "cancel": "Cancel",
@@ -59,6 +61,7 @@
   "product_desc_culture": "Digital culture: All levels completed",
   "product_desc_forum": "Forum",
   "product_desc_partnership": "All training courses of our partners",
+  "your_progress": "Your progress",
   "Put back": "Put back",
   "Reject": "Reject",
   "Reload": "Reload",
@@ -66,12 +69,16 @@
   "Review lesson": "Review lesson",
   "search_place_holder": "Search...",
   "secured_payment": "Secure server",
+  "start_learning": "Start learning",
+  "sort_by": "Sort by:",
   "See clue": "See clue",
   "See less": "See less",
   "See lesson": "See lesson",
   "Select a dashboard in the Sidebar": "Select a dashboard in the Sidebar",
   "Show more": "Show more",
+  "Show less": "Show less",
   "Show": "Show",
+  "show_completed": "Show completed",
   "Start battle": "Start battle",
   "skills_section_title": "Skills",
   "skills_section_description": "Explore or review skills",
@@ -127,6 +134,7 @@
     "invalid_scorm": "scorm file is not valid",
     "show_errors": "show errors"
   },
+  "review_this_skill": "Review this skill",
   "review_skill_empty": "You have no skill to revise yet",
   "review_skill_empty_description": "First you need to complete courses before you can review different skills.",
   "close_button_ariaLabel": "Close review slide",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coorpacademy/components",
-  "version": "11.32.13",
+  "version": "11.32.15-alpha.13+c89a54bac",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -177,5 +177,5 @@
     "last 2 versions",
     "IE 11"
   ],
-  "gitHead": "6ab0254581f7381d7f561fefc8bb233bf223369c"
+  "gitHead": "c89a54bac172a097fc2a0f29decd8dcfeea31b8e"
 }