sage-nexus-ui 1.2.3 → 1.2.5
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,37 @@
|
|
|
1
|
+
export * from "./LogoOptionBase";
|
|
2
|
+
export * from "./LogoOption1";
|
|
3
|
+
export * from "./LogoOption2";
|
|
4
|
+
export * from "./LogoOption3";
|
|
5
|
+
export * from "./LogoOption4";
|
|
6
|
+
export * from "./LogoOption5";
|
|
7
|
+
export * from "./LogoOption6";
|
|
8
|
+
export * from "./LogoOption7";
|
|
9
|
+
export * from "./LogoOption8";
|
|
10
|
+
export declare const LogoOptions: {
|
|
11
|
+
LogoOptionBase: ({ size, fontFamily, fontWeight, text, letterSpacing, nodeShimmerMode, baselineOffset, ariaLabel, }: import("./LogoOptionBase").LogoOptionBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
LogoOption1: ({ size }: {
|
|
13
|
+
size?: "sm" | "md" | "lg";
|
|
14
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
LogoOption2: ({ size }: {
|
|
16
|
+
size?: "sm" | "md" | "lg";
|
|
17
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
LogoOption3: ({ size }: {
|
|
19
|
+
size?: "sm" | "md" | "lg";
|
|
20
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
LogoOption4: ({ size }: {
|
|
22
|
+
size?: "sm" | "md" | "lg";
|
|
23
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
LogoOption5: ({ size }: {
|
|
25
|
+
size?: "sm" | "md" | "lg";
|
|
26
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
LogoOption6: ({ size }: {
|
|
28
|
+
size?: "sm" | "md" | "lg";
|
|
29
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
LogoOption7: ({ size }: {
|
|
31
|
+
size?: "sm" | "md" | "lg";
|
|
32
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
LogoOption8: ({ size }: {
|
|
34
|
+
size?: "sm" | "md" | "lg";
|
|
35
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
};
|
|
37
|
+
export default LogoOptions;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type TooltipProps as MuiTooltipProps } from "@mui/material";
|
|
2
|
+
import type { ReactNode } from "react";
|
|
3
|
+
export interface TooltipProps extends Omit<MuiTooltipProps, "title"> {
|
|
4
|
+
/** The tooltip content. Accepts a plain string, any ReactNode, or a React element for rich content. */
|
|
5
|
+
title: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
export declare const Tooltip: ({ title, children, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -42,9 +42,10 @@ export { GreenWaveBackground } from "./GreenWaveBackground";
|
|
|
42
42
|
export type { GreenWaveBackgroundProps } from "./GreenWaveBackground";
|
|
43
43
|
export { IconButton } from "./IconButton";
|
|
44
44
|
export type { IconButtonProps } from "./IconButton";
|
|
45
|
-
export { LocationMultiSelect } from "./LocationMultiSelect";
|
|
46
45
|
export { LoadingSpinnerNexus } from "./LoadingSpinnerNexus";
|
|
46
|
+
export { LocationMultiSelect } from "./LocationMultiSelect";
|
|
47
47
|
export type { LoadingSpinnerNexusProps } from "./LoadingSpinnerNexus";
|
|
48
|
+
export { default as LogoOptions } from "./LogoOptions";
|
|
48
49
|
export { NexusHome } from "./NexusHome";
|
|
49
50
|
export { NexusLogo } from "./NexusLogo";
|
|
50
51
|
export { Paper } from "./Paper";
|
|
@@ -73,3 +74,5 @@ export type { TabsProps } from "./Tabs";
|
|
|
73
74
|
export { TextField } from "./TextField";
|
|
74
75
|
export type { TextFieldProps } from "./TextField";
|
|
75
76
|
export { ThemeToggle } from "./ThemeToggle";
|
|
77
|
+
export { Tooltip } from "./Tooltip";
|
|
78
|
+
export type { TooltipProps } from "./Tooltip";
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import react__default, { ReactNode, ReactElement, CSSProperties, PropsWithChildren } from 'react';
|
|
3
|
-
import { TypographyProps, SxProps, Theme, AccordionSummaryProps, ButtonProps, CardProps as CardProps$1, PaperProps, BoxProps, CollapseProps, ButtonBaseProps, ChipProps, DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps, DividerProps, IconButtonProps as IconButtonProps$1, SkeletonProps as SkeletonProps$1, StackProps, TabProps, TabsProps, TextFieldProps } from '@mui/material';
|
|
3
|
+
import { TypographyProps, SxProps, Theme, AccordionSummaryProps, ButtonProps, CardProps as CardProps$1, PaperProps, BoxProps, CollapseProps, ButtonBaseProps, ChipProps, 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 { BoxProps, ButtonBaseProps, ChipProps, CollapseProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogProps, DialogTitleProps, DividerProps, PaperProps, StackProps, TabProps, TabsProps, TextFieldProps, Theme, alpha, useMediaQuery, useTheme } from '@mui/material';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
6
|
import { DataGridProps } from '@mui/x-data-grid';
|
|
@@ -163,6 +163,11 @@ type IconButtonProps = Omit<IconButtonProps$1, "title"> & {
|
|
|
163
163
|
};
|
|
164
164
|
declare const IconButton: ({ title, ariaLabel, children, disabled, ...rest }: IconButtonProps) => react_jsx_runtime.JSX.Element;
|
|
165
165
|
|
|
166
|
+
interface LoadingSpinnerNexusProps {
|
|
167
|
+
variant?: "small" | "large";
|
|
168
|
+
}
|
|
169
|
+
declare const LoadingSpinnerNexus: ({ variant, }: LoadingSpinnerNexusProps) => react_jsx_runtime.JSX.Element;
|
|
170
|
+
|
|
166
171
|
interface LocationMultiSelectProps {
|
|
167
172
|
ariaLabel?: string;
|
|
168
173
|
availableLocations?: string[];
|
|
@@ -175,10 +180,56 @@ interface LocationMultiSelectProps {
|
|
|
175
180
|
}
|
|
176
181
|
declare const LocationMultiSelect: react__default.FC<LocationMultiSelectProps>;
|
|
177
182
|
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
}
|
|
181
|
-
|
|
183
|
+
type NodeShimmerMode = {
|
|
184
|
+
shimmer: "text";
|
|
185
|
+
} | {
|
|
186
|
+
shimmer: "fullText";
|
|
187
|
+
} | {
|
|
188
|
+
shimmer: "node";
|
|
189
|
+
};
|
|
190
|
+
type LogoOptionBaseProps = {
|
|
191
|
+
size?: "sm" | "md" | "lg";
|
|
192
|
+
fontFamily: string;
|
|
193
|
+
fontWeight: string | number;
|
|
194
|
+
text: string;
|
|
195
|
+
letterSpacing?: string;
|
|
196
|
+
nodeShimmerMode?: NodeShimmerMode;
|
|
197
|
+
/**
|
|
198
|
+
* Fraction of fontSize added to H/2 to position the text baseline at the
|
|
199
|
+
* optical vertical centre. Use ~0.35 for all-caps / cap-height, ~0.26 for
|
|
200
|
+
* lowercase (x-height is shorter so the baseline sits higher).
|
|
201
|
+
*/
|
|
202
|
+
baselineOffset?: number;
|
|
203
|
+
ariaLabel: string;
|
|
204
|
+
};
|
|
205
|
+
|
|
206
|
+
declare const LogoOptions: {
|
|
207
|
+
LogoOptionBase: ({ size, fontFamily, fontWeight, text, letterSpacing, nodeShimmerMode, baselineOffset, ariaLabel, }: LogoOptionBaseProps) => react_jsx_runtime.JSX.Element;
|
|
208
|
+
LogoOption1: ({ size }: {
|
|
209
|
+
size?: "sm" | "md" | "lg";
|
|
210
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
211
|
+
LogoOption2: ({ size }: {
|
|
212
|
+
size?: "sm" | "md" | "lg";
|
|
213
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
214
|
+
LogoOption3: ({ size }: {
|
|
215
|
+
size?: "sm" | "md" | "lg";
|
|
216
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
217
|
+
LogoOption4: ({ size }: {
|
|
218
|
+
size?: "sm" | "md" | "lg";
|
|
219
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
220
|
+
LogoOption5: ({ size }: {
|
|
221
|
+
size?: "sm" | "md" | "lg";
|
|
222
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
223
|
+
LogoOption6: ({ size }: {
|
|
224
|
+
size?: "sm" | "md" | "lg";
|
|
225
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
226
|
+
LogoOption7: ({ size }: {
|
|
227
|
+
size?: "sm" | "md" | "lg";
|
|
228
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
229
|
+
LogoOption8: ({ size }: {
|
|
230
|
+
size?: "sm" | "md" | "lg";
|
|
231
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
232
|
+
};
|
|
182
233
|
|
|
183
234
|
interface NexusHomeProps {
|
|
184
235
|
href?: string;
|
|
@@ -276,6 +327,12 @@ declare const TextField: (props: TextFieldProps) => react_jsx_runtime.JSX.Elemen
|
|
|
276
327
|
|
|
277
328
|
declare const ThemeToggle: React.FC;
|
|
278
329
|
|
|
330
|
+
interface TooltipProps extends Omit<TooltipProps$1, "title"> {
|
|
331
|
+
/** The tooltip content. Accepts a plain string, any ReactNode, or a React element for rich content. */
|
|
332
|
+
title: ReactNode;
|
|
333
|
+
}
|
|
334
|
+
declare const Tooltip: ({ title, children, ...rest }: TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
335
|
+
|
|
279
336
|
type ThemeMode = "light" | "dark";
|
|
280
337
|
type ModeTokens = {
|
|
281
338
|
background: {
|
|
@@ -381,5 +438,5 @@ declare const getGradientBorderStyles: (theme: Theme$1, options?: GradientBorder
|
|
|
381
438
|
declare const leftPipe: SxProps$2<Theme$1>;
|
|
382
439
|
declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme$1>;
|
|
383
440
|
|
|
384
|
-
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, GlassCard, GlassPaper, GlassPaperAsync, GreenWaveBackground, H1, H2, H3, H4, IconButton, LoadingSpinnerNexus, LocationMultiSelect, MuiAppThemeProvider, NexusDataGrid, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagChip, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, Skeleton, SkillChip, Stack, StatusChip, Tab, Tabs, TextField, ThemeModeProvider, ThemeToggle, colours, createSageTheme, expandableText, fontSageHeadline, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
|
|
385
|
-
export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GlassPaperAsyncProps, GlassPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, IconButtonProps, LoadingSpinnerNexusProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, SkeletonProps, ThemeMode };
|
|
441
|
+
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, GlassCard, GlassPaper, GlassPaperAsync, GreenWaveBackground, H1, H2, H3, H4, IconButton, LoadingSpinnerNexus, LocationMultiSelect, LogoOptions, MuiAppThemeProvider, NexusDataGrid, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagChip, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, Skeleton, SkillChip, Stack, StatusChip, Tab, Tabs, TextField, ThemeModeProvider, ThemeToggle, Tooltip, colours, createSageTheme, expandableText, fontSageHeadline, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
|
|
442
|
+
export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GlassPaperAsyncProps, GlassPaperProps, GradientBorderOptions, GreenWaveBackgroundProps, IconButtonProps, LoadingSpinnerNexusProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, SkeletonProps, ThemeMode, TooltipProps };
|