it-data-nexus-ui-library 2.1.3 → 2.3.0

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.
@@ -0,0 +1 @@
1
+ import{jsx as r}from"react/jsx-runtime";import{Breadcrumbs as e,Link as t}from"@mui/material";import i from"@mui/icons-material/NavigateNext";import{Body2 as o}from"./Typography.mjs";const a=({items:a,ariaLabel:m="Breadcrumb",maxItems:n=8})=>r(e,{"aria-label":m,maxItems:n,separator:r(i,{fontSize:"small"}),children:a.map((e,i)=>{const m=i===a.length-1;return m||!e.onClick?r(o,{"aria-current":m?"page":void 0,children:e.label},i):r(t,{component:"button",type:"button",underline:"hover",color:"inherit",onClick:e.onClick,sx:{font:"inherit",cursor:"pointer"},children:e.label},i)})});export{a as Breadcrumbs};
@@ -1 +1 @@
1
- import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useId as r}from"react";import{useTheme as s,alpha as e}from"@mui/material/styles";import{getChartColours as i}from"../../theme/chartColours.mjs";import{BarChart as p}from"../../node_modules/@mui/x-charts/BarChart/BarChart.mjs";function l({slotProps:l,slots:a,...m}){const c=s(),d=i(c.palette.mode),n=r().replace(/:/g,""),f="horizontal"===m.layout,h=d.map((o,t)=>({id:`${n}bg${t}`,color:o}));return o(p,{colors:h.map(({id:o})=>`url(#${o})`),...m,grid:{vertical:!0,horizontal:!0},slots:a,slotProps:{...l,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...l?.tooltip}},children:o("defs",{children:h.map(({id:r,color:s})=>t("linearGradient",f?{id:r,x1:"0",y1:"0",x2:"1",y2:"0",children:[o("stop",{offset:"0%",stopColor:e(s,.15)}),o("stop",{offset:"100%",stopColor:s,stopOpacity:1})]}:{id:r,x1:"0",y1:"0",x2:"0",y2:"1",children:[o("stop",{offset:"0%",stopColor:s,stopOpacity:1}),o("stop",{offset:"100%",stopColor:e(s,.15)})]},r))})})}export{l as NexusBarChart};
1
+ import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useId as t}from"react";import{useTheme as s,alpha as e}from"@mui/material/styles";import{getChartColours as i}from"../../theme/chartColours.mjs";import{ChartFrame as p}from"./chartFrame.mjs";import{BarChart as a}from"../../node_modules/@mui/x-charts/BarChart/BarChart.mjs";function l({slotProps:l,slots:m,title:n,description:c,actions:d,isLoading:f,isError:h,errorMessage:x,paperSx:u,...y}){const g=s(),C=i(g.palette.mode),j=t().replace(/:/g,""),z="horizontal"===y.layout,O=C.map((o,r)=>({id:`${j}bg${r}`,color:o}));return o(p,{title:n,description:c,actions:d,isLoading:f,isError:h,errorMessage:x,paperSx:u,children:o(a,{colors:O.map(({id:o})=>`url(#${o})`),...y,grid:{vertical:!0,horizontal:!0},slots:m,slotProps:{...l,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...l?.tooltip}},children:o("defs",{children:O.map(({id:t,color:s})=>r("linearGradient",z?{id:t,x1:"0",y1:"0",x2:"1",y2:"0",children:[o("stop",{offset:"0%",stopColor:e(s,.15)}),o("stop",{offset:"100%",stopColor:s,stopOpacity:1})]}:{id:t,x1:"0",y1:"0",x2:"0",y2:"1",children:[o("stop",{offset:"0%",stopColor:s,stopOpacity:1}),o("stop",{offset:"100%",stopColor:e(s,.15)})]},t))})})})}export{l as NexusBarChart};
@@ -1 +1 @@
1
- import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useId as r,useRef as o,useMemo as s}from"react";import{useTheme as i}from"@mui/material/styles";import{getChartColours as a}from"../../theme/chartColours.mjs";import{AnimatedArea as n}from"../../node_modules/@mui/x-charts/LineChart/AnimatedArea.mjs";import{LineChart as p}from"../../node_modules/@mui/x-charts/LineChart/LineChart.mjs";function m({sx:m,xAxis:l,grid:d,series:c=[],slots:f,slotProps:x,children:h,...u}){const g=i(),y=a(g.palette.mode),C=r().replace(/:/g,""),w=l?.map(t=>({scaleType:"point",...t})),A=c.map((t,e)=>t.area&&!t.id?{...t,id:`${C}s${e}`}:t),j=new Map(A.map((t,e)=>({s:t,i:e})).filter(({s:t})=>t.area).map(({s:t,i:e})=>[t.id,`${C}g${e}`])),S=o(j);S.current=j;const $=s(()=>function(e){const r=e.ownerState?.seriesId,o=r?S.current.get(r):void 0;return t(n,{...e,ownerState:o?{...e.ownerState,gradientId:o}:e.ownerState})},[C]);return e(p,{colors:y,xAxis:w,grid:d??{horizontal:!0,vertical:!0},series:A,slots:{area:$,...f},slotProps:{...x,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...x?.tooltip}},sx:m,...u,children:[j.size>0&&t("defs",{children:Array.from(j.entries()).map(([,r],o)=>e("linearGradient",{id:r,x1:"0",y1:"0",x2:"0",y2:"1",children:[t("stop",{offset:"0%",stopColor:y[o%y.length],stopOpacity:.4}),t("stop",{offset:"100%",stopColor:y[o%y.length],stopOpacity:0})]},r))}),h]})}export{m as NexusLineChart};
1
+ import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useId as t,useRef as o,useMemo as i}from"react";import{useTheme as s}from"@mui/material/styles";import{getChartColours as a}from"../../theme/chartColours.mjs";import{ChartFrame as n}from"./chartFrame.mjs";import{AnimatedArea as p}from"../../node_modules/@mui/x-charts/LineChart/AnimatedArea.mjs";import{LineChart as m}from"../../node_modules/@mui/x-charts/LineChart/LineChart.mjs";function d({sx:d,xAxis:c,grid:l,series:f=[],slots:x,slotProps:h,children:u,title:g,description:y,actions:C,isLoading:S,isError:j,errorMessage:w,paperSx:A,...L}){const $=s(),z=a($.palette.mode),I=t().replace(/:/g,""),M=c?.map(r=>({scaleType:"point",...r})),O=f.map((r,e)=>r.area&&!r.id?{...r,id:`${I}s${e}`}:r),v=new Map(O.map((r,e)=>({s:r,i:e})).filter(({s:r})=>r.area).map(({s:r,i:e})=>[r.id,`${I}g${e}`])),E=o(v);E.current=v;const P=i(()=>function(e){const t=e.ownerState?.seriesId,o=t?E.current.get(t):void 0;return r(p,{...e,ownerState:o?{...e.ownerState,gradientId:o}:e.ownerState})},[I]);return r(n,{title:g,description:y,actions:C,isLoading:S,isError:j,errorMessage:w,paperSx:A,children:e(m,{colors:z,xAxis:M,grid:l??{horizontal:!0,vertical:!0},series:O,slots:{area:P,...x},slotProps:{...h,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...h?.tooltip}},sx:d,...L,children:[v.size>0&&r("defs",{children:Array.from(v.entries()).map(([,t],o)=>e("linearGradient",{id:t,x1:"0",y1:"0",x2:"0",y2:"1",children:[r("stop",{offset:"0%",stopColor:z[o%z.length],stopOpacity:.4}),r("stop",{offset:"100%",stopColor:z[o%z.length],stopOpacity:0})]},t))}),u]})})}export{d as NexusLineChart};
@@ -1 +1 @@
1
- import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useId as t,useRef as e}from"react";import{useTheme as i,alpha as s}from"@mui/material/styles";import{getChartColours as c}from"../../theme/chartColours.mjs";import{PieArc as p}from"../../node_modules/@mui/x-charts/PieChart/PieArc.mjs";import{PieChart as l}from"../../node_modules/@mui/x-charts/PieChart/PieChart.mjs";function m({slotProps:m,slots:n,...a}){const d=i(),u=c(d.palette.mode),f=t().replace(/:/g,""),h=u.map((o,r)=>({id:`${f}pg${r}`,color:o})),x=new Map(h.map(({id:o,color:r})=>[r,o])),y=e(x);y.current=x;const C=e(function(r){const t=r.color?y.current.get(r.color):void 0;return o(p,{...r,color:t?`url(#${t})`:r.color})}).current;return o(l,{colors:u,...a,slots:{pieArc:C,...n},slotProps:{...m,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...m?.tooltip}},children:o("defs",{children:h.map(({id:t,color:e})=>r("linearGradient",{id:t,x1:"0",y1:"0",x2:"0",y2:"1",children:[o("stop",{offset:"0%",stopColor:s(e,.15)}),o("stop",{offset:"100%",stopColor:e,stopOpacity:1})]},t))})})}export{m as NexusPieChart};
1
+ import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useId as t,useRef as e}from"react";import{useTheme as i,alpha as s}from"@mui/material/styles";import{getChartColours as c}from"../../theme/chartColours.mjs";import{ChartFrame as p}from"./chartFrame.mjs";import{PieArc as n}from"../../node_modules/@mui/x-charts/PieChart/PieArc.mjs";import{PieChart as m}from"../../node_modules/@mui/x-charts/PieChart/PieChart.mjs";function a({slotProps:a,slots:l,title:d,description:u,actions:f,isLoading:h,isError:x,errorMessage:g,paperSx:y,...C}){const P=i(),j=c(P.palette.mode),M=t().replace(/:/g,""),$=j.map((o,r)=>({id:`${M}pg${r}`,color:o})),A=new Map($.map(({id:o,color:r})=>[r,o])),E=e(A);E.current=A;const L=e(function(r){const t=r.color?E.current.get(r.color):void 0;return o(n,{...r,color:t?`url(#${t})`:r.color})}).current;return o(p,{title:d,description:u,actions:f,isLoading:h,isError:x,errorMessage:g,paperSx:y,children:o(m,{colors:j,...C,slots:{pieArc:L,...l},slotProps:{...a,tooltip:{popperOptions:{strategy:"fixed"},sx:{zIndex:1300},container:()=>document.body,...a?.tooltip}},children:o("defs",{children:$.map(({id:t,color:e})=>r("linearGradient",{id:t,x1:"0",y1:"0",x2:"0",y2:"1",children:[o("stop",{offset:"0%",stopColor:s(e,.15)}),o("stop",{offset:"100%",stopColor:e,stopOpacity:1})]},t))})})})}export{a as NexusPieChart};
@@ -0,0 +1 @@
1
+ import{jsx as r,Fragment as i}from"react/jsx-runtime";import{PaperAsync as o}from"../PaperAsync.mjs";const e=({title:e,description:s,actions:n,isLoading:t,isError:a,errorMessage:c,paperSx:p,children:d})=>void 0===e?r(i,{children:d}):r(o,{title:e,description:s,actions:n,isLoading:Boolean(t),isError:Boolean(a),errorMessage:c,sx:p??{p:3},children:d});export{e as ChartFrame};
@@ -0,0 +1 @@
1
+ import{jsx as a}from"react/jsx-runtime";import{ToggleButtonGroup as e,ToggleButton as r}from"@mui/material";function l({options:l,value:i,onChange:o,ariaLabel:n,size:t="small",color:u="primary",sx:s,...m}){return a(e,{exclusive:!0,value:i,onChange:(a,e)=>{null!==e&&o(e)},size:t,color:u,"aria-label":n,sx:[{"& .MuiToggleButton-root":{textTransform:"none",fontWeight:600,px:2,borderRadius:999}},...Array.isArray(s)?s:s?[s]:[]],...m,children:l.map(e=>a(r,{value:e.value,disabled:e.disabled,"aria-label":e.ariaLabel,children:e.label},e.value))})}export{l as SegmentedControl};
@@ -1 +1 @@
1
- const o="2.1.3";export{o as SAGE_NEXUS_UI_VERSION};
1
+ const o="2.3.0";export{o as SAGE_NEXUS_UI_VERSION};
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react from 'react';
2
2
  import react__default, { ReactNode, ReactElement, ComponentType, CSSProperties, PropsWithChildren } from 'react';
3
- import { AlertProps, BoxProps, SxProps as SxProps$1, Theme as Theme$1, TypographyProps, ContainerProps, GridProps, LinkProps as LinkProps$1, SelectProps as SelectProps$1, SwitchProps, AccordionSummaryProps, ButtonProps, ChipProps, CardProps as CardProps$1, PaperProps, CircularProgressProps, CollapseProps, ButtonBaseProps, CheckboxProps, FormControlLabelProps, FormGroupProps, DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps, DividerProps, IconButtonProps as IconButtonProps$1, SkeletonProps as SkeletonProps$1, StackProps, TabProps, TabsProps, TextFieldProps, TooltipProps as TooltipProps$1 } from '@mui/material';
3
+ import { AlertProps, BoxProps, SxProps as SxProps$1, Theme as Theme$1, TypographyProps, ContainerProps, GridProps, LinkProps as LinkProps$1, SelectProps as SelectProps$1, ToggleButtonGroupProps, SwitchProps, AccordionSummaryProps, ButtonProps, ChipProps, CardProps as CardProps$1, PaperProps, CircularProgressProps, CollapseProps, ButtonBaseProps, CheckboxProps, FormControlLabelProps, FormGroupProps, DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps, DividerProps, IconButtonProps as IconButtonProps$1, SkeletonProps as SkeletonProps$1, StackProps, TabProps, TabsProps, TextFieldProps, TooltipProps as TooltipProps$1 } from '@mui/material';
4
4
  export { AlertProps, AlertTitle, BoxProps, ButtonBaseProps, CheckboxProps, ChipProps, CircularProgressProps, CollapseProps, ContainerProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogProps, DialogTitleProps, DividerProps, FormControlLabelProps, FormGroupProps, GridProps, MenuItem, PaperProps, StackProps, SwitchProps, TabProps, TabsProps, TextFieldProps, Theme, alpha, useMediaQuery, useTheme } from '@mui/material';
5
5
  import { SxProps, Theme } from '@mui/material/styles';
6
6
  import { Components } from 'react-markdown';
@@ -478,6 +478,49 @@ interface StatusBadgeProps {
478
478
  */
479
479
  declare const StatusBadge: ({ variant, label, }: StatusBadgeProps) => react.JSX.Element;
480
480
 
481
+ interface SegmentedControlOption<T extends string = string> {
482
+ label: ReactNode;
483
+ value: T;
484
+ /** Optional accessible label when `label` is an icon or is not descriptive. */
485
+ ariaLabel?: string;
486
+ disabled?: boolean;
487
+ }
488
+ interface SegmentedControlProps<T extends string = string> extends Omit<ToggleButtonGroupProps, "value" | "onChange" | "exclusive"> {
489
+ options: SegmentedControlOption<T>[];
490
+ value: T;
491
+ onChange: (value: T) => void;
492
+ /** Accessible group label, e.g. "Level of detail". */
493
+ ariaLabel?: string;
494
+ }
495
+ /**
496
+ * Segmented (pill) toggle for switching between a small set of mutually exclusive
497
+ * options — view switchers, detail/summary modes, region filters, and similar.
498
+ *
499
+ * For multi-page navigation prefer `SideBladeNavList`; for tabbed page content
500
+ * prefer `Tabs`. This is for compact in-page toggles.
501
+ */
502
+ declare function SegmentedControl<T extends string = string>({ options, value, onChange, ariaLabel, size, color, sx, ...rest }: SegmentedControlProps<T>): react.JSX.Element;
503
+
504
+ interface BreadcrumbItem {
505
+ label: ReactNode;
506
+ /** When provided, the crumb is a clickable step. Omit for the current (last) step. */
507
+ onClick?: () => void;
508
+ }
509
+ interface BreadcrumbsProps {
510
+ items: BreadcrumbItem[];
511
+ /** Accessible label for the nav landmark. Defaults to "Breadcrumb". */
512
+ ariaLabel?: string;
513
+ /** Max items before collapsing with an ellipsis. Defaults to 8. */
514
+ maxItems?: number;
515
+ }
516
+ /**
517
+ * Breadcrumb trail for stepwise, hierarchical navigation — for example the levels
518
+ * of a single drill-down dialog (overview → product → programme). The last item is
519
+ * rendered as the current step (not clickable); earlier items with an `onClick` are
520
+ * links back to that step.
521
+ */
522
+ declare const Breadcrumbs: ({ items, ariaLabel, maxItems, }: BreadcrumbsProps) => react.JSX.Element;
523
+
481
524
  declare const Switch: (props: SwitchProps) => react.JSX.Element;
482
525
 
483
526
  /**
@@ -959,16 +1002,32 @@ interface TooltipProps extends Omit<TooltipProps$1, "title"> {
959
1002
  }
960
1003
  declare const Tooltip: ({ title, children, ...rest }: TooltipProps) => react.JSX.Element;
961
1004
 
962
- type NexusLineChartProps = Omit<LineChartProps, "colors"> & {
1005
+ /**
1006
+ * Optional async/paper props shared by the Nexus chart components. When `title` is
1007
+ * provided, the chart self-wraps in `PaperAsync` and gains loading/error handling
1008
+ * for free. With no `title`, the chart renders bare (backward-compatible).
1009
+ */
1010
+ interface ChartAsyncProps {
1011
+ title?: string;
1012
+ description?: ReactNode;
1013
+ actions?: ReactNode;
1014
+ isLoading?: boolean;
1015
+ isError?: boolean;
1016
+ errorMessage?: string;
1017
+ /** `sx` applied to the wrapping `PaperAsync` (defaults to `{ p: 3 }`). */
1018
+ paperSx?: SxProps<Theme>;
1019
+ }
1020
+
1021
+ type NexusLineChartProps = Omit<LineChartProps, "colors"> & ChartAsyncProps & {
963
1022
  children?: React.ReactNode;
964
1023
  };
965
- declare function NexusLineChart({ sx, xAxis, grid, series, slots, slotProps, children, ...props }: NexusLineChartProps): react.JSX.Element;
1024
+ declare function NexusLineChart({ sx, xAxis, grid, series, slots, slotProps, children, title, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusLineChartProps): react.JSX.Element;
966
1025
 
967
- type NexusBarChartProps = Omit<BarChartProps, "colors">;
968
- declare function NexusBarChart({ slotProps, slots, ...props }: NexusBarChartProps): react.JSX.Element;
1026
+ type NexusBarChartProps = Omit<BarChartProps, "colors"> & ChartAsyncProps;
1027
+ declare function NexusBarChart({ slotProps, slots, title, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusBarChartProps): react.JSX.Element;
969
1028
 
970
- type NexusPieChartProps = Omit<PieChartProps, "colors">;
971
- declare function NexusPieChart({ slotProps, slots, ...props }: NexusPieChartProps): react.JSX.Element;
1029
+ type NexusPieChartProps = Omit<PieChartProps, "colors"> & ChartAsyncProps;
1030
+ declare function NexusPieChart({ slotProps, slots, title, description, actions, isLoading, isError, errorMessage, paperSx, ...props }: NexusPieChartProps): react.JSX.Element;
972
1031
 
973
1032
  declare const getFaviconUrls: (versioned?: boolean) => {
974
1033
  svg: string;
@@ -1110,5 +1169,5 @@ declare const getGradientBorderStyles: (theme: Theme, options?: GradientBorderOp
1110
1169
  declare const leftPipe: SxProps<Theme>;
1111
1170
  declare const expandableText: (isExpanded: boolean) => SxProps<Theme>;
1112
1171
 
1113
- export { AccordionGroup, AccordionGroupItem, AccordionSingle, ActionBar, ActionBarTitle, AgentChatWindow, AgentChatWindowHeader, AiButton, AiCard, AiChip, AiGlassCard, AiGlassPaper, AiPaper, Alert, Avatar, Body1, Body2, Box, ButtonBase, Caption, Card, ChatAvatar, ChatHistory, ChatHistoryButtonBase, ChatHistoryHeader, ChatInput, ChatWindowBody, Checkbox, CheckboxGroup, Chip, CircularProgress, Code, Collapse, Container, CopyableTableContainer, DateRangeFilter, DateRangePicker, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, EmptyState, FABButton, FaviconLinks, FormControlLabel, FormGroup, GhostButton, GlassCard, GlassPaper, GlassPaperAsync, GreenWaveBackground, Grid, H1, H2, H3, H4, IconButton, Link, LoadingSpinnerNexus, LocationMultiSelect, LogoOptions, MarkdownContent, MessageBubble, MessageFeedbackBar, MessageList, MuiAppThemeProvider, NexusBarChart, NexusChatDialog, NexusChatWidget, NexusDataGrid, NexusHome, NexusLineChart, NexusLogo, NexusPieChart, Paper, PaperAsync, PrimaryButton, PrimaryButtonLink, RagChip, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, Select, SideBlade, SideBladeNavList, SideBladeNavListItem, Skeleton, SkillChip, SkipLink, SourceCitations, Span, Stack, StatusBadge, StatusChip, StreamingBubble, SuggestedPrompts, Switch, Tab, Tabs, TextField, ThemeModeContext, ThemeModeProvider, ThemeToggle, Tooltip, TypingIndicator, chatHistoryMatchesQuery, chatWindowMarkdownComponents, colours, createSageTheme, expandableText, filterChatHistoryConversations, fontSageHeadline, fontSageText, fontSageUI, formatDate, formatSurnameFirstname, getFaviconUrls, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, latestTraceLabel, leftPipe, useThemeMode, useTokens };
1114
- export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, ActivitySummary, AgentChatWindowHeaderProps, AgentChatWindowProps, AiButtonProps, AiCardProps, AiChipProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, AvatarProps, AvatarSize, AvatarVariant, CardProps, CardTrend, ChatAvatarProps, ChatHistoryButtonBaseProps, ChatHistoryConversation, ChatHistoryHeaderProps, ChatHistoryProps, ChatInputProps, ChatMessage, CodeBlock, CopyableTableContainerProps, DateRangeFilterProps, DateRangePickerProps, DateRangePreset, DateRangeValue, EmptyStateProps, FABButtonProps, FileArtifact, GhostButtonProps, GlassCardProps, GlassPaperAsyncProps, GlassPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, IconButtonProps, IconButtonVariant, LatencyMetrics, LinkProps, LoadingSpinnerNexusProps, MarkdownContentProps, MessageBubbleProps, MessageFeedbackBarProps, MessageListProps, ModeTokens, NexusBarChartProps, NexusChatDialogProps, NexusChatWidgetProps, NexusLineChartProps, NexusPieChartProps, PaperAsyncProps, ParsedActivity, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, SelectOption, SelectProps, SideBladeNavItem, SideBladeNavListItemProps, SideBladeNavListProps, SideBladeProps, SkeletonProps, SkipLinkProps, SourceCitationsProps, StatusBadgeProps, StatusBadgeVariant, StreamingBubbleProps, SuggestedPromptsProps, ThemeMode, TooltipProps, TraceEvent, TypingIndicatorProps };
1172
+ export { AccordionGroup, AccordionGroupItem, AccordionSingle, ActionBar, ActionBarTitle, AgentChatWindow, AgentChatWindowHeader, AiButton, AiCard, AiChip, AiGlassCard, AiGlassPaper, AiPaper, Alert, Avatar, Body1, Body2, Box, Breadcrumbs, ButtonBase, Caption, Card, ChatAvatar, ChatHistory, ChatHistoryButtonBase, ChatHistoryHeader, ChatInput, ChatWindowBody, Checkbox, CheckboxGroup, Chip, CircularProgress, Code, Collapse, Container, CopyableTableContainer, DateRangeFilter, DateRangePicker, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, EmptyState, FABButton, FaviconLinks, FormControlLabel, FormGroup, GhostButton, GlassCard, GlassPaper, GlassPaperAsync, GreenWaveBackground, Grid, H1, H2, H3, H4, IconButton, Link, LoadingSpinnerNexus, LocationMultiSelect, LogoOptions, MarkdownContent, MessageBubble, MessageFeedbackBar, MessageList, MuiAppThemeProvider, NexusBarChart, NexusChatDialog, NexusChatWidget, NexusDataGrid, NexusHome, NexusLineChart, NexusLogo, NexusPieChart, Paper, PaperAsync, PrimaryButton, PrimaryButtonLink, RagChip, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, SegmentedControl, Select, SideBlade, SideBladeNavList, SideBladeNavListItem, Skeleton, SkillChip, SkipLink, SourceCitations, Span, Stack, StatusBadge, StatusChip, StreamingBubble, SuggestedPrompts, Switch, Tab, Tabs, TextField, ThemeModeContext, ThemeModeProvider, ThemeToggle, Tooltip, TypingIndicator, chatHistoryMatchesQuery, chatWindowMarkdownComponents, colours, createSageTheme, expandableText, filterChatHistoryConversations, fontSageHeadline, fontSageText, fontSageUI, formatDate, formatSurnameFirstname, getFaviconUrls, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, latestTraceLabel, leftPipe, useThemeMode, useTokens };
1173
+ export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, ActivitySummary, AgentChatWindowHeaderProps, AgentChatWindowProps, AiButtonProps, AiCardProps, AiChipProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, AvatarProps, AvatarSize, AvatarVariant, BreadcrumbItem, BreadcrumbsProps, CardProps, CardTrend, ChartAsyncProps, ChatAvatarProps, ChatHistoryButtonBaseProps, ChatHistoryConversation, ChatHistoryHeaderProps, ChatHistoryProps, ChatInputProps, ChatMessage, CodeBlock, CopyableTableContainerProps, DateRangeFilterProps, DateRangePickerProps, DateRangePreset, DateRangeValue, EmptyStateProps, FABButtonProps, FileArtifact, GhostButtonProps, GlassCardProps, GlassPaperAsyncProps, GlassPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, IconButtonProps, IconButtonVariant, LatencyMetrics, LinkProps, LoadingSpinnerNexusProps, MarkdownContentProps, MessageBubbleProps, MessageFeedbackBarProps, MessageListProps, ModeTokens, NexusBarChartProps, NexusChatDialogProps, NexusChatWidgetProps, NexusLineChartProps, NexusPieChartProps, PaperAsyncProps, ParsedActivity, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, SegmentedControlOption, SegmentedControlProps, SelectOption, SelectProps, SideBladeNavItem, SideBladeNavListItemProps, SideBladeNavListProps, SideBladeProps, SkeletonProps, SkipLinkProps, SourceCitationsProps, StatusBadgeProps, StatusBadgeVariant, StreamingBubbleProps, SuggestedPromptsProps, ThemeMode, TooltipProps, TraceEvent, TypingIndicatorProps };
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- export{DateRangeFilter}from"./components/DateRangeFilter.mjs";export{DateRangePicker}from"./components/DateRangePicker.mjs";export{Alert}from"./components/_Primitives/Alert.mjs";export{NexusChatWidget}from"./components/NexusChat/NexusChatWidget.mjs";export{NexusChatDialog}from"./components/NexusChat/NexusChatDialog.mjs";export{FABButton}from"./components/NexusChat/FABButton.mjs";export{AgentChatWindow}from"./components/NexusChat/AgentChatWindow.mjs";export{AgentChatWindowHeader}from"./components/NexusChat/AgentChatWindowHeader.mjs";export{ChatInput}from"./components/NexusChat/ChatInput.mjs";export{ChatHistory}from"./components/NexusChat/ChatHistory.mjs";export{ChatHistoryHeader}from"./components/NexusChat/ChatHistoryHeader.mjs";export{ChatHistoryButtonBase}from"./components/NexusChat/ChatHistoryButtonBase.mjs";export{chatHistoryMatchesQuery,filterChatHistoryConversations}from"./components/NexusChat/ChatHistorySearch.mjs";export{CopyableTableContainer}from"./components/NexusChat/ChatComponents/CopyableTableContainer.mjs";export{default as ChatAvatar}from"./components/NexusChat/ChatComponents/ChatAvatar.mjs";export{default as MarkdownContent,chatWindowMarkdownComponents}from"./components/NexusChat/ChatComponents/MarkdownContent.mjs";export{default as MessageBubble}from"./components/NexusChat/ChatComponents/MessageBubble.mjs";export{default as MessageFeedbackBar}from"./components/NexusChat/ChatComponents/MessageFeedbackBar.mjs";export{default as StreamingBubble}from"./components/NexusChat/ChatComponents/StreamingBubble.mjs";export{default as TypingIndicator}from"./components/NexusChat/ChatComponents/TypingIndicator.mjs";export{default as SuggestedPrompts}from"./components/NexusChat/ChatComponents/SuggestedPrompts.mjs";export{default as MessageList}from"./components/NexusChat/ChatComponents/MessageList.mjs";export{default as EmptyState}from"./components/NexusChat/ChatComponents/EmptyState.mjs";export{default as SourceCitations}from"./components/NexusChat/ChatComponents/SourceCitations.mjs";export{latestTraceLabel}from"./components/NexusChat/ChatComponents/latestTraceLabel.mjs";export{Code}from"./components/Code.mjs";export{Container}from"./components/_Primitives/Container.mjs";export{Grid}from"./components/_Primitives/Grid.mjs";export{Link}from"./components/_Primitives/Link.mjs";export{Select}from"./components/Select.mjs";export{SkipLink}from"./components/SkipLink.mjs";export{StatusBadge}from"./components/StatusBadge.mjs";export{Switch}from"./components/_Primitives/Switch.mjs";export{ActionBarTitle,Body1,Body2,Caption,ChatWindowBody,H1,H2,H3,H4,Span}from"./components/Typography.mjs";export{ActionBar}from"./components/ActionBar.mjs";export{AccordionGroup,AccordionGroupItem}from"./components/AccordionGroup.mjs";export{AccordionSingle}from"./components/AccordionSingle.mjs";export{AiButton}from"./components/Buttons/AiButton.mjs";export{AiChip}from"./components/AiChip.mjs";export{AiCard}from"./components/AiCard.mjs";export{AiGlassCard}from"./components/AiGlassCard.mjs";export{AiPaper}from"./components/AiPaper.mjs";export{AiGlassPaper}from"./components/AiGlassPaper.mjs";export{Box}from"./components/_Primitives/Box.mjs";export{CircularProgress}from"./components/_Primitives/CircularProgress.mjs";export{Collapse}from"./components/_Primitives/Collapse.mjs";export{NexusDataGrid}from"./components/NexusDataGrid.mjs";export{ButtonBase}from"./components/Buttons/ButtonBase.mjs";export{GhostButton}from"./components/Buttons/GhostButton.mjs";export{Card}from"./components/Card.mjs";export{Checkbox}from"./components/FormControls/Checkbox.mjs";export{FormControlLabel}from"./components/FormControls/FormControlLabel.mjs";export{FormGroup}from"./components/FormControls/FormGroup.mjs";export{CheckboxGroup}from"./components/FormControls/CheckboxGroup.mjs";export{Chip}from"./components/_Primitives/Chip.mjs";export{Dialog,DialogActions,DialogContent,DialogContentText,DialogTitle}from"./components/Dialog.mjs";export{Divider}from"./components/_Primitives/Divider.mjs";export{GlassCard}from"./components/GlassCard.mjs";export{GlassPaper}from"./components/GlassPaper.mjs";export{GlassPaperAsync}from"./components/GlassPaperAsync.mjs";export{PaperAsync}from"./components/PaperAsync.mjs";export{GreenWaveBackground}from"./components/GreenWaveBackground.mjs";export{IconButton}from"./components/Buttons/IconButton.mjs";export{Avatar}from"./components/Avatar.mjs";export{LoadingSpinnerNexus}from"./components/LoadingSpinnerNexus.mjs";export{LocationMultiSelect}from"./components/LocationMultiSelect.mjs";export{LogoOptions}from"./components/LogoOptions/index.mjs";export{NexusHome}from"./components/NexusHome.mjs";export{default as NexusLogo}from"./components/NexusLogo.mjs";export{Paper}from"./components/_Primitives/Paper.mjs";export{PrimaryButton}from"./components/Buttons/PrimaryButton.mjs";export{PrimaryButtonLink}from"./components/Buttons/PrimaryButtonLink.mjs";export{SecondaryButton}from"./components/Buttons/SecondaryButton.mjs";export{RagDot}from"./components/RagDot.mjs";export{RagChip}from"./components/RagChip.mjs";export{SecondaryButtonLink}from"./components/Buttons/SecondaryButtonLink.mjs";export{SearchInput}from"./components/SearchInput.mjs";export{SideBlade}from"./components/SideBlade/SideBlade.mjs";export{SideBladeNavList}from"./components/SideBlade/SideBladeNavList.mjs";export{SideBladeNavListItem}from"./components/SideBlade/SideBladeNavListItem.mjs";export{Skeleton}from"./components/_Primitives/Skeleton.mjs";export{SkillChip}from"./components/SkillChip.mjs";export{Stack}from"./components/_Primitives/Stack.mjs";export{StatusChip}from"./components/StatusChip.mjs";export{Tab}from"./components/_Primitives/Tab.mjs";export{Tabs}from"./components/_Primitives/Tabs.mjs";export{TextField}from"./components/_Primitives/TextField.mjs";export{ThemeToggle}from"./components/ThemeToggle.mjs";export{Tooltip}from"./components/Tooltip.mjs";export{NexusLineChart}from"./components/Charts/NexusLineChart.mjs";export{NexusBarChart}from"./components/Charts/NexusBarChart.mjs";export{NexusPieChart}from"./components/Charts/NexusPieChart.mjs";export{default as nexusLogoNode}from"./assets/images/nexus-logo-node.svg.mjs";export{default as nexusLogoFavicon}from"./assets/images/nexus-logo-favicon.svg.mjs";export{default as nexusLogoIco}from"./assets/images/favicon.ico.mjs";export{getFaviconUrls}from"./assets/images/urls.mjs";export{FaviconLinks}from"./components/FaviconLinks.mjs";export{createSageTheme}from"./theme/sageTheme.mjs";export{colours,fontSageHeadline,fontSageText,fontSageUI,getModeTokens,gradients}from"./theme/tokens.mjs";export{useTokens}from"./theme/useTokens.mjs";export{default as MuiAppThemeProvider}from"./theme/MuiAppThemeProvider.mjs";export{ThemeModeContext,ThemeModeProvider,useThemeMode}from"./theme/ThemeContext.mjs";export{AlertTitle,MenuItem,alpha,useMediaQuery,useTheme}from"@mui/material";export{formatSurnameFirstname}from"./utils/nameFormats.mjs";export{formatDate,getFiscalPeriod}from"./utils/dateFormats.mjs";export{expandableText,getGradientBorderStyles,leftPipe}from"./theme/sxHelpers.mjs";
1
+ export{DateRangeFilter}from"./components/DateRangeFilter.mjs";export{DateRangePicker}from"./components/DateRangePicker.mjs";export{Alert}from"./components/_Primitives/Alert.mjs";export{NexusChatWidget}from"./components/NexusChat/NexusChatWidget.mjs";export{NexusChatDialog}from"./components/NexusChat/NexusChatDialog.mjs";export{FABButton}from"./components/NexusChat/FABButton.mjs";export{AgentChatWindow}from"./components/NexusChat/AgentChatWindow.mjs";export{AgentChatWindowHeader}from"./components/NexusChat/AgentChatWindowHeader.mjs";export{ChatInput}from"./components/NexusChat/ChatInput.mjs";export{ChatHistory}from"./components/NexusChat/ChatHistory.mjs";export{ChatHistoryHeader}from"./components/NexusChat/ChatHistoryHeader.mjs";export{ChatHistoryButtonBase}from"./components/NexusChat/ChatHistoryButtonBase.mjs";export{chatHistoryMatchesQuery,filterChatHistoryConversations}from"./components/NexusChat/ChatHistorySearch.mjs";export{CopyableTableContainer}from"./components/NexusChat/ChatComponents/CopyableTableContainer.mjs";export{default as ChatAvatar}from"./components/NexusChat/ChatComponents/ChatAvatar.mjs";export{default as MarkdownContent,chatWindowMarkdownComponents}from"./components/NexusChat/ChatComponents/MarkdownContent.mjs";export{default as MessageBubble}from"./components/NexusChat/ChatComponents/MessageBubble.mjs";export{default as MessageFeedbackBar}from"./components/NexusChat/ChatComponents/MessageFeedbackBar.mjs";export{default as StreamingBubble}from"./components/NexusChat/ChatComponents/StreamingBubble.mjs";export{default as TypingIndicator}from"./components/NexusChat/ChatComponents/TypingIndicator.mjs";export{default as SuggestedPrompts}from"./components/NexusChat/ChatComponents/SuggestedPrompts.mjs";export{default as MessageList}from"./components/NexusChat/ChatComponents/MessageList.mjs";export{default as EmptyState}from"./components/NexusChat/ChatComponents/EmptyState.mjs";export{default as SourceCitations}from"./components/NexusChat/ChatComponents/SourceCitations.mjs";export{latestTraceLabel}from"./components/NexusChat/ChatComponents/latestTraceLabel.mjs";export{Code}from"./components/Code.mjs";export{Container}from"./components/_Primitives/Container.mjs";export{Grid}from"./components/_Primitives/Grid.mjs";export{Link}from"./components/_Primitives/Link.mjs";export{Select}from"./components/Select.mjs";export{SkipLink}from"./components/SkipLink.mjs";export{StatusBadge}from"./components/StatusBadge.mjs";export{SegmentedControl}from"./components/SegmentedControl.mjs";export{Breadcrumbs}from"./components/Breadcrumbs.mjs";export{Switch}from"./components/_Primitives/Switch.mjs";export{ActionBarTitle,Body1,Body2,Caption,ChatWindowBody,H1,H2,H3,H4,Span}from"./components/Typography.mjs";export{ActionBar}from"./components/ActionBar.mjs";export{AccordionGroup,AccordionGroupItem}from"./components/AccordionGroup.mjs";export{AccordionSingle}from"./components/AccordionSingle.mjs";export{AiButton}from"./components/Buttons/AiButton.mjs";export{AiChip}from"./components/AiChip.mjs";export{AiCard}from"./components/AiCard.mjs";export{AiGlassCard}from"./components/AiGlassCard.mjs";export{AiPaper}from"./components/AiPaper.mjs";export{AiGlassPaper}from"./components/AiGlassPaper.mjs";export{Box}from"./components/_Primitives/Box.mjs";export{CircularProgress}from"./components/_Primitives/CircularProgress.mjs";export{Collapse}from"./components/_Primitives/Collapse.mjs";export{NexusDataGrid}from"./components/NexusDataGrid.mjs";export{ButtonBase}from"./components/Buttons/ButtonBase.mjs";export{GhostButton}from"./components/Buttons/GhostButton.mjs";export{Card}from"./components/Card.mjs";export{Checkbox}from"./components/FormControls/Checkbox.mjs";export{FormControlLabel}from"./components/FormControls/FormControlLabel.mjs";export{FormGroup}from"./components/FormControls/FormGroup.mjs";export{CheckboxGroup}from"./components/FormControls/CheckboxGroup.mjs";export{Chip}from"./components/_Primitives/Chip.mjs";export{Dialog,DialogActions,DialogContent,DialogContentText,DialogTitle}from"./components/Dialog.mjs";export{Divider}from"./components/_Primitives/Divider.mjs";export{GlassCard}from"./components/GlassCard.mjs";export{GlassPaper}from"./components/GlassPaper.mjs";export{GlassPaperAsync}from"./components/GlassPaperAsync.mjs";export{PaperAsync}from"./components/PaperAsync.mjs";export{GreenWaveBackground}from"./components/GreenWaveBackground.mjs";export{IconButton}from"./components/Buttons/IconButton.mjs";export{Avatar}from"./components/Avatar.mjs";export{LoadingSpinnerNexus}from"./components/LoadingSpinnerNexus.mjs";export{LocationMultiSelect}from"./components/LocationMultiSelect.mjs";export{LogoOptions}from"./components/LogoOptions/index.mjs";export{NexusHome}from"./components/NexusHome.mjs";export{default as NexusLogo}from"./components/NexusLogo.mjs";export{Paper}from"./components/_Primitives/Paper.mjs";export{PrimaryButton}from"./components/Buttons/PrimaryButton.mjs";export{PrimaryButtonLink}from"./components/Buttons/PrimaryButtonLink.mjs";export{SecondaryButton}from"./components/Buttons/SecondaryButton.mjs";export{RagDot}from"./components/RagDot.mjs";export{RagChip}from"./components/RagChip.mjs";export{SecondaryButtonLink}from"./components/Buttons/SecondaryButtonLink.mjs";export{SearchInput}from"./components/SearchInput.mjs";export{SideBlade}from"./components/SideBlade/SideBlade.mjs";export{SideBladeNavList}from"./components/SideBlade/SideBladeNavList.mjs";export{SideBladeNavListItem}from"./components/SideBlade/SideBladeNavListItem.mjs";export{Skeleton}from"./components/_Primitives/Skeleton.mjs";export{SkillChip}from"./components/SkillChip.mjs";export{Stack}from"./components/_Primitives/Stack.mjs";export{StatusChip}from"./components/StatusChip.mjs";export{Tab}from"./components/_Primitives/Tab.mjs";export{Tabs}from"./components/_Primitives/Tabs.mjs";export{TextField}from"./components/_Primitives/TextField.mjs";export{ThemeToggle}from"./components/ThemeToggle.mjs";export{Tooltip}from"./components/Tooltip.mjs";export{NexusLineChart}from"./components/Charts/NexusLineChart.mjs";export{NexusBarChart}from"./components/Charts/NexusBarChart.mjs";export{NexusPieChart}from"./components/Charts/NexusPieChart.mjs";export{default as nexusLogoNode}from"./assets/images/nexus-logo-node.svg.mjs";export{default as nexusLogoFavicon}from"./assets/images/nexus-logo-favicon.svg.mjs";export{default as nexusLogoIco}from"./assets/images/favicon.ico.mjs";export{getFaviconUrls}from"./assets/images/urls.mjs";export{FaviconLinks}from"./components/FaviconLinks.mjs";export{createSageTheme}from"./theme/sageTheme.mjs";export{colours,fontSageHeadline,fontSageText,fontSageUI,getModeTokens,gradients}from"./theme/tokens.mjs";export{useTokens}from"./theme/useTokens.mjs";export{default as MuiAppThemeProvider}from"./theme/MuiAppThemeProvider.mjs";export{ThemeModeContext,ThemeModeProvider,useThemeMode}from"./theme/ThemeContext.mjs";export{AlertTitle,MenuItem,alpha,useMediaQuery,useTheme}from"@mui/material";export{formatSurnameFirstname}from"./utils/nameFormats.mjs";export{formatDate,getFiscalPeriod}from"./utils/dateFormats.mjs";export{expandableText,getGradientBorderStyles,leftPipe}from"./theme/sxHelpers.mjs";
@@ -1 +1 @@
1
- import{createTheme as r,alpha as o}from"@mui/material/styles";import{getModeTokens as e,fontSageUI as t,fontSageText as a,colours as i,fontSageHeadline as d}from"./tokens.mjs";const n=(n="light")=>{const l=e(n),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:n,primary:{main:"dark"===n?i.jadeLight:i.jadeDark,dark:i.primaryGreenActive,contrastText:"dark"===n?i.black:i.white},secondary:{main:i.teal,contrastText:i.white},success:{main:"dark"===n?i.jadeLight:i.jadeDark,contrastText:"dark"===n?i.black: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:d,fontSize:"clamp(2rem, 3vw, 2.75rem)",lineHeight:1.08,letterSpacing:"-0.01em",fontWeight:700},h2:{fontFamily:d,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:d,fontSize:"1.6rem",color:"dark"===n?i.brilliantGreen:i.jadeDark,fontWeight:700,lineHeight:1.2,textTransform:"none"},body1:{fontSize:"0.8rem",lineHeight:1.4},chatWindowBody:{fontSize:"1rem",lineHeight:1.6},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:o(l.background.jades,.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:o(l.background.jades,"dark"===n?.08:.05)},"& .MuiDataGrid-toolbarContainer .MuiInputBase-input":{paddingBlock:8},"& .MuiDataGrid-overlay":{backgroundColor:"transparent"}}),columnHeaders:{backgroundColor:o(l.background.jades,"dark"===n?.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:o(l.background.jades,"dark"===n?.08:.04)}},footerContainer:{borderTop:`1px solid ${l.border}`,backgroundColor:o(l.background.jades,"dark"===n?.05:.03)},sortIcon:{color:l.background.jades},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:o(l.background.jades,"dark"===n?.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:l.background.jades,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{n as createSageTheme};
1
+ import{createTheme as r,alpha as o}from"@mui/material/styles";import{getModeTokens as e,fontSageUI as t,fontSageText as a,fontSageHeadline as i,colours as d}from"./tokens.mjs";const n=(n="light")=>{const s=e(n),l=((r,o)=>({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:"dark"===o?d.brilliantGreen:d.jadeDark}))(s,n);return r({palette:{mode:n,primary:{main:"dark"===n?d.jadeLight:d.jadeDark,dark:d.primaryGreenActive,contrastText:"dark"===n?d.black:d.white},secondary:{main:d.teal,contrastText:d.white},success:{main:"dark"===n?d.jadeLight:d.jadeDark,contrastText:"dark"===n?d.black:d.white},warning:{main:d.amber,contrastText:d.white},error:{main:d.cherry,contrastText:d.white},info:{main:d.navy,contrastText:d.white},background:{default:s.background.default,paper:s.background.paper},text:s.text,divider:s.border},shape:{borderRadius:8},typography:{fontFamily:a,h1:{fontFamily:i,fontSize:"clamp(2rem, 3vw, 2.75rem)",lineHeight:1.08,letterSpacing:"-0.01em",fontWeight:700},h2:{fontFamily:i,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:i,fontSize:"1.6rem",fontWeight:700,lineHeight:1.2,textTransform:"none"},body1:{fontSize:"0.8rem",lineHeight:1.4},chatWindowBody:{fontSize:"1rem",lineHeight:1.6},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:s.background.default},body:{backgroundColor:s.background.default,fontFamily:a,color:s.text.primary,transition:"background-color 200ms ease, color 200ms ease"},"#root":{minHeight:"100vh"},"::selection":{backgroundColor:o(s.background.jades,.28),color:s.text.primary},a:{color:s.text.greens,"&:hover":{color:s.text.secondary}},aside:{marginRight:"10px",borderLeft:"2px solid",borderColor:s.text.secondary,padding:"0 8px"}}},MuiTypography:{styleOverrides:{root:({ownerState:r})=>({color:l[r.variant]??"inherit"})}},MuiPaper:{defaultProps:{elevation:1},styleOverrides:{root:({theme:r})=>({position:"relative",zIndex:1,backgroundImage:"none",backgroundColor:s.background.paper,border:`1px solid ${s.border}`,borderRadius:r.shape.borderRadius,padding:r.spacing(1)})}},MuiCard:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,boxShadow:s.shadow,border:`1px solid ${s.border}`,position:"relative",zIndex:1})}},MuiButton:{defaultProps:{disableElevation:!0}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontFamily:t},label:{fontWeight:400}}},MuiDivider:{styleOverrides:{root:{borderColor:s.border}}},MuiDataGrid:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,border:`1px solid ${s.border}`,backgroundColor:s.background.paper,color:s.text.primary,"--DataGrid-rowBorderColor":s.border,"--DataGrid-containerBackground":s.background.paper,"--DataGrid-pinnedBackground":s.background.paper,"& .MuiDataGrid-toolbarContainer":{padding:"12px 16px 0",gap:8},"& .MuiDataGrid-toolbarContainer .MuiButton-root":{minHeight:36,paddingInline:12,color:s.text.secondary},"& .MuiDataGrid-toolbarContainer .MuiInputBase-root":{borderRadius:999,backgroundColor:o(s.background.jades,"dark"===n?.08:.05)},"& .MuiDataGrid-toolbarContainer .MuiInputBase-input":{paddingBlock:8},"& .MuiDataGrid-overlay":{backgroundColor:"transparent"}}),columnHeaders:{backgroundColor:o(s.background.jades,"dark"===n?.12:.08),borderBottom:`1px solid ${s.border}`},columnHeader:{"&:focus, &:focus-within":{outline:"none"}},columnHeaderTitle:{fontWeight:600},cell:{alignItems:"center",borderTop:`1px solid ${s.border}`,"&:focus, &:focus-within":{outline:"none"}},row:{"&:hover":{backgroundColor:o(s.background.jades,"dark"===n?.08:.04)}},footerContainer:{borderTop:`1px solid ${s.border}`,backgroundColor:o(s.background.jades,"dark"===n?.05:.03)},sortIcon:{color:s.background.jades},menuIconButton:{color:s.text.secondary},withBorderColor:{borderColor:s.border}}},MuiListItemButton:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,border:`1px solid ${s.border}`,backgroundColor:s.background.paper,color:s.text.primary})}},MuiAppBar:{defaultProps:{elevation:1},styleOverrides:{root:{backgroundColor:s.background.paper,backgroundImage:"none",borderBottom:`1px solid ${s.border}`,borderRadius:0,color:s.text.primary}}},MuiAccordion:{defaultProps:{disableGutters:!0,elevation:0},styleOverrides:{root:{backgroundColor:"transparent",border:`1px solid ${s.border}`,borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{borderColor:o(s.background.jades,"dark"===n?.4:.3)}}}},MuiAccordionSummary:{styleOverrides:{root:({theme:r})=>({borderRadius:r.shape.borderRadius,minHeight:24,"&.Mui-expanded":{minHeight:24},"&:focus-visible":{outline:`2px solid ${s.outlinedPrimary}`,outlineOffset:2},padding:0}),content:{margin:"0","&.Mui-expanded":{margin:"0"}},expandIconWrapper:{color:s.text.secondary}}},MuiAccordionDetails:{styleOverrides:{root:{padding:0,borderTop:`1px solid ${s.border}`}}},MuiTabs:{styleOverrides:{root:{minHeight:40,borderBottom:`1px solid ${s.border}`},indicator:{backgroundColor:s.background.jades,height:2}}},MuiTab:{styleOverrides:{root:{minHeight:40,fontFamily:t,fontWeight:600,fontSize:"0.85rem",letterSpacing:"0.01em",textTransform:"none",color:s.text.secondary,"&.Mui-selected":{color:s.text.primary},"&:focus-visible":{outline:`2px solid ${s.outlinedPrimary}`,outlineOffset:2}}}},MuiDialog:{styleOverrides:{paper:({theme:r})=>({backgroundColor:s.background.paper,backgroundImage:"none",border:`1px solid ${s.border}`,borderRadius:r.shape.borderRadius,boxShadow:s.shadow})}},MuiDialogTitle:{styleOverrides:{root:{paddingBottom:8}}},MuiDialogContent:{styleOverrides:{root:{paddingTop:"8px !important"}}}}})};export{n as createSageTheme};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "it-data-nexus-ui-library",
3
- "version": "2.1.3",
3
+ "version": "2.3.0",
4
4
  "description": "Nexus core components",
5
5
  "license": "ISC",
6
6
  "author": "emsmart-sage",