analytica-frontend-lib 1.0.64 → 1.0.66

package/dist/Card/index.js

@@ -788,8 +788,16 @@ var CardActivitiesResults = (0, import_react.forwardRef)(
                     children: icon
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "2xs", weight: "medium", className: "text-text-800 uppercase", children: title }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: `text-lg font-bold ${actionSubTitleClasses}`, children: subTitle })
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  Text_default,
+                  {
+                    size: "2xs",
+                    weight: "medium",
+                    className: "text-text-800 uppercase truncate",
+                    children: title
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: `text-lg font-bold truncate ${actionSubTitleClasses}`, children: subTitle })
               ]
             }
           ),
@@ -797,7 +805,7 @@ var CardActivitiesResults = (0, import_react.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "p",
               {
-                className: `text-2xs font-medium uppercase ${actionHeaderClasses}`,
+                className: `text-2xs font-medium uppercase truncate ${actionHeaderClasses}`,
                 children: header
               }
             ),
@@ -830,8 +838,8 @@ var CardQuestions = (0, import_react.forwardRef)(
         className: `justify-between gap-4 ${className}`,
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "flex flex-col gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-bold text-xs text-text-950", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "font-bold text-xs text-text-950 truncate", children: header }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row gap-6 items-center", children: [
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 Badge_default,
@@ -848,11 +856,12 @@ var CardQuestions = (0, import_react.forwardRef)(
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             Button_default,
             {
               size: "extra-small",
               onClick: () => onClickButton?.(valueButton),
+              className: "min-w-fit",
               children: buttonLabel
             }
           ) })
@@ -932,10 +941,10 @@ var CardProgress = (0, import_react.forwardRef)(
               className: `
             flex justify-center items-center [&>svg]:size-6 text-text-950
             ${isHorizontal ? "min-w-[80px] min-h-[80px] rounded-l-xl" : "min-h-[50px] w-full rounded-t-xl"}
+            ${!color.startsWith("#") ? `bg-${color}` : ""}
           `,
-              style: {
-                backgroundColor: color
-              },
+              style: color.startsWith("#") ? { backgroundColor: color } : void 0,
+              "data-testid": "icon-container",
               children: icon
             }
           ),
@@ -947,7 +956,7 @@ var CardProgress = (0, import_react.forwardRef)(
             ${!isHorizontal && "gap-4"}
           `,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950", children: header }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Text_default, { size: "sm", weight: "bold", className: "text-text-950 truncate", children: header }),
                 contentComponent[direction]
               ]
             }
@@ -982,7 +991,7 @@ var CardTopic = (0, import_react.forwardRef)(
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: text }),
             index < subHead.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "\u2022" })
           ] }, `${text} - ${index}`)) }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-950 font-bold", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "grid grid-cols-[1fr_auto] items-center gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               ProgressBar_default,
@@ -1037,14 +1046,15 @@ var CardPerformance = (0, import_react.forwardRef)(
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "w-full flex flex-col justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row justify-between items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-lg font-bold text-text-950", children: header }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row justify-between items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-lg font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
               actionVariant === "button" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 Button_default,
                 {
                   variant: "outline",
                   size: "extra-small",
                   onClick: () => onClickButton?.(valueButton),
+                  className: "min-w-fit flex-shrink-0",
                   children: "Ver Aula"
                 }
               )
@@ -1056,7 +1066,7 @@ var CardPerformance = (0, import_react.forwardRef)(
                 label: `${progress}% ${labelProgress}`,
                 variant: progressVariant
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-text-600", children: description }) })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-text-600 truncate", children: description }) })
           ] }),
           actionVariant == "caret" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             import_phosphor_react2.CaretRight,
@@ -1096,7 +1106,7 @@ var CardResults = (0, import_react.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
@@ -1109,10 +1119,10 @@ var CardResults = (0, import_react.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__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-bold text-text-950", children: header }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
                 /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex flex-row gap-1 items-center", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                     Badge_default,
@@ -1166,10 +1176,10 @@ var CardStatus = (0, import_react.forwardRef)(
             "div",
             {
               className: `
-            p-4 flex justify-between w-full h-full flex-row items-center
+            p-4 flex justify-between w-full h-full flex-row items-center gap-2
           `,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-bold text-text-950", children: header }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm font-bold text-text-950 truncate flex-1 min-w-0", children: header }),
                 status && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex flex-row gap-1 items-center", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     Badge_default,
@@ -1205,7 +1215,7 @@ var CardSettings = (0, import_react.forwardRef)(
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "[&>svg]:size-6", children: icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "w-full text-sm", children: header }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "w-full text-sm truncate", children: header }),
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_phosphor_react2.CaretRight, { size: 24, className: "cursor-pointer" })
         ]
       }
@@ -1231,7 +1241,7 @@ var CardSupport = (0, import_react.forwardRef)(
               w-full flex ${direction == "col" ? "flex-col" : "flex-row items-center"}  gap-2
           `,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-950 font-bold", children: header }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "w-full min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-text-950 font-bold truncate", children: header }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "flex flex-row gap-1", children })
               ]
             }
@@ -1276,7 +1286,7 @@ var CardForum = (0, import_react.forwardRef)(
               className: "min-w-8 h-8 rounded-full bg-background-950"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: [
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-row gap-1 items-center flex-wrap", children: [
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs font-semibold text-primary-700 truncate", children: title }),
               /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-xs text-text-600", children: [
@@ -1286,7 +1296,7 @@ var CardForum = (0, import_react.forwardRef)(
                 hour
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-950 text-sm line-clamp-2", children: content }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-text-950 text-sm line-clamp-2 truncate", children: content }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "button",
               {