sage-nexus-ui 1.3.7 → 1.4.1
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.
- package/dist/components/AiChip.mjs +1 -0
- package/dist/components/Alert.mjs +1 -0
- package/dist/components/Avatar.mjs +1 -0
- package/dist/components/Code.mjs +1 -0
- package/dist/components/Container.mjs +1 -0
- package/dist/components/Grid.mjs +1 -0
- package/dist/components/IconButton.mjs +1 -1
- package/dist/components/Link.mjs +1 -0
- package/dist/components/NexusLogo.mjs +1 -1
- package/dist/components/Select.mjs +1 -0
- package/dist/components/StatusBadge.mjs +1 -0
- package/dist/components/Switch.mjs +1 -0
- package/dist/generated/version.mjs +1 -1
- package/dist/index.d.ts +138 -26
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e,jsxs as i,Fragment as n}from"react/jsx-runtime";import{GlobalStyles as o,Box as r,Chip as t}from"@mui/material";import a from"@mui/icons-material/AutoAwesomeOutlined";import{gradients as s}from"../theme/tokens.mjs";import{useTokens as l}from"../theme/useTokens.mjs";const d=e(o,{styles:"\n @property --ai-angle {\n syntax: '<angle>';\n initial-value: 0deg;\n inherits: false;\n }\n @keyframes ai-spin {\n to { --ai-angle: 360deg; }\n }\n "}),m=s.aiConic,c=({label:o="Powered by Nexus AI",icon:s=e(a,{sx:{fontSize:"0.875rem !important"}}),size:c="small",sx:u,disabled:p,...b})=>{const f=l();return i(n,{children:[d,e(r,{sx:{position:"relative",isolation:"isolate",display:"inline-flex",borderRadius:999,opacity:p?.45:1,"&::after":{content:'""',position:"absolute",inset:-1.5,zIndex:-1,borderRadius:"inherit",background:m,animation:"ai-spin 3s linear infinite","@media (prefers-reduced-motion: reduce)":{animation:"none"}},"&::before":{content:'""',position:"absolute",inset:-1.5,zIndex:-1,borderRadius:"inherit",background:m,filter:"blur(8px)",opacity:0,animation:"ai-spin 3s linear infinite",transition:"opacity 160ms ease","@media (prefers-reduced-motion: reduce)":{animation:"none"}},"&:hover::before":{opacity:.6}},children:e(t,{label:o,icon:s,size:c,disabled:p,variant:"outlined",sx:[{bgcolor:"background.default",color:f.text.blues,borderColor:"transparent","& .MuiChip-icon":{color:"inherit"}},...Array.isArray(u)?u:u?[u]:[]],...b})})]})};export{c as AiChip};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{Alert as t}from"@mui/material";export{AlertTitle}from"@mui/material";const m=m=>r(t,{...m});export{m as Alert};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{Box as e}from"@mui/material";const t={sm:32,md:48,lg:64},i=({size:i="sm",variant:o="secondary",children:a,sx:n})=>r(e,{sx:[{width:t[i],height:t[i],display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",flexShrink:0,..."primary"===o?{bgcolor:"primary.main",color:"primary.contrastText"}:{bgcolor:"text.secondary",color:"background.default"}},...Array.isArray(n)?n:n?[n]:[]],children:a});export{i as Avatar};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import{Typography as r}from"@mui/material";import{forwardRef as e}from"react";const a=e(({sx:e,...a},t)=>o(r,{ref:t,variant:"body2",component:"code",sx:[{fontFamily:'"SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace',fontSize:"0.78rem",color:"text.secondary",backgroundColor:"action.hover",borderRadius:"4px",px:.75,py:.25},...Array.isArray(e)?e:e?[e]:[]],...a}));a.displayName="Code";export{a as Code};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{Container as t}from"@mui/material";const m=m=>r(t,{...m});export{m as Container};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{Grid as m}from"@mui/material";const t=t=>r(m,{...t});export{t as Grid};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{Tooltip as a,IconButton as i}from"@mui/material";const o=({title:o,ariaLabel:l,children:t,disabled:e=!1,variant:d="standard",sx:c,...n})=>r(a,{title:o??"",children:r("span",{children:r(i,{...n,"aria-label":l,disabled:e,sx:["filled"===d?{bgcolor:"primary.main",color:"primary.contrastText","&:hover":{bgcolor:"primary.dark"},"&.Mui-disabled":{bgcolor:"action.disabledBackground",opacity:.5}}:{},...Array.isArray(c)?c:c?[c]:[]],children:t})})});export{o as IconButton};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{Link as o}from"@mui/material";import{useTokens as e}from"../theme/useTokens.mjs";const t=({openInNewTab:t=!1,children:n,sx:i,...a})=>{const m=e().text.blues;return r(o,{target:t?"_blank":void 0,rel:t?"noopener noreferrer":void 0,sx:[{color:m,textDecorationColor:m,"&:hover":{color:m,opacity:.8}},...Array.isArray(i)?i:i?[i]:[]],...a,children:n})};export{t as Link};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{LogoOptionBase as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{LogoOptionBase as o}from"./LogoOptions/LogoOptionBase.mjs";const t=({size:t="md"})=>e(o,{size:t,fontFamily:"SageUI, Inter, Segoe UI, sans-serif",fontWeight:500,text:"NEXUS",letterSpacing:"0.04em",nodeShimmerMode:{shimmer:"fullText"},ariaLabel:"Nexus logo option 7"});export{t as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsxs as e,jsx as l}from"react/jsx-runtime";import{FormControl as i,InputLabel as r,Select as a,MenuItem as o}from"@mui/material";export{MenuItem}from"@mui/material";const t=({label:t,options:m,formControlSx:n,id:d,children:s,size:c="small",...u})=>{const p=d?`${d}-label`:void 0;return e(i,{size:c,sx:n,children:[t&&l(r,{id:p,children:t}),l(a,{id:d,labelId:p,label:t,size:c,...u,children:m?m.map(e=>l(o,{value:e.value,children:e.label},e.value)):s})]})};export{t as Select};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{Chip as o}from"@mui/material";import{useTheme as e}from"@mui/material/styles";import{colours as a}from"../theme/tokens.mjs";const t=({variant:t="neutral",label:l})=>{const b=e(),n="dark"===b.palette.mode,i={success:{bg:n?"rgba(0, 166, 92, 0.18)":"rgba(0, 166, 92, 0.12)",color:n?a.brilliantGreen:a.jade},warning:{bg:n?"rgba(233, 135, 91, 0.18)":"rgba(233, 135, 91, 0.12)",color:a.amber},error:{bg:n?"rgba(204, 15, 75, 0.18)":"rgba(204, 15, 75, 0.10)",color:a.cherry},info:{bg:n?"rgba(0, 214, 222, 0.14)":"rgba(45, 96, 255, 0.10)",color:n?a.cyan:a.blue},neutral:{bg:b.palette.action.hover,color:b.palette.text.secondary}},{bg:m,color:g}=i[t];return r(o,{label:l,size:"small",sx:{backgroundColor:m,color:g,border:"none",boxShadow:"none",fontWeight:600,fontSize:"0.7rem",height:22,"& .MuiChip-label":{px:1.25}}})};export{t as StatusBadge};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{Switch as t}from"@mui/material";const m=m=>r(t,{...m});export{m as Switch};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const o="1.
|
|
1
|
+
const o="1.4.1";export{o as SAGE_NEXUS_UI_VERSION};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { AlertProps, TypographyProps, ContainerProps, GridProps, LinkProps as LinkProps$1, SelectProps as SelectProps$1, SxProps, SwitchProps, Theme as Theme$1, AccordionSummaryProps, ButtonProps, ChipProps, CardProps as CardProps$1, PaperProps, BoxProps, CollapseProps, ButtonBaseProps, 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
|
+
export { AlertProps, AlertTitle, BoxProps, ButtonBaseProps, ChipProps, CollapseProps, ContainerProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogProps, DialogTitleProps, DividerProps, GridProps, MenuItem, PaperProps, StackProps, SwitchProps, TabProps, TabsProps, TextFieldProps, Theme, alpha, useMediaQuery, useTheme } from '@mui/material';
|
|
1
4
|
import * as react from 'react';
|
|
2
5
|
import react__default, { ReactNode, ReactElement, CSSProperties, PropsWithChildren } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
export { BoxProps, ButtonBaseProps, ChipProps, CollapseProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogProps, DialogTitleProps, DividerProps, PaperProps, StackProps, TabProps, TabsProps, TextFieldProps, Theme, alpha, useMediaQuery, useTheme } from '@mui/material';
|
|
5
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
+
import { Theme, SxProps as SxProps$2 } from '@mui/material/styles';
|
|
6
7
|
import { DataGridProps } from '@mui/x-data-grid';
|
|
7
8
|
export { DataGridProps, GridColDef, GridColumnVisibilityModel, GridPaginationModel, GridRenderCellParams, GridRowsProp, GridSortModel, GridValueGetter } from '@mui/x-data-grid';
|
|
8
9
|
import { SxProps as SxProps$1 } from '@mui/system';
|
|
9
|
-
import { Theme as Theme$1, SxProps as SxProps$2 } from '@mui/material/styles';
|
|
10
10
|
export { default as nexusLogoNode } from './assets/images/nexus-logo-node.svg';
|
|
11
11
|
export { default as nexusLogoFavicon } from './assets/images/nexus-logo-favicon.svg';
|
|
12
12
|
export { default as nexusLogoIco } from './assets/images/favicon.ico';
|
|
@@ -18,6 +18,72 @@ declare const getFiscalPeriod: (date: Date) => {
|
|
|
18
18
|
};
|
|
19
19
|
declare const formatDate: (date: Date) => string;
|
|
20
20
|
|
|
21
|
+
/**
|
|
22
|
+
* Themed inline alert for info / success / warning / error messages.
|
|
23
|
+
* Accepts all MUI AlertProps — use `severity` to set the variant.
|
|
24
|
+
*/
|
|
25
|
+
declare const Alert: (props: AlertProps) => react_jsx_runtime.JSX.Element;
|
|
26
|
+
|
|
27
|
+
type Props$1 = Omit<TypographyProps, "variant" | "component">;
|
|
28
|
+
/**
|
|
29
|
+
* Monospace inline code / path snippet.
|
|
30
|
+
* Renders as a `<code>` element using the system monospace font stack.
|
|
31
|
+
* Colour inherits from `text.secondary` by default.
|
|
32
|
+
*/
|
|
33
|
+
declare const Code: react.ForwardRefExoticComponent<Omit<Props$1, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
34
|
+
|
|
35
|
+
declare const Container: (props: ContainerProps) => react_jsx_runtime.JSX.Element;
|
|
36
|
+
|
|
37
|
+
declare const Grid: (props: GridProps) => react_jsx_runtime.JSX.Element;
|
|
38
|
+
|
|
39
|
+
interface LinkProps extends LinkProps$1 {
|
|
40
|
+
/** Open in a new tab. Defaults to false. */
|
|
41
|
+
openInNewTab?: boolean;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* Styled anchor component for inline navigation.
|
|
45
|
+
* Uses the `text.blues` semantic token (from `useTokens()`).
|
|
46
|
+
*
|
|
47
|
+
* For button-shaped links use `PrimaryButtonLink` / `SecondaryButtonLink`.
|
|
48
|
+
*/
|
|
49
|
+
declare const Link: ({ openInNewTab, children, sx, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
|
|
50
|
+
|
|
51
|
+
interface SelectOption {
|
|
52
|
+
value: string;
|
|
53
|
+
label: string;
|
|
54
|
+
}
|
|
55
|
+
interface SelectProps extends Omit<SelectProps$1, "label"> {
|
|
56
|
+
/** Floating label rendered above the select. */
|
|
57
|
+
label?: string;
|
|
58
|
+
/** Convenience prop: renders `MenuItem`s from an array instead of requiring children. */
|
|
59
|
+
options?: SelectOption[];
|
|
60
|
+
/** `sx` passed to the wrapping `FormControl`. */
|
|
61
|
+
formControlSx?: SxProps<Theme>;
|
|
62
|
+
}
|
|
63
|
+
/**
|
|
64
|
+
* A single-value (or multi-value) select field that bundles
|
|
65
|
+
* `FormControl + InputLabel + Select` into one component.
|
|
66
|
+
*
|
|
67
|
+
* Use `options` for a simple array-driven list, or pass `<MenuItem>` children directly.
|
|
68
|
+
*/
|
|
69
|
+
declare const Select: ({ label, options, formControlSx, id, children, size, ...rest }: SelectProps) => react_jsx_runtime.JSX.Element;
|
|
70
|
+
|
|
71
|
+
type StatusBadgeVariant = "success" | "warning" | "error" | "info" | "neutral";
|
|
72
|
+
interface StatusBadgeProps {
|
|
73
|
+
variant?: StatusBadgeVariant;
|
|
74
|
+
label: string;
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* Inline semantic status pill.
|
|
78
|
+
* Use for conveying status at a glance: success / warning / error / info / neutral.
|
|
79
|
+
*
|
|
80
|
+
* For RAG-specific statuses (On Track / At Risk / Off Track) prefer `RagChip`.
|
|
81
|
+
* For domain-specific workflow statuses prefer `StatusChip`.
|
|
82
|
+
*/
|
|
83
|
+
declare const StatusBadge: ({ variant, label, }: StatusBadgeProps) => react_jsx_runtime.JSX.Element;
|
|
84
|
+
|
|
85
|
+
declare const Switch: (props: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
86
|
+
|
|
21
87
|
/**
|
|
22
88
|
* Typed wrappers around MUI Typography that fix the `variant` prop and
|
|
23
89
|
* inherit colour from the sageTheme TYPOGRAPHY_COLOURS map.
|
|
@@ -43,7 +109,7 @@ declare const ActionBar: ({ title, extraLeft, extraRight, homeHref, }: ActionBar
|
|
|
43
109
|
|
|
44
110
|
interface AccordionGroupProps {
|
|
45
111
|
children: ReactNode;
|
|
46
|
-
sx?: SxProps<Theme>;
|
|
112
|
+
sx?: SxProps<Theme$1>;
|
|
47
113
|
}
|
|
48
114
|
declare const AccordionGroup: ({ children, sx }: AccordionGroupProps) => react_jsx_runtime.JSX.Element;
|
|
49
115
|
interface AccordionGroupItemProps {
|
|
@@ -53,8 +119,8 @@ interface AccordionGroupItemProps {
|
|
|
53
119
|
disabled?: boolean;
|
|
54
120
|
summaryProps?: Omit<AccordionSummaryProps, "children" | "expandIcon">;
|
|
55
121
|
expandIcon?: ReactNode;
|
|
56
|
-
sx?: SxProps<Theme>;
|
|
57
|
-
detailsSx?: SxProps<Theme>;
|
|
122
|
+
sx?: SxProps<Theme$1>;
|
|
123
|
+
detailsSx?: SxProps<Theme$1>;
|
|
58
124
|
}
|
|
59
125
|
declare const AccordionGroupItem: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionGroupItemProps) => react_jsx_runtime.JSX.Element;
|
|
60
126
|
|
|
@@ -67,8 +133,8 @@ interface AccordionSingleProps {
|
|
|
67
133
|
disabled?: boolean;
|
|
68
134
|
summaryProps?: Omit<AccordionSummaryProps, "children" | "expandIcon">;
|
|
69
135
|
expandIcon?: ReactNode;
|
|
70
|
-
sx?: SxProps<Theme>;
|
|
71
|
-
detailsSx?: SxProps<Theme>;
|
|
136
|
+
sx?: SxProps<Theme$1>;
|
|
137
|
+
detailsSx?: SxProps<Theme$1>;
|
|
72
138
|
}
|
|
73
139
|
declare const AccordionSingle: ({ summary, children, defaultExpanded, expanded, onChange, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionSingleProps) => react_jsx_runtime.JSX.Element;
|
|
74
140
|
|
|
@@ -83,6 +149,21 @@ interface AiButtonProps extends Omit<SecondaryButtonProps, "color" | "children"
|
|
|
83
149
|
}
|
|
84
150
|
declare const AiButton: React.FC<AiButtonProps>;
|
|
85
151
|
|
|
152
|
+
interface AiChipProps extends Omit<ChipProps, "variant" | "color" | "label"> {
|
|
153
|
+
/** Badge text. Defaults to `"Powered by Nexus AI"`. */
|
|
154
|
+
label?: string;
|
|
155
|
+
}
|
|
156
|
+
/**
|
|
157
|
+
* A Chip-shaped badge with the same animated conic-gradient border as `AiButton`.
|
|
158
|
+
* Use it to signal AI-powered features in headers, cards, and toolbars.
|
|
159
|
+
*
|
|
160
|
+
* ```tsx
|
|
161
|
+
* <AiChip /> // "Powered by Nexus AI"
|
|
162
|
+
* <AiChip label="AI-Powered" />
|
|
163
|
+
* ```
|
|
164
|
+
*/
|
|
165
|
+
declare const AiChip: React.FC<AiChipProps>;
|
|
166
|
+
|
|
86
167
|
type CardTrend = "up" | "flat" | "down";
|
|
87
168
|
interface CardProps extends CardProps$1 {
|
|
88
169
|
/** Small icon displayed beside the label. Pass an MUI SvgIcon element. */
|
|
@@ -131,9 +212,9 @@ interface CheckboxGroupProps {
|
|
|
131
212
|
labels?: string[];
|
|
132
213
|
selectedValues?: string[];
|
|
133
214
|
onChange?: (values: string[]) => void;
|
|
134
|
-
rootSx?: SxProps$1<Theme
|
|
135
|
-
groupSx?: SxProps$1<Theme
|
|
136
|
-
titleSx?: SxProps$1<Theme
|
|
215
|
+
rootSx?: SxProps$1<Theme>;
|
|
216
|
+
groupSx?: SxProps$1<Theme>;
|
|
217
|
+
titleSx?: SxProps$1<Theme>;
|
|
137
218
|
}
|
|
138
219
|
declare const CheckboxGroup: React.FC<CheckboxGroupProps>;
|
|
139
220
|
|
|
@@ -159,11 +240,42 @@ declare const GlassPaperAsync: ({ title, isLoading, isError, errorMessage, child
|
|
|
159
240
|
type GreenWaveBackgroundProps = BoxProps;
|
|
160
241
|
declare const GreenWaveBackground: ({ sx, children, ...rest }: GreenWaveBackgroundProps) => react_jsx_runtime.JSX.Element;
|
|
161
242
|
|
|
243
|
+
type IconButtonVariant = "standard" | "filled";
|
|
162
244
|
type IconButtonProps = Omit<IconButtonProps$1, "title"> & {
|
|
163
245
|
title?: string;
|
|
164
246
|
ariaLabel?: string;
|
|
247
|
+
/**
|
|
248
|
+
* `"standard"` — default MUI icon button (transparent background).
|
|
249
|
+
* `"filled"` — primary-coloured filled circle; use for primary actions like Send.
|
|
250
|
+
*/
|
|
251
|
+
variant?: IconButtonVariant;
|
|
165
252
|
};
|
|
166
|
-
declare const IconButton: ({ title, ariaLabel, children, disabled, ...rest }: IconButtonProps) => react_jsx_runtime.JSX.Element;
|
|
253
|
+
declare const IconButton: ({ title, ariaLabel, children, disabled, variant, sx, ...rest }: IconButtonProps) => react_jsx_runtime.JSX.Element;
|
|
254
|
+
|
|
255
|
+
type AvatarSize = "sm" | "md" | "lg";
|
|
256
|
+
type AvatarVariant = "primary" | "secondary";
|
|
257
|
+
interface AvatarProps {
|
|
258
|
+
/** Visual size — sm 32px, md 48px, lg 64px */
|
|
259
|
+
size?: AvatarSize;
|
|
260
|
+
/**
|
|
261
|
+
* Colour scheme:
|
|
262
|
+
* - `primary` — filled `primary.main` circle (brilliantGreen dark / jade light)
|
|
263
|
+
* - `secondary` — grey circle using the theme's `text.secondary` tone
|
|
264
|
+
*/
|
|
265
|
+
variant?: AvatarVariant;
|
|
266
|
+
/** Icon or initials to render inside the circle */
|
|
267
|
+
children?: React.ReactNode;
|
|
268
|
+
/** Additional MUI sx overrides — use for layout only (e.g. margins), not visual design */
|
|
269
|
+
sx?: BoxProps["sx"];
|
|
270
|
+
}
|
|
271
|
+
/**
|
|
272
|
+
* Circular container for an icon or initials.
|
|
273
|
+
*
|
|
274
|
+
* Covers bot indicators in chat, sidebar brand circles, user avatars, and
|
|
275
|
+
* empty-state illustrations. Use `sx` only for positioning/spacing overrides;
|
|
276
|
+
* let `variant` and `size` control the visual design.
|
|
277
|
+
*/
|
|
278
|
+
declare const Avatar: ({ size, variant, children, sx, }: AvatarProps) => react_jsx_runtime.JSX.Element;
|
|
167
279
|
|
|
168
280
|
interface LoadingSpinnerNexusProps {
|
|
169
281
|
variant?: "small" | "large";
|
|
@@ -176,9 +288,9 @@ interface LocationMultiSelectProps {
|
|
|
176
288
|
emptyLabel?: string;
|
|
177
289
|
selectedLocations?: string[];
|
|
178
290
|
onLocationsChange?: (next: string[]) => void;
|
|
179
|
-
formControlSx?: SxProps<Theme
|
|
180
|
-
menuSx?: SxProps<Theme
|
|
181
|
-
selectSx?: SxProps<Theme
|
|
291
|
+
formControlSx?: SxProps<Theme>;
|
|
292
|
+
menuSx?: SxProps<Theme>;
|
|
293
|
+
selectSx?: SxProps<Theme>;
|
|
182
294
|
}
|
|
183
295
|
declare const LocationMultiSelect: react__default.FC<LocationMultiSelectProps>;
|
|
184
296
|
|
|
@@ -257,7 +369,7 @@ declare const NexusHome: React.FC<NexusHomeProps>;
|
|
|
257
369
|
type LogoProps = {
|
|
258
370
|
size?: "sm" | "md" | "lg";
|
|
259
371
|
};
|
|
260
|
-
/** Option
|
|
372
|
+
/** Option 7 — Sage UI Medium weight, NEXUS all-caps, shimmer on whole word */
|
|
261
373
|
declare const NexusLogo: ({ size }: LogoProps) => react_jsx_runtime.JSX.Element;
|
|
262
374
|
|
|
263
375
|
interface PrimaryButtonProps extends Omit<ButtonProps, "variant" | "color"> {
|
|
@@ -303,8 +415,8 @@ interface SearchInputProps {
|
|
|
303
415
|
onSearchChange: (value: string) => void;
|
|
304
416
|
placeholder?: string;
|
|
305
417
|
searchValue?: string;
|
|
306
|
-
sx?: SxProps<Theme
|
|
307
|
-
styles?: SxProps<Theme
|
|
418
|
+
sx?: SxProps<Theme>;
|
|
419
|
+
styles?: SxProps<Theme>;
|
|
308
420
|
}
|
|
309
421
|
declare const SearchInput: react__default.FC<SearchInputProps>;
|
|
310
422
|
|
|
@@ -325,7 +437,7 @@ interface SideBladeProps {
|
|
|
325
437
|
/** Width of the blade when collapsed (px). Default: 64 */
|
|
326
438
|
collapsedWidth?: number;
|
|
327
439
|
/** Additional sx overrides applied to the Drawer Paper */
|
|
328
|
-
sx?: SxProps<Theme>;
|
|
440
|
+
sx?: SxProps<Theme$1>;
|
|
329
441
|
}
|
|
330
442
|
/**
|
|
331
443
|
* SideBlade — a mini-variant persistent Drawer that expands/collapses.
|
|
@@ -454,7 +566,7 @@ declare module "@mui/material/Typography" {
|
|
|
454
566
|
}
|
|
455
567
|
}
|
|
456
568
|
|
|
457
|
-
declare const createSageTheme: (mode?: ThemeMode) => Theme
|
|
569
|
+
declare const createSageTheme: (mode?: ThemeMode) => Theme;
|
|
458
570
|
|
|
459
571
|
declare const useTokens: () => ModeTokens;
|
|
460
572
|
|
|
@@ -477,7 +589,7 @@ type GradientBorderOptions = {
|
|
|
477
589
|
borderRadius?: number;
|
|
478
590
|
padding?: number;
|
|
479
591
|
};
|
|
480
|
-
declare const getGradientBorderStyles: (theme: Theme
|
|
592
|
+
declare const getGradientBorderStyles: (theme: Theme, options?: GradientBorderOptions) => {
|
|
481
593
|
position: string;
|
|
482
594
|
borderRadius: number;
|
|
483
595
|
border: string;
|
|
@@ -496,8 +608,8 @@ declare const getGradientBorderStyles: (theme: Theme$1, options?: GradientBorder
|
|
|
496
608
|
pointerEvents: string;
|
|
497
609
|
};
|
|
498
610
|
};
|
|
499
|
-
declare const leftPipe: SxProps$2<Theme
|
|
500
|
-
declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme
|
|
611
|
+
declare const leftPipe: SxProps$2<Theme>;
|
|
612
|
+
declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme>;
|
|
501
613
|
|
|
502
|
-
export { AccordionGroup, AccordionGroupItem, AccordionSingle, ActionBar, ActionBarTitle, AiButton, AiCard, AiGlassCard, AiGlassPaper, AiPaper, Body1, Body2, Box, ButtonBase, Caption, Card, CheckboxGroup, Chip, Collapse, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, FaviconLinks, GlassCard, GlassPaper, GlassPaperAsync, GreenWaveBackground, H1, H2, H3, H4, IconButton, LoadingSpinnerNexus, LocationMultiSelect, LogoOptions, MuiAppThemeProvider, NexusDataGrid, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagChip, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, SideBlade, Skeleton, SkillChip, Stack, StatusChip, Tab, Tabs, TextField, ThemeModeProvider, ThemeToggle, Tooltip, colours, createSageTheme, expandableText, fontSageHeadline, fontSageText, fontSageUI, formatDate, getFaviconUrls, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
|
|
503
|
-
export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GlassPaperAsyncProps, GlassPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, IconButtonProps, LoadingSpinnerNexusProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, SideBladeProps, SkeletonProps, ThemeMode, TooltipProps };
|
|
614
|
+
export { AccordionGroup, AccordionGroupItem, AccordionSingle, ActionBar, ActionBarTitle, AiButton, AiCard, AiChip, AiGlassCard, AiGlassPaper, AiPaper, Alert, Avatar, Body1, Body2, Box, ButtonBase, Caption, Card, CheckboxGroup, Chip, Code, Collapse, Container, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, FaviconLinks, GlassCard, GlassPaper, GlassPaperAsync, GreenWaveBackground, Grid, H1, H2, H3, H4, IconButton, Link, LoadingSpinnerNexus, LocationMultiSelect, LogoOptions, MuiAppThemeProvider, NexusDataGrid, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagChip, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, Select, SideBlade, Skeleton, SkillChip, Stack, StatusBadge, StatusChip, Switch, Tab, Tabs, TextField, ThemeModeProvider, ThemeToggle, Tooltip, colours, createSageTheme, expandableText, fontSageHeadline, fontSageText, fontSageUI, formatDate, getFaviconUrls, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
|
|
615
|
+
export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiChipProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, AvatarProps, AvatarSize, AvatarVariant, CardProps, CardTrend, GlassCardProps, GlassPaperAsyncProps, GlassPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, IconButtonProps, IconButtonVariant, LinkProps, LoadingSpinnerNexusProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, SelectOption, SelectProps, SideBladeProps, SkeletonProps, StatusBadgeProps, StatusBadgeVariant, ThemeMode, TooltipProps };
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{formatDate,getFiscalPeriod}from"./components/DateFormats.mjs";export{ActionBarTitle,Body1,Body2,Caption,H1,H2,H3,H4}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/AiButton.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/Box.mjs";export{Collapse}from"./components/Collapse.mjs";export{NexusDataGrid}from"./components/NexusDataGrid.mjs";export{ButtonBase}from"./components/ButtonBase.mjs";export{Card}from"./components/Card.mjs";export{CheckboxGroup}from"./components/CheckboxGroup.mjs";export{Chip}from"./components/Chip.mjs";export{Dialog,DialogActions,DialogContent,DialogContentText,DialogTitle}from"./components/Dialog.mjs";export{Divider}from"./components/Divider.mjs";export{GlassCard}from"./components/GlassCard.mjs";export{GlassPaper}from"./components/GlassPaper.mjs";export{GlassPaperAsync}from"./components/GlassPaperAsync.mjs";export{GreenWaveBackground}from"./components/GreenWaveBackground.mjs";export{IconButton}from"./components/IconButton.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/Paper.mjs";export{PrimaryButton}from"./components/PrimaryButton.mjs";export{PrimaryButtonLink}from"./components/PrimaryButtonLink.mjs";export{SecondaryButton}from"./components/SecondaryButton.mjs";export{RagDot}from"./components/RagDot.mjs";export{RagChip}from"./components/RagChip.mjs";export{SecondaryButtonLink}from"./components/SecondaryButtonLink.mjs";export{SearchInput}from"./components/SearchInput.mjs";export{SideBlade}from"./components/SideBlade.mjs";export{Skeleton}from"./components/Skeleton.mjs";export{SkillChip}from"./components/SkillChip.mjs";export{Stack}from"./components/Stack.mjs";export{StatusChip}from"./components/StatusChip.mjs";export{Tab}from"./components/Tab.mjs";export{Tabs}from"./components/Tabs.mjs";export{TextField}from"./components/TextField.mjs";export{ThemeToggle}from"./components/ThemeToggle.mjs";export{Tooltip}from"./components/Tooltip.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{ThemeModeProvider,useThemeMode}from"./theme/ThemeContext.mjs";export{alpha,useMediaQuery,useTheme}from"@mui/material";export{expandableText,getGradientBorderStyles,leftPipe}from"./theme/sxHelpers.mjs";
|
|
1
|
+
export{formatDate,getFiscalPeriod}from"./components/DateFormats.mjs";export{Alert}from"./components/Alert.mjs";export{Code}from"./components/Code.mjs";export{Container}from"./components/Container.mjs";export{Grid}from"./components/Grid.mjs";export{Link}from"./components/Link.mjs";export{Select}from"./components/Select.mjs";export{StatusBadge}from"./components/StatusBadge.mjs";export{Switch}from"./components/Switch.mjs";export{ActionBarTitle,Body1,Body2,Caption,H1,H2,H3,H4}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/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/Box.mjs";export{Collapse}from"./components/Collapse.mjs";export{NexusDataGrid}from"./components/NexusDataGrid.mjs";export{ButtonBase}from"./components/ButtonBase.mjs";export{Card}from"./components/Card.mjs";export{CheckboxGroup}from"./components/CheckboxGroup.mjs";export{Chip}from"./components/Chip.mjs";export{Dialog,DialogActions,DialogContent,DialogContentText,DialogTitle}from"./components/Dialog.mjs";export{Divider}from"./components/Divider.mjs";export{GlassCard}from"./components/GlassCard.mjs";export{GlassPaper}from"./components/GlassPaper.mjs";export{GlassPaperAsync}from"./components/GlassPaperAsync.mjs";export{GreenWaveBackground}from"./components/GreenWaveBackground.mjs";export{IconButton}from"./components/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/Paper.mjs";export{PrimaryButton}from"./components/PrimaryButton.mjs";export{PrimaryButtonLink}from"./components/PrimaryButtonLink.mjs";export{SecondaryButton}from"./components/SecondaryButton.mjs";export{RagDot}from"./components/RagDot.mjs";export{RagChip}from"./components/RagChip.mjs";export{SecondaryButtonLink}from"./components/SecondaryButtonLink.mjs";export{SearchInput}from"./components/SearchInput.mjs";export{SideBlade}from"./components/SideBlade.mjs";export{Skeleton}from"./components/Skeleton.mjs";export{SkillChip}from"./components/SkillChip.mjs";export{Stack}from"./components/Stack.mjs";export{StatusChip}from"./components/StatusChip.mjs";export{Tab}from"./components/Tab.mjs";export{Tabs}from"./components/Tabs.mjs";export{TextField}from"./components/TextField.mjs";export{ThemeToggle}from"./components/ThemeToggle.mjs";export{Tooltip}from"./components/Tooltip.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{ThemeModeProvider,useThemeMode}from"./theme/ThemeContext.mjs";export{AlertTitle,MenuItem,alpha,useMediaQuery,useTheme}from"@mui/material";export{expandableText,getGradientBorderStyles,leftPipe}from"./theme/sxHelpers.mjs";
|