it-data-nexus-ui-library 2.8.0 → 2.8.2

package/dist/components/MetricCard.mjs

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{Card as e,CardContent as l}from"@mui/material";import{MetricStat as a}from"./MetricStat.mjs";const o={xs:0,sm:.3,md:.5,lg:1},t=({label:t,value:i,delta:s,deltaColor:m,valueColor:d,size:c,cardSx:x,sx:n})=>{const p=o[c??"md"];return r(e,{sx:[{boxShadow:"none"},...Array.isArray(x)?x:x?[x]:[]],children:r(l,{sx:{p:p,"&:last-child":{pb:p}},children:r(a,{label:t,value:i,delta:s,deltaColor:m,valueColor:d,size:c,sx:n})})})};t.displayName="MetricCard";export{t as MetricCard};
+import{jsx as l}from"react/jsx-runtime";import{Card as o,CardContent as r}from"@mui/material";import{MetricStat as a}from"./MetricStat.mjs";const e={xs:0,sm:.3,md:.5,lg:1},i=({label:i,value:t,delta:s,deltaColor:m,valueColor:c,size:d,icon:n,iconColor:p,labelGap:x,cardSx:u,sx:C})=>{const b=e[d??"md"];return l(o,{sx:[{boxShadow:"none"},...Array.isArray(u)?u:u?[u]:[]],children:l(r,{sx:{p:b,"&:last-child":{pb:b}},children:l(a,{label:i,value:t,delta:s,deltaColor:m,valueColor:c,size:d,icon:n,iconColor:p,labelGap:x,sx:C})})})};i.displayName="MetricCard";export{i as MetricCard};

package/dist/components/MetricStat.mjs

@@ -1 +1 @@
-import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Stack as e}from"./_Primitives/Stack.mjs";import{H4 as i,MetricValue as a,Caption as l}from"./Typography.mjs";const s=({label:s,value:t,delta:c,deltaColor:n,valueColor:m,size:d,sx:p})=>r(e,{sx:[{gap:.25},...Array.isArray(p)?p:p?[p]:[]],children:[o(i,{sx:{color:"text.secondary"},children:s}),r(e,{direction:"row",sx:{alignItems:"baseline",gap:1},children:[o(a,{size:d,sx:m?{color:m}:void 0,children:t}),c&&o(l,{component:"span",sx:n?{color:n}:void 0,children:c})]})]});s.displayName="MetricStat";export{s as MetricStat};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Stack as o}from"./_Primitives/Stack.mjs";import{H4 as i,MetricValue as l,Caption as a}from"./Typography.mjs";const t=({label:t,value:s,delta:n,deltaColor:c,valueColor:d,size:m,icon:p,iconColor:x,labelGap:h=.25,sx:f})=>r(o,{sx:[{gap:h},...Array.isArray(f)?f:f?[f]:[]],children:[e(i,{sx:{color:"text.secondary"},children:t}),r(o,{direction:"row",sx:{alignItems:"center",gap:1},children:[p&&e(p,{"aria-hidden":"true",sx:{color:x,fontSize:"lg"===m?40:"sm"===m?28:"xs"===m?22:34}}),e(l,{size:m,sx:d?{color:d}:void 0,children:s}),n&&e(a,{component:"span",sx:[{alignSelf:"flex-end",pb:.25},...c?[{color:c}]:[]],children:n})]})]});t.displayName="MetricStat";export{t as MetricStat};

package/dist/generated/version.mjs

@@ -1 +1 @@
-const o="2.8.0";export{o as SAGE_NEXUS_UI_VERSION};
+const o="2.8.2";export{o as SAGE_NEXUS_UI_VERSION};

package/dist/index.d.ts

@@ -4,6 +4,7 @@ import { AlertProps, BoxProps, SxProps as SxProps$1, Theme as Theme$1, Typograph
 export { AlertProps, AlertTitle, BoxProps, ButtonBaseProps, CheckboxProps, ChipProps, CircularProgressProps, CollapseProps, ContainerProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogProps, DialogTitleProps, DividerProps, FormControlLabelProps, FormGroupProps, GridProps, MenuItem, PaperProps, SliderProps, StackProps, SwitchProps, TabProps, TableBodyProps, TableCellProps, TableHeadProps, TableProps, TableRowProps, TabsProps, TextFieldProps, Theme, alpha, useMediaQuery, useTheme } from '@mui/material';
 import { SxProps, Theme } from '@mui/material/styles';
 import { Components } from 'react-markdown';
+import SvgIcon from '@mui/material/SvgIcon';
 import { DataGridProps } from '@mui/x-data-grid';
 export { DataGridProps, GridColDef, GridColumnVisibilityModel, GridPaginationModel, GridRenderCellParams, GridRowsProp, GridSortModel, GridValueGetter } from '@mui/x-data-grid';
 import { SxProps as SxProps$2 } from '@mui/system';
@@ -594,6 +595,12 @@ interface MetricStatProps {
     valueColor?: string;
     /** Size passed to MetricValue. Defaults to 'md' (2rem / 32px). */
     size?: MetricValueSize;
+    /** Optional icon rendered horizontally beside the metric value. */
+    icon?: typeof SvgIcon;
+    /** MUI theme colour token for the icon. Omit for default text colour. */
+    iconColor?: string;
+    /** Gap between the metric label and the value row. Defaults to 0.25. */
+    labelGap?: number | string;
     sx?: SxProps<Theme>;
 }
 /**
@@ -608,7 +615,7 @@ interface MetricStatProps {
  * large p — not a heading), and the delta is a Caption.
  */
 declare const MetricStat: {
-    ({ label, value, delta, deltaColor, valueColor, size, sx }: MetricStatProps): react.JSX.Element;
+    ({ label, value, delta, deltaColor, valueColor, size, icon: Icon, iconColor, labelGap, sx, }: MetricStatProps): react.JSX.Element;
     displayName: string;
 };
 
@@ -627,7 +634,7 @@ interface MetricCardProps extends MetricStatProps {
  * ```
  */
 declare const MetricCard: {
-    ({ label, value, delta, deltaColor, valueColor, size, cardSx, sx, }: MetricCardProps): react.JSX.Element;
+    ({ label, value, delta, deltaColor, valueColor, size, icon, iconColor, labelGap, cardSx, sx, }: MetricCardProps): react.JSX.Element;
     displayName: string;
 };
 

package/package.json

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