catchup-library-web 2.3.7 → 2.4.0

package/dist/index.js

@@ -70,10 +70,8 @@ __export(index_exports, {
   ActivityBodyContent: () => ActivityBodyContent_default,
   ActivityEmptyContent: () => ActivityEmptyContent_default,
   ActivityEvaluationRubricContent: () => ActivityEvaluationRubricContent_default,
-  ActivityLabel: () => ActivityLabel_default,
   ActivityPreviewByData: () => ActivityPreviewByData_default,
   ActivitySolutionContent: () => ActivitySolutionContent_default,
-  ActivityTemplateLabel: () => ActivityTemplateLabel_default,
   ApproveButton: () => ApproveButton_default,
   BaseCard: () => BaseCard_default,
   BaseImage: () => BaseImage_default,
@@ -82,23 +80,25 @@ __export(index_exports, {
   BaseModal: () => BaseModal_default,
   BasePDF: () => BasePDF_default,
   BaseTitle: () => BaseTitle_default,
+  BlueLabel: () => BlueLabel_default,
   BlueVerticalDividerLine: () => BlueVerticalDividerLine_default,
-  BrandLabel: () => BrandLabel_default,
   CancelButton: () => CancelButton_default,
-  CategoryLabel: () => CategoryLabel_default,
-  CoterieLabel: () => CoterieLabel_default,
+  CoralLabel: () => CoralLabel_default,
   CreateButton: () => CreateButton_default,
+  CyanLabel: () => CyanLabel_default,
   DeleteButton: () => DeleteButton_default,
   DividerLine: () => DividerLine_default,
   DropdownActivityContent: () => DropdownActivityContent_default,
   FillInTheBlanksActivityContent: () => FillInTheBlanksActivityContent_default,
   FullCard: () => FullCard_default,
-  GradeLabel: () => GradeLabel_default,
+  GrayLabel: () => GrayLabel_default,
+  GreenLabel: () => GreenLabel_default,
   GroupingActivityContent: () => GroupingActivityContent_default,
   InfoWithText: () => InfoWithText_default,
   InputGroup: () => InputGroup_default,
   InputWithSpecialExpression: () => InputWithSpecialExpression_default,
   LeftTextRightInputGroup: () => LeftTextRightInputGroup_default,
+  LimeLabel: () => LimeLabel_default,
   MCMAActivityContent: () => MCMAActivityContent_default,
   MCSAActivityContent: () => MCSAActivityContent_default,
   MatchingActivityContent: () => MatchingActivityContent_default,
@@ -107,13 +107,13 @@ __export(index_exports, {
   ONE_MONTH: () => ONE_MONTH,
   ONE_WEEK: () => ONE_WEEK,
   OpenEndedActivityContent: () => OpenEndedActivityContent_default,
+  OrangeLabel: () => OrangeLabel_default,
   OrderingActivityContent: () => OrderingActivityContent_default,
-  OutcomeLabel: () => OutcomeLabel_default,
   PageTravelGroup: () => PageTravelGroup_default,
-  PersonalLabel: () => PersonalLabel_default,
   PrimaryButton: () => PrimaryButton_default,
   ProgressBar: () => ProgressBar_default,
-  PublishingHouseLabel: () => PublishingHouseLabel_default,
+  PurpleLabel: () => PurpleLabel_default,
+  RedLabel: () => RedLabel_default,
   ScoreBar: () => ScoreBar_default,
   SecondaryButton: () => SecondaryButton_default,
   SelectionBox: () => SelectionBox_default,
@@ -123,6 +123,7 @@ __export(index_exports, {
   StatusError: () => StatusError_default,
   SubTitle: () => SubTitle_default,
   THREE_MONTHS: () => THREE_MONTHS,
+  TealLabel: () => TealLabel_default,
   TimedProgressBar: () => TimedProgressBar_default,
   TrueFalseActivityContent: () => TrueFalseActivityContent_default,
   VerticalDividerLine: () => VerticalDividerLine_default,
@@ -4377,9 +4378,9 @@ var getLanguageFromCurriculumType = (curriculumType) => {
 };
 var getSystemLanguageFromCurriculumType = (curriculumType) => {
   if (curriculumType === "MEB") {
-    return "tr";
+    return "TR";
   }
-  return "en";
+  return "EN";
 };
 
 // src/components/dropdowns/MediaDropdown.tsx
@@ -7760,149 +7761,243 @@ var SelectionTabFill = ({
 };
 var SelectionTabFill_default = SelectionTabFill;
 
-// src/components/labels/ActivityTemplateLabel.tsx
+// src/components/labels/Label.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
-var ActivityTemplateLabel = ({
+var Label = ({
   title,
   icon,
-  font
+  font = "text-md",
+  borderWidth = 1,
+  borderColor,
+  backgroundColor,
+  textColor
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
-    icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(BaseImage_default, { src: "/icons/activity.webp", alt: "label", size: "xsmall" }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: font ? font : "text-sm", children: title })
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    "div",
+    {
+      className: "px-3 py-1 gap-x-3 border rounded-catchup-2xlarge text-center",
+      style: {
+        borderWidth,
+        borderColor,
+        background: backgroundColor,
+        color: textColor
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+        icon,
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: font, children: title })
+      ] })
+    }
+  );
 };
-var ActivityTemplateLabel_default = ActivityTemplateLabel;
+var Label_default = Label;
 
-// src/components/labels/BrandLabel.tsx
+// src/components/labels/TealLabel.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var BrandLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
-    icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(BaseImage_default, { src: "/icons/brand-label.webp", alt: "label", size: "xsmall" }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: font ? font : "text-sm", children: title })
-  ] }) });
+var TealLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+    Label_default,
+    {
+      title,
+      icon,
+      font,
+      borderColor: "#B2E5EF",
+      backgroundColor: "#E7F8FB",
+      textColor: "#3E879A"
+    }
+  );
 };
-var BrandLabel_default = BrandLabel;
+var TealLabel_default = TealLabel;
 
-// src/components/labels/CategoryLabel.tsx
+// src/components/labels/PurpleLabel.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
-var CategoryLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-category-label-border bg-category-label text-category-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
-    icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-      BaseImage_default,
-      {
-        src: "/icons/category-label.webp",
-        alt: "label",
-        size: "xsmall"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: font ? font : "text-sm", children: title })
-  ] }) });
+var PurpleLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    Label_default,
+    {
+      title,
+      icon,
+      font,
+      borderColor: "#E3CEF4",
+      backgroundColor: "#EDEAF1",
+      textColor: "#9C63B0"
+    }
+  );
 };
-var CategoryLabel_default = CategoryLabel;
+var PurpleLabel_default = PurpleLabel;
 
-// src/components/labels/CoterieLabel.tsx
+// src/components/labels/GreenLabel.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
-var CoterieLabel = ({ title, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: font ? font : "text-sm", children: title }) });
+var GreenLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    Label_default,
+    {
+      title,
+      icon,
+      font,
+      borderColor: "#BBF7D0",
+      backgroundColor: "#ECFDF5",
+      textColor: "#059669"
+    }
+  );
 };
-var CoterieLabel_default = CoterieLabel;
+var GreenLabel_default = GreenLabel;
 
-// src/components/labels/GradeLabel.tsx
+// src/components/labels/BlueLabel.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
-var GradeLabel = ({ title, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: font ? font : "text-sm", children: title }) });
+var BlueLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    Label_default,
+    {
+      title,
+      icon,
+      font,
+      borderColor: "#E4ECFF",
+      backgroundColor: "#F6FBFD",
+      textColor: "#4E9BD2"
+    }
+  );
 };
-var GradeLabel_default = GradeLabel;
+var BlueLabel_default = BlueLabel;
 
-// src/components/labels/OutcomeLabel.tsx
+// src/components/labels/OrangeLabel.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
-var OutcomeLabel = ({ title, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(BaseImage_default, { src: "/icons/category.webp", alt: "label", size: "xsmall" }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: font ? font : "text-sm", children: title })
-  ] }) });
+var OrangeLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    Label_default,
+    {
+      title,
+      icon,
+      font,
+      borderColor: "#E2D0CA",
+      backgroundColor: "#FEF8F6",
+      textColor: "#FF8156"
+    }
+  );
 };
-var OutcomeLabel_default = OutcomeLabel;
+var OrangeLabel_default = OrangeLabel;
 
-// src/components/labels/PersonalLabel.tsx
+// src/components/labels/RedLabel.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
-var PersonalLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-personal-label-border bg-personal-label text-personal-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
-    icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-      BaseImage_default,
-      {
-        src: "/icons/personal-label.webp",
-        alt: "label",
-        size: "xsmall"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: font ? font : "text-sm", children: title })
-  ] }) });
+var RedLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    Label_default,
+    {
+      title,
+      icon,
+      font,
+      borderColor: "#F9E0E0",
+      backgroundColor: "#FEF2F2",
+      textColor: "#FF6B6B"
+    }
+  );
 };
-var PersonalLabel_default = PersonalLabel;
+var RedLabel_default = RedLabel;
 
-// src/components/labels/PublishingHouseLabel.tsx
+// src/components/labels/LimeLabel.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
-var PublishingHouseLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
-    icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-      BaseImage_default,
-      {
-        src: "/icons/publishing-house-label.webp",
-        alt: "label",
-        size: "xsmall"
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: font ? font : "text-sm", children: title })
-  ] }) });
+var LimeLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    Label_default,
+    {
+      title,
+      icon,
+      font,
+      borderColor: "#D9EF9F",
+      backgroundColor: "#F0F7DD",
+      textColor: "#789C23"
+    }
+  );
 };
-var PublishingHouseLabel_default = PublishingHouseLabel;
+var LimeLabel_default = LimeLabel;
 
-// src/components/labels/ActivityLabel.tsx
+// src/components/labels/CoralLabel.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
-var ActivityLabel = ({ title, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: font ? font : "text-sm", children: title }) });
+var CoralLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    Label_default,
+    {
+      title,
+      icon,
+      font,
+      borderColor: "#FCCFC5",
+      backgroundColor: "#FEF0ED",
+      textColor: "#F98066"
+    }
+  );
 };
-var ActivityLabel_default = ActivityLabel;
+var CoralLabel_default = CoralLabel;
 
-// src/components/infos/InfoWithText.tsx
+// src/components/labels/CyanLabel.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
+var CyanLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+    Label_default,
+    {
+      title,
+      icon,
+      font,
+      borderColor: "#A4E7F1",
+      backgroundColor: "#DEFBFF",
+      textColor: "#0F899C"
+    }
+  );
+};
+var CyanLabel_default = CyanLabel;
+
+// src/components/labels/GrayLabel.tsx
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var GrayLabel = ({ title, icon, font }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    Label_default,
+    {
+      title,
+      icon,
+      font,
+      borderColor: "#D2DDE1",
+      backgroundColor: "#EAECF1",
+      textColor: "#55777F"
+    }
+  );
+};
+var GrayLabel_default = GrayLabel;
+
+// src/components/infos/InfoWithText.tsx
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var InfoWithText = (props) => {
   const { value } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "w-full flex flex-row items-center gap-x-2 my-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(BaseImage_default, { src: "/icons/info.webp", alt: "info", size: "small" }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "", children: value }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "w-full flex flex-row items-center gap-x-2 my-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(BaseImage_default, { src: "/icons/info.webp", alt: "info", size: "small" }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "", children: value }) })
   ] });
 };
 var InfoWithText_default = InfoWithText;
 
 // src/components/titles/BaseTitle.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var BaseTitle = ({
   title,
   totalItemCount,
   itemName,
   description
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col gap-y-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("p", { className: "text-2xl font-medium", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col gap-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("p", { className: "text-2xl font-medium", children: [
       title,
-      totalItemCount && itemName ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "p-2 text-base text-catchup-blue-600 border border-catchup-blue-300 rounded-catchup-3xlarge mx-2 bg-catchup-blue-100", children: [
+      totalItemCount && itemName ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "p-2 text-base text-catchup-blue-600 border border-catchup-blue-300 rounded-catchup-3xlarge mx-2 bg-catchup-blue-100", children: [
         totalItemCount,
         " ",
         itemName
       ] }) : null
     ] }),
-    description ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "", children: description }) : null
+    description ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "", children: description }) : null
   ] });
 };
 var BaseTitle_default = BaseTitle;
 
 // src/components/titles/SubTitle.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var SubTitle = ({ title }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-xl font-medium text-catchup-darker-blue", children: title });
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-xl font-medium text-catchup-darker-blue", children: title });
 };
 var SubTitle_default = SubTitle;
 
@@ -10663,10 +10758,8 @@ var retrieveActivityMethodologyOptionList = () => {
   ActivityBodyContent,
   ActivityEmptyContent,
   ActivityEvaluationRubricContent,
-  ActivityLabel,
   ActivityPreviewByData,
   ActivitySolutionContent,
-  ActivityTemplateLabel,
   ApproveButton,
   BaseCard,
   BaseImage,
@@ -10675,23 +10768,25 @@ var retrieveActivityMethodologyOptionList = () => {
   BaseModal,
   BasePDF,
   BaseTitle,
+  BlueLabel,
   BlueVerticalDividerLine,
-  BrandLabel,
   CancelButton,
-  CategoryLabel,
-  CoterieLabel,
+  CoralLabel,
   CreateButton,
+  CyanLabel,
   DeleteButton,
   DividerLine,
   DropdownActivityContent,
   FillInTheBlanksActivityContent,
   FullCard,
-  GradeLabel,
+  GrayLabel,
+  GreenLabel,
   GroupingActivityContent,
   InfoWithText,
   InputGroup,
   InputWithSpecialExpression,
   LeftTextRightInputGroup,
+  LimeLabel,
   MCMAActivityContent,
   MCSAActivityContent,
   MatchingActivityContent,
@@ -10700,13 +10795,13 @@ var retrieveActivityMethodologyOptionList = () => {
   ONE_MONTH,
   ONE_WEEK,
   OpenEndedActivityContent,
+  OrangeLabel,
   OrderingActivityContent,
-  OutcomeLabel,
   PageTravelGroup,
-  PersonalLabel,
   PrimaryButton,
   ProgressBar,
-  PublishingHouseLabel,
+  PurpleLabel,
+  RedLabel,
   ScoreBar,
   SecondaryButton,
   SelectionBox,
@@ -10716,6 +10811,7 @@ var retrieveActivityMethodologyOptionList = () => {
   StatusError,
   SubTitle,
   THREE_MONTHS,
+  TealLabel,
   TimedProgressBar,
   TrueFalseActivityContent,
   VerticalDividerLine,