@optifye/dashboard-core 6.11.19 → 6.11.20

package/dist/index.css

@@ -6772,6 +6772,10 @@ input[type=range]:active::-moz-range-thumb {
     font-size: 1.875rem;
     line-height: 2.25rem;
   }
+  .sm\:text-4xl {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
   .sm\:text-5xl {
     font-size: 3rem;
     line-height: 1;
@@ -7047,6 +7051,10 @@ input[type=range]:active::-moz-range-thumb {
     font-size: 2.25rem;
     line-height: 2.5rem;
   }
+  .md\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
   .md\:text-6xl {
     font-size: 3.75rem;
     line-height: 1;
@@ -7362,6 +7370,10 @@ input[type=range]:active::-moz-range-thumb {
     font-size: 2.25rem;
     line-height: 2.5rem;
   }
+  .lg\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
   .lg\:text-7xl {
     font-size: 4.5rem;
     line-height: 1;
@@ -7457,6 +7469,10 @@ input[type=range]:active::-moz-range-thumb {
     font-size: 1.875rem;
     line-height: 2.25rem;
   }
+  .xl\:text-5xl {
+    font-size: 3rem;
+    line-height: 1;
+  }
   .xl\:text-\[10px\] {
     font-size: 10px;
   }
@@ -7481,6 +7497,12 @@ input[type=range]:active::-moz-range-thumb {
     line-height: 1rem;
   }
 }
+@media (min-width: 1536px) {
+  .\32xl\:text-6xl {
+    font-size: 3.75rem;
+    line-height: 1;
+  }
+}
 @media (prefers-color-scheme: dark) {
   .dark\:border-amber-800 {
     --tw-border-opacity: 1;

package/dist/index.js

@@ -61207,7 +61207,7 @@ var MetricCards = React142.memo(({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(motion.div, { variants: itemVariants, className: "bg-white rounded-xl shadow-sm p-3 sm:p-4 overflow-hidden h-[240px] sm:h-[260px] md:h-auto", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm sm:text-base font-bold text-gray-700 text-center mb-2", children: "Average Efficiency" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[calc(100%-2.5rem)]", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold ${efficiencyColorClass}`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[calc(100%-2.5rem)]", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `whitespace-nowrap tracking-tight text-3xl sm:text-4xl md:text-5xl lg:text-5xl xl:text-5xl 2xl:text-6xl font-bold ${efficiencyColorClass}`, children: [
             efficiency.toFixed(1),
             "%"
           ] }) })
@@ -61230,7 +61230,7 @@ var MetricCards = React142.memo(({
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -top-1.5 left-1/2 transform -translate-x-1/2 w-3 h-3 bg-white border-l border-t border-gray-200 rotate-45" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[calc(100%-2.5rem)] flex flex-col items-center justify-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold ${shouldMaskIssueResolution ? "text-gray-400" : "text-gray-900"}`, children: issueResolutionValue }) })
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[calc(100%-2.5rem)] flex flex-col items-center justify-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `whitespace-nowrap tracking-tight text-3xl sm:text-4xl md:text-5xl lg:text-5xl xl:text-5xl 2xl:text-6xl font-bold ${shouldMaskIssueResolution ? "text-gray-400" : "text-gray-900"}`, children: issueResolutionValue }) })
             ]
           }
         ),

package/dist/index.mjs

@@ -61178,7 +61178,7 @@ var MetricCards = memo$1(({
         ] }),
         /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "bg-white rounded-xl shadow-sm p-3 sm:p-4 overflow-hidden h-[240px] sm:h-[260px] md:h-auto", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-sm sm:text-base font-bold text-gray-700 text-center mb-2", children: "Average Efficiency" }),
-          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-[calc(100%-2.5rem)]", children: /* @__PURE__ */ jsxs("span", { className: `text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold ${efficiencyColorClass}`, children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-[calc(100%-2.5rem)]", children: /* @__PURE__ */ jsxs("span", { className: `whitespace-nowrap tracking-tight text-3xl sm:text-4xl md:text-5xl lg:text-5xl xl:text-5xl 2xl:text-6xl font-bold ${efficiencyColorClass}`, children: [
             efficiency.toFixed(1),
             "%"
           ] }) })
@@ -61201,7 +61201,7 @@ var MetricCards = memo$1(({
                   /* @__PURE__ */ jsx("div", { className: "absolute -top-1.5 left-1/2 transform -translate-x-1/2 w-3 h-3 bg-white border-l border-t border-gray-200 rotate-45" })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: "h-[calc(100%-2.5rem)] flex flex-col items-center justify-center gap-3", children: /* @__PURE__ */ jsx("span", { className: `text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold ${shouldMaskIssueResolution ? "text-gray-400" : "text-gray-900"}`, children: issueResolutionValue }) })
+              /* @__PURE__ */ jsx("div", { className: "h-[calc(100%-2.5rem)] flex flex-col items-center justify-center gap-3", children: /* @__PURE__ */ jsx("span", { className: `whitespace-nowrap tracking-tight text-3xl sm:text-4xl md:text-5xl lg:text-5xl xl:text-5xl 2xl:text-6xl font-bold ${shouldMaskIssueResolution ? "text-gray-400" : "text-gray-900"}`, children: issueResolutionValue }) })
             ]
           }
         ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@optifye/dashboard-core",
-  "version": "6.11.19",
+  "version": "6.11.20",
   "description": "Reusable UI & logic for Optifye dashboard",
   "main": "dist/index.js",
   "module": "dist/index.mjs",