analytica-frontend-lib 1.0.65 → 1.0.67

package/dist/Card/index.mjs

@@ -768,8 +768,16 @@ var CardActivitiesResults = forwardRef(
                     children: icon
                   }
                 ),
-                /* @__PURE__ */ jsx5(Text_default, { size: "2xs", weight: "medium", className: "text-text-800 uppercase", children: title }),
-                /* @__PURE__ */ jsx5("p", { className: `text-lg font-bold ${actionSubTitleClasses}`, children: subTitle })
+                /* @__PURE__ */ jsx5(
+                  Text_default,
+                  {
+                    size: "2xs",
+                    weight: "medium",
+                    className: "text-text-800 uppercase truncate",
+                    children: title
+                  }
+                ),
+                /* @__PURE__ */ jsx5("p", { className: `text-lg font-bold truncate ${actionSubTitleClasses}`, children: subTitle })
               ]
             }
           ),
@@ -777,7 +785,7 @@ var CardActivitiesResults = forwardRef(
             /* @__PURE__ */ jsx5(
               "p",
               {
-                className: `text-2xs font-medium uppercase ${actionHeaderClasses}`,
+                className: `text-2xs font-medium uppercase truncate ${actionHeaderClasses}`,
                 children: header
               }
             ),
@@ -810,8 +818,8 @@ var CardQuestions = forwardRef(
         className: `justify-between gap-4 ${className}`,
         ...props,
         children: [
-          /* @__PURE__ */ jsxs4("section", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ jsx5("p", { className: "font-bold text-xs text-text-950", children: header }),
+          /* @__PURE__ */ jsxs4("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx5("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
             /* @__PURE__ */ jsxs4("div", { className: "flex flex-row gap-6 items-center", children: [
               /* @__PURE__ */ jsx5(
                 Badge_default,
@@ -828,11 +836,12 @@ var CardQuestions = forwardRef(
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx5("span", { children: /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx5("span", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx5(
             Button_default,
             {
               size: "extra-small",
               onClick: () => onClickButton?.(valueButton),
+              className: "min-w-fit",
               children: buttonLabel
             }
           ) })
@@ -927,7 +936,7 @@ var CardProgress = forwardRef(
             ${!isHorizontal && "gap-4"}
           `,
               children: [
-                /* @__PURE__ */ jsx5(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: header }),
+                /* @__PURE__ */ jsx5(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
                 contentComponent[direction]
               ]
             }
@@ -962,7 +971,7 @@ var CardTopic = forwardRef(
             /* @__PURE__ */ jsx5("p", { children: text }),
             index < subHead.length - 1 && /* @__PURE__ */ jsx5("p", { children: "\u2022" })
           ] }, `${text} - ${index}`)) }),
-          /* @__PURE__ */ jsx5("p", { className: "text-sm text-text-950 font-bold", children: header }),
+          /* @__PURE__ */ jsx5("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
           /* @__PURE__ */ jsxs4("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
             /* @__PURE__ */ jsx5(
               ProgressBar_default,
@@ -1017,14 +1026,15 @@ var CardPerformance = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxs4("div", { className: "w-full flex flex-col justify-between gap-2", children: [
-            /* @__PURE__ */ jsxs4("div", { className: "flex flex-row justify-between items-center", children: [
-              /* @__PURE__ */ jsx5("p", { className: "text-lg font-bold text-text-950", children: header }),
+            /* @__PURE__ */ jsxs4("div", { className: "flex flex-row justify-between items-center gap-2", children: [
+              /* @__PURE__ */ jsx5("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
               actionVariant === "button" && /* @__PURE__ */ jsx5(
                 Button_default,
                 {
                   variant: "outline",
                   size: "extra-small",
                   onClick: () => onClickButton?.(valueButton),
+                  className: "min-w-fit flex-shrink-0",
                   children: "Ver Aula"
                 }
               )
@@ -1036,7 +1046,7 @@ var CardPerformance = forwardRef(
                 label: `${progress}% ${labelProgress}`,
                 variant: progressVariant
               }
-            ) : /* @__PURE__ */ jsx5("p", { className: "text-xs text-text-600", children: description }) })
+            ) : /* @__PURE__ */ jsx5("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
           actionVariant == "caret" && /* @__PURE__ */ jsx5(
             CaretRight,
@@ -1076,7 +1086,7 @@ var CardResults = forwardRef(
             "div",
             {
               className: `
-              flex justify-center items-center [&>svg]:size-8 text-text-950 min-w-20 max-w-20 h-full rounded-l-xl
+              flex justify-center items-center [&>svg]:size-8 text-text-950 min-w-20 max-w-20 min-h-20 h-full rounded-l-xl
             `,
               style: {
                 backgroundColor: color
@@ -1089,10 +1099,10 @@ var CardResults = forwardRef(
             {
               className: `
             p-4 flex justify-between w-full h-full
-            ${isRow ? "flex-row items-center" : "flex-col"}
+            ${isRow ? "flex-row items-center gap-2" : "flex-col"}
           `,
               children: [
-                /* @__PURE__ */ jsx5("p", { className: "text-sm font-bold text-text-950", children: header }),
+                /* @__PURE__ */ jsx5("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
                 /* @__PURE__ */ jsxs4("span", { className: "flex flex-row gap-1 items-center", children: [
                   /* @__PURE__ */ jsxs4(
                     Badge_default,
@@ -1132,42 +1142,32 @@ var CardResults = forwardRef(
 );
 var CardStatus = forwardRef(
   ({ header, className, status, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsx5(
       CardBase,
       {
         ref,
         layout: "horizontal",
-        padding: "none",
+        padding: "medium",
         minHeight: "medium",
-        className: `items-center pr-4 ${className}`,
+        className: `items-center ${className}`,
         ...props,
-        children: [
-          /* @__PURE__ */ jsxs4(
-            "div",
-            {
-              className: `
-            p-4 flex justify-between w-full h-full flex-row items-center
-          `,
-              children: [
-                /* @__PURE__ */ jsx5("p", { className: "text-sm font-bold text-text-950", children: header }),
-                status && /* @__PURE__ */ jsxs4("span", { className: "flex flex-row gap-1 items-center", children: [
-                  /* @__PURE__ */ jsx5(
-                    Badge_default,
-                    {
-                      action: status == "correct" ? "success" : "error",
-                      variant: "solid",
-                      size: "medium",
-                      iconLeft: /* @__PURE__ */ jsx5(CheckCircle, {}),
-                      children: status == "correct" ? "Correta" : "Incorreta"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx5("p", { className: "text-sm text-text-800", children: "Respondida" })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx5(CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer" })
-        ]
+        children: /* @__PURE__ */ jsxs4("div", { className: "flex justify-between w-full h-full flex-row items-center gap-2", children: [
+          /* @__PURE__ */ jsx5("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
+          status && /* @__PURE__ */ jsxs4("span", { className: "flex flex-row gap-1 items-center flex-shrink-0", children: [
+            /* @__PURE__ */ jsx5(
+              Badge_default,
+              {
+                action: status == "correct" ? "success" : "error",
+                variant: "solid",
+                size: "medium",
+                iconLeft: /* @__PURE__ */ jsx5(CheckCircle, {}),
+                children: status == "correct" ? "Correta" : "Incorreta"
+              }
+            ),
+            /* @__PURE__ */ jsx5("p", { className: "text-sm text-text-800", children: "Respondida" })
+          ] }),
+          /* @__PURE__ */ jsx5(CaretRight, { className: "min-w-6 min-h-6 text-text-800 cursor-pointer flex-shrink-0 ml-2" })
+        ] })
       }
     );
   }
@@ -1185,7 +1185,7 @@ var CardSettings = forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsx5("span", { className: "[&>svg]:size-6", children: icon }),
-          /* @__PURE__ */ jsx5("p", { className: "w-full text-sm", children: header }),
+          /* @__PURE__ */ jsx5("p", { className: "w-full text-sm truncate", children: header }),
           /* @__PURE__ */ jsx5(CaretRight, { size: 24, className: "cursor-pointer" })
         ]
       }
@@ -1211,7 +1211,7 @@ var CardSupport = forwardRef(
               w-full flex ${direction == "col" ? "flex-col" : "flex-row items-center"}  gap-2
           `,
               children: [
-                /* @__PURE__ */ jsx5("span", { className: "w-full", children: /* @__PURE__ */ jsx5("p", { className: "text-sm text-text-950 font-bold", children: header }) }),
+                /* @__PURE__ */ jsx5("span", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx5("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
                 /* @__PURE__ */ jsx5("span", { className: "flex flex-row gap-1", children })
               ]
             }
@@ -1256,7 +1256,7 @@ var CardForum = forwardRef(
               className: "min-w-8 h-8 rounded-full bg-background-950"
             }
           ),
-          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2 flex-1", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
             /* @__PURE__ */ jsxs4("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
               /* @__PURE__ */ jsx5("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
               /* @__PURE__ */ jsxs4("p", { className: "text-xs text-text-600", children: [
@@ -1266,7 +1266,7 @@ var CardForum = forwardRef(
                 hour
               ] })
             ] }),
-            /* @__PURE__ */ jsx5("p", { className: "text-text-950 text-sm line-clamp-2", children: content }),
+            /* @__PURE__ */ jsx5("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
             /* @__PURE__ */ jsxs4(
               "button",
               {