it-data-nexus-ui-library 2.4.11 → 2.4.12

package/dist/components/MetricStat.mjs

@@ -1 +1 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Stack as i}from"./_Primitives/Stack.mjs";import{H4 as o,MetricValue as a,Caption as t}from"./Typography.mjs";const s=({label:s,value:l,delta:m,deltaColor:n,size:c,sx:p})=>r(i,{sx:[{gap:.25},...Array.isArray(p)?p:p?[p]:[]],children:[e(o,{children:s}),r(i,{direction:"row",sx:{alignItems:"baseline",gap:1},children:[e(a,{size:c,children:l}),m&&e(t,{component:"span",sx:n?{color:n}:void 0,children:m})]})]});s.displayName="MetricStat";export{s as MetricStat};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Stack as i}from"./_Primitives/Stack.mjs";import{H4 as o,MetricValue as a,Caption as l}from"./Typography.mjs";const t=({label:t,value:s,delta:c,deltaColor:m,valueColor:n,size:p,sx:d})=>r(i,{sx:[{gap:.25},...Array.isArray(d)?d:d?[d]:[]],children:[e(o,{children:t}),r(i,{direction:"row",sx:{alignItems:"baseline",gap:1},children:[e(a,{size:p,color:n,children:s}),c&&e(l,{component:"span",sx:m?{color:m}:void 0,children:c})]})]});t.displayName="MetricStat";export{t as MetricStat};

package/dist/generated/version.mjs

@@ -1 +1 @@
-const o="2.4.11";export{o as SAGE_NEXUS_UI_VERSION};
+const o="2.4.12";export{o as SAGE_NEXUS_UI_VERSION};

package/dist/index.d.ts

@@ -562,6 +562,11 @@ interface MetricStatProps {
      * Use `ragColorForDelta(delta)` from `it-data-nexus-ui-library` to derive this. Omit for neutral grey.
      */
     deltaColor?: string;
+    /**
+     * MUI theme colour token for the value text (e.g. `'success.main'` / `'error.main'`).
+     * Use for RAG-coloured values where the colour carries meaning. Omit for default text colour.
+     */
+    valueColor?: string;
     /** Size passed to MetricValue. Defaults to 'md' (2rem / 32px). */
     size?: MetricValueSize;
     sx?: SxProps<Theme>;
@@ -578,7 +583,7 @@ interface MetricStatProps {
  * large p — not a heading), and the delta is a Caption.
  */
 declare const MetricStat: {
-    ({ label, value, delta, deltaColor, size, sx }: MetricStatProps): react.JSX.Element;
+    ({ label, value, delta, deltaColor, valueColor, size, sx }: MetricStatProps): react.JSX.Element;
     displayName: string;
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "it-data-nexus-ui-library",
-  "version": "2.4.11",
+  "version": "2.4.12",
   "description": "Nexus core components",
   "license": "ISC",
   "author": "emsmart-sage",