sage-nexus-ui 1.0.19 → 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.
|
@@ -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;
|
|
@@ -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, TypographyProps, ButtonProps, PaperProps, CardProps as CardProps$1, BoxProps, ChipProps } from '@mui/material';
|
|
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';
|
|
@@ -204,6 +204,20 @@ declare const StatusChip: React.FC<StatusChipProps>;
|
|
|
204
204
|
|
|
205
205
|
declare const ThemeToggle: React.FC;
|
|
206
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
|
+
|
|
207
221
|
type ThemeMode = "light" | "dark";
|
|
208
222
|
type ModeTokens = {
|
|
209
223
|
background: {
|
|
@@ -305,5 +319,5 @@ declare const getGradientBorderStyles: (theme: Theme$1, options?: GradientBorder
|
|
|
305
319
|
declare const leftPipe: SxProps$2<Theme$1>;
|
|
306
320
|
declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme$1>;
|
|
307
321
|
|
|
308
|
-
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 };
|
|
309
|
-
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 };
|