sage-nexus-ui 1.0.18 → 1.0.20
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/AccordionGroup.d.ts +2 -6
- package/dist/components/AccordionSingle.d.ts +2 -6
- package/dist/components/Skeleton.d.ts +14 -0
- package/dist/components/index.d.ts +3 -1
- package/dist/index.d.ts +19 -13
- package/dist/index.mjs +1 -1
- package/dist/stories/Accordion.stories.d.ts +4 -0
- package/dist/stories/Skeleton.stories.d.ts +21 -0
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type SxProps, type Theme } from "@mui/material";
|
|
2
2
|
import type { ReactNode } from "react";
|
|
3
3
|
export interface AccordionGroupProps {
|
|
4
4
|
children: ReactNode;
|
|
@@ -6,17 +6,13 @@ export interface AccordionGroupProps {
|
|
|
6
6
|
}
|
|
7
7
|
export declare const AccordionGroup: ({ children, sx }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export interface AccordionGroupItemProps {
|
|
9
|
-
/** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
|
|
10
9
|
summary: ReactNode;
|
|
11
10
|
children: ReactNode;
|
|
12
11
|
defaultExpanded?: boolean;
|
|
13
12
|
disabled?: boolean;
|
|
14
|
-
|
|
15
|
-
summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
|
|
16
|
-
/** Override the default ExpandMoreIcon. */
|
|
13
|
+
summaryProps?: Record<string, ReactNode>;
|
|
17
14
|
expandIcon?: ReactNode;
|
|
18
15
|
sx?: SxProps<Theme>;
|
|
19
|
-
/** sx applied to the AccordionDetails wrapper. */
|
|
20
16
|
detailsSx?: SxProps<Theme>;
|
|
21
17
|
}
|
|
22
18
|
export declare const AccordionGroupItem: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionGroupItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,17 +1,13 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type SxProps, type Theme } from "@mui/material";
|
|
2
2
|
import type { ReactNode } from "react";
|
|
3
3
|
export interface AccordionSingleProps {
|
|
4
|
-
/** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
|
|
5
4
|
summary: ReactNode;
|
|
6
5
|
children: ReactNode;
|
|
7
6
|
defaultExpanded?: boolean;
|
|
8
7
|
disabled?: boolean;
|
|
9
|
-
|
|
10
|
-
summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
|
|
11
|
-
/** Override the default ExpandMoreIcon. */
|
|
8
|
+
summaryProps?: Record<string, ReactNode>;
|
|
12
9
|
expandIcon?: ReactNode;
|
|
13
10
|
sx?: SxProps<Theme>;
|
|
14
|
-
/** sx applied to the AccordionDetails wrapper. */
|
|
15
11
|
detailsSx?: SxProps<Theme>;
|
|
16
12
|
}
|
|
17
13
|
export declare const AccordionSingle: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionSingleProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type SkeletonProps as MuiSkeletonProps } from "@mui/material";
|
|
2
|
+
export type SkeletonProps = MuiSkeletonProps;
|
|
3
|
+
/**
|
|
4
|
+
* A themed wrapper around MUI Skeleton.
|
|
5
|
+
*
|
|
6
|
+
* - `variant="text"` (default) — height is inferred from the surrounding font
|
|
7
|
+
* size, no explicit height needed. Width defaults to 100%.
|
|
8
|
+
* - `variant="rectangular"` / `"rounded"` — fills `width="100%"` by default;
|
|
9
|
+
* pass an explicit `height` (e.g. `height={120}`) when the container has no
|
|
10
|
+
* intrinsic size.
|
|
11
|
+
* - `variant="circular"` — pass explicit `width` and `height` for an avatar
|
|
12
|
+
* placeholder.
|
|
13
|
+
*/
|
|
14
|
+
export declare const Skeleton: ({ variant, width, ...rest }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export * from "./DateFormats";
|
|
2
2
|
export { ActionBar } from "./ActionBar";
|
|
3
3
|
export { AccordionGroup, AccordionGroupItem } from "./AccordionGroup";
|
|
4
|
-
export type { AccordionGroupProps, AccordionGroupItemProps } from "./AccordionGroup";
|
|
4
|
+
export type { AccordionGroupProps, AccordionGroupItemProps, } from "./AccordionGroup";
|
|
5
5
|
export { AccordionSingle } from "./AccordionSingle";
|
|
6
6
|
export type { AccordionSingleProps } from "./AccordionSingle";
|
|
7
7
|
export { H1, H2, H3, H4, ActionBarTitle, Body1, Body2, Caption, } from "./Typography";
|
|
@@ -41,3 +41,5 @@ export { SearchInput } from "./SearchInput";
|
|
|
41
41
|
export { SkillChip } from "./SkillChip";
|
|
42
42
|
export { StatusChip } from "./StatusChip";
|
|
43
43
|
export { ThemeToggle } from "./ThemeToggle";
|
|
44
|
+
export { Skeleton } from "./Skeleton";
|
|
45
|
+
export type { SkeletonProps } from "./Skeleton";
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import react__default, { ReactNode, ReactElement, CSSProperties, PropsWithChildren } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
-
import { SxProps, Theme,
|
|
4
|
+
import { SxProps, Theme, TypographyProps, ButtonProps, PaperProps, CardProps as CardProps$1, BoxProps, ChipProps, SkeletonProps as SkeletonProps$1 } from '@mui/material';
|
|
5
5
|
export { PaperProps } from '@mui/material';
|
|
6
6
|
import { SxProps as SxProps$1 } from '@mui/system';
|
|
7
7
|
import { Theme as Theme$1, SxProps as SxProps$2 } from '@mui/material/styles';
|
|
@@ -26,33 +26,25 @@ interface AccordionGroupProps {
|
|
|
26
26
|
}
|
|
27
27
|
declare const AccordionGroup: ({ children, sx }: AccordionGroupProps) => react_jsx_runtime.JSX.Element;
|
|
28
28
|
interface AccordionGroupItemProps {
|
|
29
|
-
/** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
|
|
30
29
|
summary: ReactNode;
|
|
31
30
|
children: ReactNode;
|
|
32
31
|
defaultExpanded?: boolean;
|
|
33
32
|
disabled?: boolean;
|
|
34
|
-
|
|
35
|
-
summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
|
|
36
|
-
/** Override the default ExpandMoreIcon. */
|
|
33
|
+
summaryProps?: Record<string, ReactNode>;
|
|
37
34
|
expandIcon?: ReactNode;
|
|
38
35
|
sx?: SxProps<Theme>;
|
|
39
|
-
/** sx applied to the AccordionDetails wrapper. */
|
|
40
36
|
detailsSx?: SxProps<Theme>;
|
|
41
37
|
}
|
|
42
38
|
declare const AccordionGroupItem: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionGroupItemProps) => react_jsx_runtime.JSX.Element;
|
|
43
39
|
|
|
44
40
|
interface AccordionSingleProps {
|
|
45
|
-
/** ReactNode rendered inside AccordionSummary — can be as simple or complex as needed. */
|
|
46
41
|
summary: ReactNode;
|
|
47
42
|
children: ReactNode;
|
|
48
43
|
defaultExpanded?: boolean;
|
|
49
44
|
disabled?: boolean;
|
|
50
|
-
|
|
51
|
-
summaryProps?: Omit<AccordionSummaryProps, "expandIcon" | "children">;
|
|
52
|
-
/** Override the default ExpandMoreIcon. */
|
|
45
|
+
summaryProps?: Record<string, ReactNode>;
|
|
53
46
|
expandIcon?: ReactNode;
|
|
54
47
|
sx?: SxProps<Theme>;
|
|
55
|
-
/** sx applied to the AccordionDetails wrapper. */
|
|
56
48
|
detailsSx?: SxProps<Theme>;
|
|
57
49
|
}
|
|
58
50
|
declare const AccordionSingle: ({ summary, children, defaultExpanded, disabled, summaryProps, expandIcon, sx, detailsSx, }: AccordionSingleProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -212,6 +204,20 @@ declare const StatusChip: React.FC<StatusChipProps>;
|
|
|
212
204
|
|
|
213
205
|
declare const ThemeToggle: React.FC;
|
|
214
206
|
|
|
207
|
+
type SkeletonProps = SkeletonProps$1;
|
|
208
|
+
/**
|
|
209
|
+
* A themed wrapper around MUI Skeleton.
|
|
210
|
+
*
|
|
211
|
+
* - `variant="text"` (default) — height is inferred from the surrounding font
|
|
212
|
+
* size, no explicit height needed. Width defaults to 100%.
|
|
213
|
+
* - `variant="rectangular"` / `"rounded"` — fills `width="100%"` by default;
|
|
214
|
+
* pass an explicit `height` (e.g. `height={120}`) when the container has no
|
|
215
|
+
* intrinsic size.
|
|
216
|
+
* - `variant="circular"` — pass explicit `width` and `height` for an avatar
|
|
217
|
+
* placeholder.
|
|
218
|
+
*/
|
|
219
|
+
declare const Skeleton: ({ variant, width, ...rest }: SkeletonProps) => react_jsx_runtime.JSX.Element;
|
|
220
|
+
|
|
215
221
|
type ThemeMode = "light" | "dark";
|
|
216
222
|
type ModeTokens = {
|
|
217
223
|
background: {
|
|
@@ -313,5 +319,5 @@ declare const getGradientBorderStyles: (theme: Theme$1, options?: GradientBorder
|
|
|
313
319
|
declare const leftPipe: SxProps$2<Theme$1>;
|
|
314
320
|
declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme$1>;
|
|
315
321
|
|
|
316
|
-
export { AccordionGroup, AccordionGroupItem, AccordionSingle, ActionBar, ActionBarTitle, AiButton, AiCard, AiGlassCard, AiGlassPaper, AiPaper, Body1, Body2, Caption, Card, CheckboxGroup, GlassCard, GlassPaper, GreenWaveBackground, H1, H2, H3, H4, LocationMultiSelect, MuiAppThemeProvider, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, SkillChip, StatusChip, ThemeModeProvider, ThemeToggle, colours, createSageTheme, expandableText, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
|
|
317
|
-
export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GradientBorderOptions, GreenWaveBackgroundProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, ThemeMode };
|
|
322
|
+
export { AccordionGroup, AccordionGroupItem, AccordionSingle, ActionBar, ActionBarTitle, AiButton, AiCard, AiGlassCard, AiGlassPaper, AiPaper, Body1, Body2, Caption, Card, CheckboxGroup, GlassCard, GlassPaper, GreenWaveBackground, H1, H2, H3, H4, LocationMultiSelect, MuiAppThemeProvider, NexusHome, NexusLogo, Paper, PrimaryButton, PrimaryButtonLink, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, Skeleton, SkillChip, StatusChip, ThemeModeProvider, ThemeToggle, colours, createSageTheme, expandableText, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
|
|
323
|
+
export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GradientBorderOptions, GreenWaveBackgroundProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, SkeletonProps, ThemeMode };
|