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 };