it-data-nexus-ui-library 2.11.6 → 2.11.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsxs as r,jsx as o}from"react/jsx-runtime";import{SecondaryButton as t}from"../Buttons/SecondaryButton.mjs";import e from"@mui/material/Box";import{alpha as i}from"@mui/material";import{useTheme as n}from"@mui/material/styles";import{colours as a}from"../Theme/tokens.mjs";const l=({item:l,isActive:d,collapsed:m,linkComponent:s,onSelect:c})=>{const p="dark"===n().palette.mode?a.jadeLight:a.jadeDark,h=l.icon;return r(t,{startIcon:o(h,{}),fullWidth:!0,...s?{component:s}:{},...s?{href:l.href}:{},title:m?l.label:void 0,"aria-current":d?"page":void 0,onClick:c?()=>c(l):void 0,sx:[{justifyContent:m?"center":"flex-start",px:1,borderRadius:1,minWidth:0,color:p,borderColor:m?"transparent":p,borderWidth:m?0:"1.5px",borderStyle:"solid",backgroundColor:"transparent","&:hover":{color:p,borderColor:m?"transparent":p,borderWidth:m?0:"1.5px",backgroundColor:i(p,.15)},"&.Mui-disabled":{color:i(p,.6),borderColor:m?"transparent":i(p,.6),borderWidth:m?0:"1.5px"},"& .MuiButton-startIcon":{marginRight:m?0:void 0,marginLeft:0}},d&&{backgroundColor:i(p,.35),borderLeftColor:p,borderLeftWidth:"3px",borderLeftStyle:"solid",fontWeight:700,"&:hover":{backgroundColor:i(p,.28)}}],children:[!m&&o("span",{children:l.label}),!m&&l.chip&&o(e,{component:"span",sx:{display:"inline-flex",ml:1},children:l.chip})]},l.href)};export{l as SideBladeNavListItem};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{useTheme as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{useTheme as o}from"@mui/material/styles";import{colours as e}from"./Theme/tokens.mjs";import{Chip as a}from"./_Primitives/Chip.mjs";const t=({variant:t="neutral",label:l,outlined:i=!1})=>{const n=o(),b="dark"===n.palette.mode,m={success:{bg:b?"rgba(0, 166, 92, 0.18)":"rgba(0, 166, 92, 0.12)",color:b?e.brilliantGreen:e.jadeDark},warning:{bg:b?"rgba(233, 135, 91, 0.18)":"rgba(233, 135, 91, 0.12)",color:b?e.amber:e.amberDark},error:{bg:b?"rgba(204, 15, 75, 0.18)":"rgba(204, 15, 75, 0.10)",color:b?e.cherryLight:e.cherry},info:{bg:b?"rgba(0, 214, 222, 0.14)":"rgba(45, 96, 255, 0.10)",color:b?e.cyan:e.navy},neutral:{bg:n.palette.action.hover,color:n.palette.text.secondary}},{bg:g,color:c}=m[t];return r(a,{label:l,size:"small",sx:{backgroundColor:g,color:c,border:i?`1px solid ${c}`:"none",boxShadow:"none",fontWeight:600,fontSize:"0.7rem",height:22,"& .MuiChip-label":{px:1.25}}})};export{t as StatusBadge};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o="2.11.
|
|
1
|
+
const o="2.11.8";export{o as SAGE_NEXUS_UI_VERSION};
|
package/dist/index.d.ts
CHANGED
|
@@ -591,6 +591,7 @@ type StatusBadgeVariant = "success" | "warning" | "error" | "info" | "neutral";
|
|
|
591
591
|
interface StatusBadgeProps {
|
|
592
592
|
variant?: StatusBadgeVariant;
|
|
593
593
|
label: string;
|
|
594
|
+
outlined?: boolean;
|
|
594
595
|
}
|
|
595
596
|
/**
|
|
596
597
|
* Inline semantic status pill.
|
|
@@ -602,7 +603,7 @@ interface StatusBadgeProps {
|
|
|
602
603
|
* For RAG-specific statuses (On Track / At Risk / Off Track) prefer `RagChip`.
|
|
603
604
|
* For domain-specific workflow statuses prefer `StatusChip`.
|
|
604
605
|
*/
|
|
605
|
-
declare const StatusBadge: ({ variant, label, }: StatusBadgeProps) => react.JSX.Element;
|
|
606
|
+
declare const StatusBadge: ({ variant, label, outlined, }: StatusBadgeProps) => react.JSX.Element;
|
|
606
607
|
|
|
607
608
|
interface SegmentedControlOption<T extends string = string> {
|
|
608
609
|
label: ReactNode;
|
|
@@ -921,19 +922,13 @@ declare const ButtonBase: (props: ButtonBaseProps) => react.JSX.Element;
|
|
|
921
922
|
|
|
922
923
|
interface ButtonTileProps extends Omit<ButtonBaseProps, "children" | "title"> {
|
|
923
924
|
title: ReactNode;
|
|
924
|
-
/** `"compact"` renders the title with the H3 typography scale instead of H2. Defaults to `"default"`. */
|
|
925
925
|
titleSize?: "default" | "compact";
|
|
926
|
-
/** Element rendered for the title. Defaults to `h2` for both sizes so heading order is unchanged. */
|
|
927
926
|
titleComponent?: ElementType;
|
|
928
|
-
/** Clamps the title to this many lines. The full text stays in the DOM; string titles also get a native `title` tooltip. Unset means no clamp. */
|
|
929
927
|
titleMaxLines?: number;
|
|
930
928
|
subtitle?: ReactNode;
|
|
931
|
-
/** Maximum tile width. Defaults to 350px. */
|
|
932
929
|
maxWidth?: number | string;
|
|
933
930
|
icon?: ReactNode;
|
|
934
|
-
/** Non-interactive content displayed at the end of the title row, such as a status badge. */
|
|
935
931
|
headerAdornment?: ReactNode;
|
|
936
|
-
/** Applies the display-scale border radius (16px mobile / 32px desktop) for marketing and website contexts. */
|
|
937
932
|
display?: boolean;
|
|
938
933
|
children?: ReactNode;
|
|
939
934
|
footer?: ReactNode;
|
|
@@ -1398,6 +1393,7 @@ interface SideBladeNavItem {
|
|
|
1398
1393
|
icon: ComponentType<{
|
|
1399
1394
|
className?: string;
|
|
1400
1395
|
}>;
|
|
1396
|
+
chip?: ReactNode;
|
|
1401
1397
|
}
|
|
1402
1398
|
interface SideBladeNavListItemProps {
|
|
1403
1399
|
item: SideBladeNavItem;
|