sage-nexus-ui 1.9.4 → 1.9.6

package/dist/components/RagChip.mjs

@@ -1 +1 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{Tooltip as a,Box as t}from"@mui/material";import{useTheme as o,alpha as i}from"@mui/material/styles";import{Body1 as m}from"./Typography.mjs";import{RagDot as c}from"./RagDot.mjs";const s=r=>"jade"===r?"On Track":"amber"===r?"At Risk":"cherry"===r?"Off Track":void 0,l=({label:l,status:n,colour:p})=>{const d=o(),f=p||(r=>{if(r)return"On Track"===r?"jade":"At Risk"===r?"amber":"Off Track"===r?"cherry":void 0})(n)||"jade",u="jade"===f?d.palette.success.main:"amber"===f?d.palette.warning.main:"cherry"===f?d.palette.error.main:f,h=l??n??s(f)??"On Track",k=n??s(f)??"On Track";return r(a,{title:h,arrow:!0,children:e(t,{sx:{display:"flex",alignItems:"center",gap:.75,px:.5,borderRadius:1,border:"1px solid",borderColor:u,bgcolor:i(u,.12),flexShrink:0},children:[r(m,{sx:{color:u,whiteSpace:"nowrap"},children:h}),r(c,{status:k})]})})};export{l as RagChip};
+import{jsx as r}from"react/jsx-runtime";import{Tooltip as a}from"@mui/material";import{useTheme as i,alpha as e}from"@mui/material/styles";import{Chip as t}from"./Chip.mjs";import{RagDot as o}from"./RagDot.mjs";const m=r=>"jade"===r?"On Track":"amber"===r?"At Risk":"cherry"===r?"Off Track":void 0,l=({label:l,status:n,colour:s,size:c="small",variant:u="outlined",sx:d,...p})=>{const f=i(),k=s||(r=>{if(r)return"On Track"===r?"jade":"At Risk"===r?"amber":"Off Track"===r?"cherry":void 0})(n)||"jade",b="jade"===k?f.palette.success.main:"amber"===k?f.palette.warning.main:"cherry"===k?f.palette.error.main:k,h=l??n??m(k)??"On Track",j=n??m(k)??"On Track";return r(a,{title:h,arrow:!0,children:r(t,{label:h,icon:r(o,{status:j}),size:c,variant:u,sx:[{color:b,px:1,borderColor:"outlined"===u?b:void 0,backgroundColor:e(b,"filled"===u?.2:.12),"& .MuiChip-label":{color:b},"& .MuiChip-icon":{marginLeft:.75,marginRight:0}},...Array.isArray(d)?d:d?[d]:[]],...p})})};export{l as RagChip};

package/dist/generated/version.mjs

@@ -1 +1 @@
-const o="1.9.4";export{o as SAGE_NEXUS_UI_VERSION};
+const o="1.9.6";export{o as SAGE_NEXUS_UI_VERSION};

package/dist/index.d.ts

@@ -532,12 +532,12 @@ interface RagDotProps {
 declare const RagDot: ({ status }: RagDotProps) => react_jsx_runtime.JSX.Element;
 
 type ColourProp = "jade" | "amber" | "cherry" | string;
-interface RagChipProps {
-    label?: string;
+interface RagChipProps extends Omit<ChipProps, "label" | "color" | "icon"> {
+    label?: ChipProps["label"];
     status?: string;
     colour?: ColourProp;
 }
-declare const RagChip: ({ label, status, colour }: RagChipProps) => react_jsx_runtime.JSX.Element;
+declare const RagChip: ({ label, status, colour, size, variant, sx, ...rest }: RagChipProps) => react_jsx_runtime.JSX.Element;
 
 interface SecondaryButtonLinkProps extends Omit<SecondaryButtonProps, "href" | "component"> {
     href: string;

package/dist/theme/sageTheme.mjs

@@ -1 +1 @@
-import{createTheme as r,alpha as e}from"@mui/material/styles";import{getModeTokens as o,fontSageUI as t,colours as i,fontSageText as a,fontSageHeadline as n}from"./tokens.mjs";const d=(d="light")=>{const l=o(d),s=(r=>({h1:r.text.primary,h2:r.text.primary,h3:r.text.primary,h4:r.text.primary,body1:r.text.primary,body2:r.text.secondary,caption:r.text.secondary,actionBarTitle:i.brilliantGreen}))(l);return r({palette:{mode:d,primary:{main:i.brilliantGreen,dark:i.primaryGreenActive,contrastText:i.black},secondary:{main:i.teal,contrastText:i.white},success:{main:i.jade,contrastText:i.white},warning:{main:i.amber,contrastText:i.white},error:{main:i.cherry,contrastText:i.white},info:{main:i.navy,contrastText:i.white},background:{default:l.background.default,paper:l.background.paper},text:l.text,divider:l.border},shape:{borderRadius:8},typography:{fontFamily:a,h1:{fontFamily:n,fontSize:"clamp(2rem, 3vw, 2.75rem)",lineHeight:1.08,letterSpacing:"-0.01em",fontWeight:700},h2:{fontFamily:n,fontSize:"1.5rem",lineHeight:1.2,fontWeight:600},h3:{fontSize:"0.9rem",lineHeight:1.25,fontWeight:700},h4:{fontSize:"0.8rem",lineHeight:1.2,fontWeight:500},actionBarTitle:{fontFamily:n,fontSize:"1.6rem",color:i.brilliantGreen,fontWeight:700,lineHeight:1.2,textTransform:"none"},body1:{fontSize:"0.8rem",lineHeight:1.4},body2:{fontSize:"0.8rem",lineHeight:1.4},caption:{fontSize:"0.7rem",lineHeight:1.4},button:{fontFamily:t,fontSize:"0.95rem",fontWeight:600,textTransform:"none"}},shadows:["none","0 1px 2px rgba(0,0,0,0.08)","0 4px 12px rgba(0,0,0,0.10)","0 8px 24px rgba(0,0,0,0.12)","0 16px 48px rgba(0,0,0,0.18)",...Array(20).fill("none")],components:{MuiCssBaseline:{styleOverrides:{html:{backgroundColor:l.background.default},body:{backgroundColor:l.background.default,fontFamily:a,color:l.text.primary,transition:"background-color 200ms ease, color 200ms ease"},"#root":{minHeight:"100vh"},"::selection":{backgroundColor:e(i.brilliantGreen,.28),color:l.text.primary},a:{color:l.text.greens,"&:hover":{color:l.text.secondary}},aside:{marginRight:"10px",borderLeft:"2px solid",borderColor:l.text.secondary,padding:"0 8px"}}},MuiTypography:{styleOverrides:{root:({ownerState:r})=>({color:s[r.variant]??"inherit"})}},MuiPaper:{defaultProps:{elevation:1},styleOverrides:{root:({theme:r})=>({position:"relative",zIndex:1,backgroundImage:"none",backgroundColor:l.background.paper,border:`1px solid ${l.border}`,borderRadius:r.shape.borderRadius,padding:r.spacing(1)})}},MuiCard:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,boxShadow:l.shadow,border:`1px solid ${l.border}`,position:"relative",zIndex:1})}},MuiButton:{defaultProps:{disableElevation:!0}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontFamily:t}}},MuiDivider:{styleOverrides:{root:{borderColor:l.border}}},MuiDataGrid:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,border:`1px solid ${l.border}`,backgroundColor:l.background.paper,color:l.text.primary,"--DataGrid-rowBorderColor":l.border,"--DataGrid-containerBackground":l.background.paper,"--DataGrid-pinnedBackground":l.background.paper,"& .MuiDataGrid-toolbarContainer":{padding:"12px 16px 0",gap:8},"& .MuiDataGrid-toolbarContainer .MuiButton-root":{minHeight:36,paddingInline:12,color:l.text.secondary},"& .MuiDataGrid-toolbarContainer .MuiInputBase-root":{borderRadius:999,backgroundColor:e(i.brilliantGreen,"dark"===d?.08:.05)},"& .MuiDataGrid-toolbarContainer .MuiInputBase-input":{paddingBlock:8},"& .MuiDataGrid-overlay":{backgroundColor:"transparent"}}),columnHeaders:{backgroundColor:e(i.brilliantGreen,"dark"===d?.12:.08),borderBottom:`1px solid ${l.border}`},columnHeader:{"&:focus, &:focus-within":{outline:"none"}},columnHeaderTitle:{fontWeight:600},cell:{alignItems:"center",borderTop:`1px solid ${l.border}`,"&:focus, &:focus-within":{outline:"none"}},row:{"&:hover":{backgroundColor:e(i.brilliantGreen,"dark"===d?.08:.04)}},footerContainer:{borderTop:`1px solid ${l.border}`,backgroundColor:e(i.brilliantGreen,"dark"===d?.05:.03)},sortIcon:{color:i.brilliantGreen},menuIconButton:{color:l.text.secondary},withBorderColor:{borderColor:l.border}}},MuiListItemButton:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,border:`1px solid ${l.border}`,backgroundColor:l.background.paper,color:l.text.primary})}},MuiAppBar:{defaultProps:{elevation:1},styleOverrides:{root:{backgroundColor:l.background.paper,backgroundImage:"none",borderBottom:`1px solid ${l.border}`,borderRadius:0,color:l.text.primary}}},MuiAccordion:{defaultProps:{disableGutters:!0,elevation:0},styleOverrides:{root:{backgroundColor:"transparent",border:`1px solid ${l.border}`,borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{borderColor:e(i.brilliantGreen,"dark"===d?.4:.3)}}}},MuiAccordionSummary:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,minHeight:24,"&.Mui-expanded":{minHeight:24},"&:focus-visible":{outline:`2px solid ${l.outlinedPrimary}`,outlineOffset:2},padding:0}),content:{margin:"0","&.Mui-expanded":{margin:"0"}},expandIconWrapper:{color:l.text.secondary}}},MuiAccordionDetails:{styleOverrides:{root:{padding:0,borderTop:`1px solid ${l.border}`}}},MuiTabs:{styleOverrides:{root:{minHeight:40,borderBottom:`1px solid ${l.border}`},indicator:{backgroundColor:i.brilliantGreen,height:2}}},MuiTab:{styleOverrides:{root:{minHeight:40,fontFamily:t,fontWeight:600,fontSize:"0.85rem",letterSpacing:"0.01em",textTransform:"none",color:l.text.secondary,"&.Mui-selected":{color:l.text.primary},"&:focus-visible":{outline:`2px solid ${l.outlinedPrimary}`,outlineOffset:2}}}},MuiDialog:{styleOverrides:{paper:({theme:r})=>({backgroundColor:l.background.paper,backgroundImage:"none",border:`1px solid ${l.border}`,borderRadius:r.shape.borderRadius,boxShadow:l.shadow})}},MuiDialogTitle:{styleOverrides:{root:{paddingBottom:8}}},MuiDialogContent:{styleOverrides:{root:{paddingTop:"8px !important"}}}}})};export{d as createSageTheme};
+import{createTheme as r,alpha as e}from"@mui/material/styles";import{getModeTokens as o,fontSageUI as t,colours as i,fontSageText as a,fontSageHeadline as n}from"./tokens.mjs";const d=(d="light")=>{const l=o(d),s=(r=>({h1:r.text.primary,h2:r.text.primary,h3:r.text.primary,h4:r.text.primary,body1:r.text.primary,body2:r.text.secondary,caption:r.text.secondary,actionBarTitle:i.brilliantGreen}))(l);return r({palette:{mode:d,primary:{main:i.brilliantGreen,dark:i.primaryGreenActive,contrastText:i.black},secondary:{main:i.teal,contrastText:i.white},success:{main:i.jade,contrastText:i.white},warning:{main:i.amber,contrastText:i.white},error:{main:i.cherry,contrastText:i.white},info:{main:i.navy,contrastText:i.white},background:{default:l.background.default,paper:l.background.paper},text:l.text,divider:l.border},shape:{borderRadius:8},typography:{fontFamily:a,h1:{fontFamily:n,fontSize:"clamp(2rem, 3vw, 2.75rem)",lineHeight:1.08,letterSpacing:"-0.01em",fontWeight:700},h2:{fontFamily:n,fontSize:"1.5rem",lineHeight:1.2,fontWeight:600},h3:{fontSize:"0.9rem",lineHeight:1.25,fontWeight:700},h4:{fontSize:"0.8rem",lineHeight:1.2,fontWeight:500},actionBarTitle:{fontFamily:n,fontSize:"1.6rem",color:i.brilliantGreen,fontWeight:700,lineHeight:1.2,textTransform:"none"},body1:{fontSize:"0.8rem",lineHeight:1.4},body2:{fontSize:"0.8rem",lineHeight:1.4},caption:{fontSize:"0.7rem",lineHeight:1.4},button:{fontFamily:t,fontSize:"0.95rem",fontWeight:600,textTransform:"none"}},shadows:["none","0 1px 2px rgba(0,0,0,0.08)","0 4px 12px rgba(0,0,0,0.10)","0 8px 24px rgba(0,0,0,0.12)","0 16px 48px rgba(0,0,0,0.18)",...Array(20).fill("none")],components:{MuiCssBaseline:{styleOverrides:{html:{backgroundColor:l.background.default},body:{backgroundColor:l.background.default,fontFamily:a,color:l.text.primary,transition:"background-color 200ms ease, color 200ms ease"},"#root":{minHeight:"100vh"},"::selection":{backgroundColor:e(i.brilliantGreen,.28),color:l.text.primary},a:{color:l.text.greens,"&:hover":{color:l.text.secondary}},aside:{marginRight:"10px",borderLeft:"2px solid",borderColor:l.text.secondary,padding:"0 8px"}}},MuiTypography:{styleOverrides:{root:({ownerState:r})=>({color:s[r.variant]??"inherit"})}},MuiPaper:{defaultProps:{elevation:1},styleOverrides:{root:({theme:r})=>({position:"relative",zIndex:1,backgroundImage:"none",backgroundColor:l.background.paper,border:`1px solid ${l.border}`,borderRadius:r.shape.borderRadius,padding:r.spacing(1)})}},MuiCard:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,boxShadow:l.shadow,border:`1px solid ${l.border}`,position:"relative",zIndex:1})}},MuiButton:{defaultProps:{disableElevation:!0}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontFamily:t},label:{fontWeight:400}}},MuiDivider:{styleOverrides:{root:{borderColor:l.border}}},MuiDataGrid:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,border:`1px solid ${l.border}`,backgroundColor:l.background.paper,color:l.text.primary,"--DataGrid-rowBorderColor":l.border,"--DataGrid-containerBackground":l.background.paper,"--DataGrid-pinnedBackground":l.background.paper,"& .MuiDataGrid-toolbarContainer":{padding:"12px 16px 0",gap:8},"& .MuiDataGrid-toolbarContainer .MuiButton-root":{minHeight:36,paddingInline:12,color:l.text.secondary},"& .MuiDataGrid-toolbarContainer .MuiInputBase-root":{borderRadius:999,backgroundColor:e(i.brilliantGreen,"dark"===d?.08:.05)},"& .MuiDataGrid-toolbarContainer .MuiInputBase-input":{paddingBlock:8},"& .MuiDataGrid-overlay":{backgroundColor:"transparent"}}),columnHeaders:{backgroundColor:e(i.brilliantGreen,"dark"===d?.12:.08),borderBottom:`1px solid ${l.border}`},columnHeader:{"&:focus, &:focus-within":{outline:"none"}},columnHeaderTitle:{fontWeight:600},cell:{alignItems:"center",borderTop:`1px solid ${l.border}`,"&:focus, &:focus-within":{outline:"none"}},row:{"&:hover":{backgroundColor:e(i.brilliantGreen,"dark"===d?.08:.04)}},footerContainer:{borderTop:`1px solid ${l.border}`,backgroundColor:e(i.brilliantGreen,"dark"===d?.05:.03)},sortIcon:{color:i.brilliantGreen},menuIconButton:{color:l.text.secondary},withBorderColor:{borderColor:l.border}}},MuiListItemButton:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,border:`1px solid ${l.border}`,backgroundColor:l.background.paper,color:l.text.primary})}},MuiAppBar:{defaultProps:{elevation:1},styleOverrides:{root:{backgroundColor:l.background.paper,backgroundImage:"none",borderBottom:`1px solid ${l.border}`,borderRadius:0,color:l.text.primary}}},MuiAccordion:{defaultProps:{disableGutters:!0,elevation:0},styleOverrides:{root:{backgroundColor:"transparent",border:`1px solid ${l.border}`,borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{borderColor:e(i.brilliantGreen,"dark"===d?.4:.3)}}}},MuiAccordionSummary:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,minHeight:24,"&.Mui-expanded":{minHeight:24},"&:focus-visible":{outline:`2px solid ${l.outlinedPrimary}`,outlineOffset:2},padding:0}),content:{margin:"0","&.Mui-expanded":{margin:"0"}},expandIconWrapper:{color:l.text.secondary}}},MuiAccordionDetails:{styleOverrides:{root:{padding:0,borderTop:`1px solid ${l.border}`}}},MuiTabs:{styleOverrides:{root:{minHeight:40,borderBottom:`1px solid ${l.border}`},indicator:{backgroundColor:i.brilliantGreen,height:2}}},MuiTab:{styleOverrides:{root:{minHeight:40,fontFamily:t,fontWeight:600,fontSize:"0.85rem",letterSpacing:"0.01em",textTransform:"none",color:l.text.secondary,"&.Mui-selected":{color:l.text.primary},"&:focus-visible":{outline:`2px solid ${l.outlinedPrimary}`,outlineOffset:2}}}},MuiDialog:{styleOverrides:{paper:({theme:r})=>({backgroundColor:l.background.paper,backgroundImage:"none",border:`1px solid ${l.border}`,borderRadius:r.shape.borderRadius,boxShadow:l.shadow})}},MuiDialogTitle:{styleOverrides:{root:{paddingBottom:8}}},MuiDialogContent:{styleOverrides:{root:{paddingTop:"8px !important"}}}}})};export{d as createSageTheme};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sage-nexus-ui",
-  "version": "1.9.4",
+  "version": "1.9.6",
   "description": "Nexus core components",
   "license": "ISC",
   "author": "emsmart-sage",