sage-nexus-ui 1.0.19 → 1.0.21
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: {
|
|
@@ -277,7 +291,10 @@ type ThemeModeContextValue = {
|
|
|
277
291
|
toggleMode: () => void;
|
|
278
292
|
};
|
|
279
293
|
declare const useThemeMode: () => ThemeModeContextValue;
|
|
280
|
-
|
|
294
|
+
type ThemeModeProviderProps = PropsWithChildren<{
|
|
295
|
+
mode?: ThemeMode;
|
|
296
|
+
}>;
|
|
297
|
+
declare const ThemeModeProvider: ({ children, mode: initialMode, }: ThemeModeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
281
298
|
|
|
282
299
|
type GradientBorderOptions = {
|
|
283
300
|
borderRadius?: number;
|
|
@@ -305,5 +322,5 @@ declare const getGradientBorderStyles: (theme: Theme$1, options?: GradientBorder
|
|
|
305
322
|
declare const leftPipe: SxProps$2<Theme$1>;
|
|
306
323
|
declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme$1>;
|
|
307
324
|
|
|
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 };
|
|
325
|
+
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 };
|
|
326
|
+
export type { AccordionGroupItemProps, AccordionGroupProps, AccordionSingleProps, AiButtonProps, AiCardProps, AiGlassCardProps, AiGlassPaperProps, AiPaperProps, CardProps, CardTrend, GlassCardProps, GradientBorderOptions, GreenWaveBackgroundProps, ModeTokens, PrimaryButtonLinkProps, PrimaryButtonProps, SecondaryButtonLinkProps, SecondaryButtonProps, SkeletonProps, ThemeMode };
|