analytica-frontend-lib 1.0.41 → 1.0.42

package/dist/index.mjs

@@ -1585,11 +1585,13 @@ var SIZE_CLASSES8 = {
     textWeight: "medium",
     // font-weight: 500
     labelSize: "2xs",
-    // 10px for status label (closest to 8px design spec)
+    // Will be overridden with custom 8px in className
     labelWeight: "bold",
     // font-weight: 700
-    spacing: "gap-1"
-    // 4px gap between percentage and label
+    spacing: "gap-0",
+    // Reduced gap between percentage and label for better spacing
+    contentWidth: "max-w-[50px]"
+    // Reduced width to fit text inside circle
   },
   medium: {
     container: "w-[152px] h-[152px]",
@@ -1604,8 +1606,10 @@ var SIZE_CLASSES8 = {
     // 12px for status label (font-size: 12px)
     labelWeight: "medium",
     // font-weight: 500 (changed from bold)
-    spacing: "gap-1"
+    spacing: "gap-1",
     // 4px gap between percentage and label
+    contentWidth: "max-w-[90px]"
+    // Reduced width to fit text inside circle
   }
 };
 var VARIANT_CLASSES3 = {
@@ -1705,14 +1709,14 @@ var ProgressCircle = ({
         /* @__PURE__ */ jsxs14(
           "div",
           {
-            className: `relative z-10 flex flex-col items-center justify-center ${sizeClasses.spacing}`,
+            className: `relative z-10 flex flex-col items-center justify-center ${sizeClasses.spacing} ${sizeClasses.contentWidth}`,
             children: [
               showPercentage && /* @__PURE__ */ jsxs14(
                 Text_default,
                 {
                   size: sizeClasses.textSize,
                   weight: sizeClasses.textWeight,
-                  className: `text-center ${variantClasses.textColor} ${percentageClassName}`,
+                  className: `text-center w-full ${variantClasses.textColor} ${percentageClassName}`,
                   children: [
                     Math.round(percentage),
                     "%"
@@ -1725,7 +1729,7 @@ var ProgressCircle = ({
                   as: "span",
                   size: sizeClasses.labelSize,
                   weight: sizeClasses.labelWeight,
-                  className: `${variantClasses.labelColor} text-center uppercase tracking-wide ${labelClassName}`,
+                  className: `${variantClasses.labelColor} text-center uppercase tracking-wide truncate w-full ${size === "small" ? "text-[8px] leading-[9px]" : ""} ${labelClassName}`,
                   children: label
                 }
               )