it-data-nexus-ui-library 2.6.2 → 2.6.3

package/dist/components/Buttons/PrimaryButton.mjs

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{Button as o}from"@mui/material";import{useTheme as i,darken as r,alpha as t}from"@mui/material/styles";import{colours as a}from"../../theme/tokens.mjs";const n={small:{height:28,px:"14px",fontSize:"0.7rem"},medium:{height:40,px:"20px",fontSize:"0.9375rem"},large:{height:48,px:"28px",fontSize:"1rem"}},m=({size:m="medium",children:s,sx:l,...d})=>{const h="dark"===i().palette.mode,c=h?a.jadeLight:a.jadeDark,p=h?r(a.jadeLight,.3):a.jadeLight,x=h?a.black:a.white,{height:u,px:g,fontSize:f}=n[m];return e(o,{variant:"contained",size:m,sx:[{borderRadius:999,minHeight:u,paddingInline:g,fontSize:f,fontFamily:"inherit",backgroundColor:c,color:x,transition:"color 160ms ease, background-color 160ms ease, box-shadow 160ms ease","&:hover":{backgroundColor:p,color:x,boxShadow:`0 2px 6px ${t(c,.25)}`},"&:active":{boxShadow:`0 1px 3px ${t(c,.15)}`},"&:focus-visible":{outline:`2px solid ${c}`,outlineOffset:3},"&.Mui-disabled":{backgroundColor:t(c,.6),color:h?t(a.black,1):t(a.white,.5),pointerEvents:"auto",cursor:"not-allowed"}},...Array.isArray(l)?l:l?[l]:[]],...d,children:s})};export{m as PrimaryButton};
+import{jsx as e}from"react/jsx-runtime";import{Button as o}from"@mui/material";import{useTheme as r,darken as t,alpha as i}from"@mui/material/styles";import{colours as a}from"../../theme/tokens.mjs";const n={small:{height:28,px:"14px",fontSize:"0.7rem"},medium:{height:40,px:"20px",fontSize:"0.9375rem"},large:{height:48,px:"28px",fontSize:"1rem"}},l=({color:l="primary",size:m="medium",children:s,sx:d,...p})=>{const c=r(),h="dark"===c.palette.mode,x="error"===l,u=x?c.palette.error.main:h?a.jadeLight:a.jadeDark,g=x?c.palette.error.dark:h?t(a.jadeLight,.3):a.jadeLight,f=x?c.palette.error.contrastText:h?a.black:a.white,b=x?i(f,.6):h?i(a.black,1):i(a.white,.5),{height:k,px:z,fontSize:S}=n[m];return e(o,{variant:"contained",size:m,sx:[{borderRadius:999,minHeight:k,paddingInline:z,fontSize:S,fontFamily:"inherit",backgroundColor:u,color:f,transition:"color 160ms ease, background-color 160ms ease, box-shadow 160ms ease","&:hover":{backgroundColor:g,color:f,boxShadow:`0 2px 6px ${i(u,.25)}`},"&:active":{boxShadow:`0 1px 3px ${i(u,.15)}`},"&:focus-visible":{outline:`2px solid ${u}`,outlineOffset:3},"&.Mui-disabled":{backgroundColor:i(u,.6),color:b,pointerEvents:"auto",cursor:"not-allowed"}},...Array.isArray(d)?d:d?[d]:[]],...p,children:s})};export{l as PrimaryButton};

package/dist/components/Buttons/SecondaryButton.mjs

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{Button as r}from"@mui/material";import{useTheme as e,alpha as i}from"@mui/material/styles";import{colours as t}from"../../theme/tokens.mjs";const a={small:{height:28,px:"14px",fontSize:"0.7rem"},medium:{height:40,px:"20px",fontSize:"0.9375rem"},large:{height:48,px:"28px",fontSize:"1rem"}},d=({size:d="medium",children:n,sx:s,...l})=>{const m="dark"===e().palette.mode,p=m?t.jadeLight:t.jadeDark,{height:x,px:h,fontSize:c}=a[d];return o(r,{variant:"outlined",size:d,sx:[{borderRadius:999,minHeight:x,paddingInline:h,fontSize:c,fontFamily:"inherit",backgroundColor:"transparent",color:p,borderColor:p,borderWidth:"1.5px",transition:"color 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease","&:hover":{backgroundColor:i(p,m?.2:.15),borderColor:p,borderWidth:"1.5px",color:p,boxShadow:`0 2px 6px ${i(p,.12)}`},"&:active":{boxShadow:`0 1px 3px ${i(p,.08)}`},"&:focus-visible":{outline:`2px solid ${p}`,outlineOffset:3},"&.Mui-disabled":{borderColor:i(p,.6),color:i(p,.6),borderWidth:"1.5px",pointerEvents:"auto",cursor:"not-allowed"}},...Array.isArray(s)?s:s?[s]:[]],...l,children:n})};export{d as SecondaryButton};
+import{jsx as r}from"react/jsx-runtime";import{Button as o}from"@mui/material";import{useTheme as e,alpha as i}from"@mui/material/styles";import{colours as t}from"../../theme/tokens.mjs";const a={small:{height:28,px:"14px",fontSize:"0.7rem"},medium:{height:40,px:"20px",fontSize:"0.9375rem"},large:{height:48,px:"28px",fontSize:"1rem"}},d=({color:d="primary",size:n="medium",children:l,sx:m,...s})=>{const p=e(),x="dark"===p.palette.mode,h="error"===d?p.palette.error.main:x?t.jadeLight:t.jadeDark,{height:c,px:u,fontSize:b}=a[n];return r(o,{variant:"outlined",size:n,sx:[{borderRadius:999,minHeight:c,paddingInline:u,fontSize:b,fontFamily:"inherit",backgroundColor:"transparent",color:h,borderColor:h,borderWidth:"1.5px",transition:"color 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease","&:hover":{backgroundColor:i(h,x?.2:.15),borderColor:h,borderWidth:"1.5px",color:h,boxShadow:`0 2px 6px ${i(h,.12)}`},"&:active":{boxShadow:`0 1px 3px ${i(h,.08)}`},"&:focus-visible":{outline:`2px solid ${h}`,outlineOffset:3},"&.Mui-disabled":{borderColor:i(h,.6),color:i(h,.6),borderWidth:"1.5px",pointerEvents:"auto",cursor:"not-allowed"}},...Array.isArray(m)?m:m?[m]:[]],...s,children:l})};export{d as SecondaryButton};

package/dist/generated/version.mjs

@@ -1 +1 @@
-const o="2.6.2";export{o as SAGE_NEXUS_UI_VERSION};
+const o="2.6.3";export{o as SAGE_NEXUS_UI_VERSION};

package/dist/index.d.ts

@@ -673,6 +673,7 @@ interface AccordionSingleProps {
 declare const AccordionSingle: ({ summary, children, defaultExpanded, expanded, onChange, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionSingleProps) => react.JSX.Element;
 
 interface SecondaryButtonProps extends Omit<ButtonProps, "variant" | "color"> {
+    color?: "primary" | "error";
     size?: "small" | "medium" | "large";
 }
 declare const SecondaryButton: React.FC<SecondaryButtonProps>;
@@ -1042,6 +1043,7 @@ interface SageLogoSvgProps {
 declare const SageLogoSvg: ({ height, className, "aria-label": ariaLabel, }: SageLogoSvgProps) => react.JSX.Element;
 
 interface PrimaryButtonProps extends Omit<ButtonProps, "variant" | "color"> {
+    color?: "primary" | "error";
     size?: "small" | "medium" | "large";
 }
 declare const PrimaryButton: React.FC<PrimaryButtonProps>;
@@ -1086,7 +1088,7 @@ declare const RagChip: ({ label, status, colour, size, variant, sx, ...rest }: R
  */
 declare const ragColorForDelta: (delta: string) => string;
 
-interface SecondaryButtonLinkProps extends Omit<SecondaryButtonProps, "href" | "component"> {
+interface SecondaryButtonLinkProps extends Omit<SecondaryButtonProps, "href" | "component" | "color"> {
     href: string;
     color?: string;
     openInNewTab?: boolean;

package/package.json

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