sage-nexus-ui 1.5.2 → 1.5.4

package/dist/components/SideBlade.mjs

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useTheme as o,useMediaQuery as r,Drawer as n,Box as t,IconButton as l}from"@mui/material";import a from"@mui/icons-material/ChevronLeft";import d from"@mui/icons-material/Menu";const s="0.25s",p=({open:t,onToggle:l,children:a,collapsedContent:d,expandedWidth:p=240,collapsedWidth:x=64,sx:b})=>{const f=o(),m=r(f.breakpoints.down("sm"));return e(n,m?{anchor:"left",variant:"temporary",open:t,onClose:l,keepMounted:!0,slotProps:{paper:{sx:[{width:p,boxSizing:"border-box",backgroundColor:"background.paper",borderRight:`1px solid ${f.palette.divider}`,overflowX:"hidden"},...Array.isArray(b)?b:b?[b]:[]]}},children:[i(h,{open:t,onToggle:l,collapsedWidth:x}),i(c,{open:t,collapsedContent:d,children:a})]}:{anchor:"left",variant:"permanent",open:t,slotProps:{paper:{sx:[{position:"relative",width:t?p:x,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",overflowX:"hidden",transition:`width ${s} ease`,backgroundColor:"background.paper",borderRight:`1px solid ${f.palette.divider}`,display:"flex",flexDirection:"column"},...Array.isArray(b)?b:b?[b]:[]]}},sx:{width:t?p:x,flexShrink:0,transition:`width ${s} ease`,"& .MuiDrawer-paper":{width:t?p:x,transition:`width ${s} ease`}},children:[i(h,{open:t,onToggle:l,collapsedWidth:x}),i(c,{open:t,collapsedContent:d,children:a})]})},c=({open:o,children:r,collapsedContent:n})=>e(t,{sx:{position:"relative",flex:1,overflow:"hidden"},children:[i(t,{sx:{height:"100%",overflowY:"auto",overflowX:"hidden",opacity:o?1:0,visibility:o?"visible":"hidden",transition:`opacity ${s} ease, visibility ${s} ease`},children:r}),n&&i(t,{sx:{position:"absolute",inset:0,overflowY:"auto",overflowX:"hidden",opacity:o?0:1,visibility:o?"hidden":"visible",transition:`opacity ${s} ease, visibility ${s} ease`},children:n})]}),h=({open:e,onToggle:o,collapsedWidth:r})=>{const n=i(e?a:d,{fontSize:"small"});return i(t,{sx:{display:"flex",alignItems:"center",justifyContent:e?"flex-end":"center",minHeight:48,px:.5,flexShrink:0},children:i(l,{onClick:o,size:"small","aria-label":e?"Collapse side blade":"Expand side blade",sx:{width:r-16,borderRadius:1,color:"text.secondary","&:hover":{color:"text.primary",backgroundColor:"action.hover"}},children:n})})};export{p as SideBlade};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useTheme as o,useMediaQuery as r,Drawer as n,Box as t,IconButton as l}from"@mui/material";import a from"@mui/icons-material/ChevronLeft";import d from"@mui/icons-material/Menu";const s="0.25s",p=({open:t,onToggle:l,children:a,collapsedContent:d,expandedWidth:p=240,collapsedWidth:x=64,sx:b})=>{const f=o(),m=r(f.breakpoints.down("sm"));return e(n,m?{anchor:"left",variant:"temporary",open:t,onClose:l,keepMounted:!0,slotProps:{paper:{sx:[{width:p,boxSizing:"border-box",backgroundColor:"background.paper",borderRight:`1px solid ${f.palette.divider}`,overflowX:"hidden"},...Array.isArray(b)?b:b?[b]:[]]}},children:[i(h,{open:t,onToggle:l,collapsedWidth:x}),i(c,{open:t,collapsedContent:d,children:a})]}:{anchor:"left",variant:"permanent",open:t,slotProps:{paper:{sx:[{position:"relative",width:t?p:x,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",overflowX:"hidden",transition:`width ${s} ease`,backgroundColor:"background.paper",borderRadius:0,borderRight:`1px solid ${f.palette.divider}`,display:"flex",flexDirection:"column"},...Array.isArray(b)?b:b?[b]:[]]}},sx:{width:t?p:x,flexShrink:0,transition:`width ${s} ease`,"& .MuiDrawer-paper":{width:t?p:x,transition:`width ${s} ease`}},children:[i(h,{open:t,onToggle:l,collapsedWidth:x}),i(c,{open:t,collapsedContent:d,children:a})]})},c=({open:o,children:r,collapsedContent:n})=>e(t,{sx:{position:"relative",flex:1,overflow:"hidden"},children:[i(t,{sx:{height:"100%",overflowY:"auto",overflowX:"hidden",opacity:o?1:0,visibility:o?"visible":"hidden",transition:`opacity ${s} ease, visibility ${s} ease`},children:r}),n&&i(t,{sx:{position:"absolute",inset:0,overflowY:"auto",overflowX:"hidden",opacity:o?0:1,visibility:o?"hidden":"visible",transition:`opacity ${s} ease, visibility ${s} ease`},children:n})]}),h=({open:e,onToggle:o,collapsedWidth:r})=>{const n=i(e?a:d,{fontSize:"small"});return i(t,{sx:{display:"flex",alignItems:"center",justifyContent:e?"flex-end":"center",minHeight:48,px:.5,flexShrink:0},children:i(l,{onClick:o,size:"small","aria-label":e?"Collapse side blade":"Expand side blade",sx:{width:r-16,borderRadius:1,color:"text.secondary","&:hover":{color:"text.primary",backgroundColor:"action.hover"}},children:n})})};export{p as SideBlade};

package/dist/generated/version.mjs

@@ -1 +1 @@
-const o="1.5.2";export{o as SAGE_NEXUS_UI_VERSION};
+const o="1.5.4";export{o as SAGE_NEXUS_UI_VERSION};

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})=>({backgroundImage:"none",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}}},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.5.2",
+  "version": "1.5.4",
   "description": "Nexus core components",
   "license": "ISC",
   "author": "emsmart-sage",