sage-nexus-ui 1.2.4 → 1.2.6
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/LogoOptions/LogoOption10.d.ts +6 -0
- package/dist/components/LogoOptions/LogoOption11.d.ts +6 -0
- package/dist/components/LogoOptions/LogoOption12.d.ts +6 -0
- package/dist/components/LogoOptions/LogoOption2.d.ts +1 -0
- package/dist/components/LogoOptions/LogoOption3.d.ts +1 -1
- package/dist/components/LogoOptions/LogoOption4.d.ts +1 -1
- package/dist/components/LogoOptions/LogoOption5.d.ts +1 -1
- package/dist/components/LogoOptions/LogoOption6.d.ts +1 -1
- package/dist/components/LogoOptions/LogoOption7.d.ts +1 -1
- package/dist/components/LogoOptions/LogoOption8.d.ts +0 -1
- package/dist/components/LogoOptions/LogoOption9.d.ts +6 -0
- package/dist/components/LogoOptions/index.d.ts +53 -0
- package/dist/components/index.d.ts +2 -1
- package/dist/index.d.ts +68 -5
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
type LogoProps = {
|
|
2
2
|
size?: "sm" | "md" | "lg";
|
|
3
3
|
};
|
|
4
|
-
/** Option 3 — Sage
|
|
4
|
+
/** Option 3 — Sage Headline Bold, nexus lower-case, shimmer on x glyph */
|
|
5
5
|
export declare const LogoOption3: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
type LogoProps = {
|
|
2
2
|
size?: "sm" | "md" | "lg";
|
|
3
3
|
};
|
|
4
|
-
/** Option 4 — Sage
|
|
4
|
+
/** Option 4 — Sage Text Medium font, NEXUS all-caps, shimmer on X glyph */
|
|
5
5
|
export declare const LogoOption4: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
type LogoProps = {
|
|
2
2
|
size?: "sm" | "md" | "lg";
|
|
3
3
|
};
|
|
4
|
-
/** Option 5 — Sage
|
|
4
|
+
/** Option 5 — Sage UI Medium weight, NEXUS all-caps, shimmer on X glyph */
|
|
5
5
|
export declare const LogoOption5: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
type LogoProps = {
|
|
2
2
|
size?: "sm" | "md" | "lg";
|
|
3
3
|
};
|
|
4
|
-
/** Option 6 — Sage
|
|
4
|
+
/** Option 6 — Sage UI Medium weight, NEXUS all-caps, shimmer on node icon */
|
|
5
5
|
export declare const LogoOption6: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
type LogoProps = {
|
|
2
2
|
size?: "sm" | "md" | "lg";
|
|
3
3
|
};
|
|
4
|
-
/** Option 7 —
|
|
4
|
+
/** Option 7 — Sage UI Medium weight, NEXUS all-caps, shimmer on whole word */
|
|
5
5
|
export declare const LogoOption7: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -0,0 +1,53 @@
|
|
|
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 * from "./LogoOption9";
|
|
11
|
+
export * from "./LogoOption10";
|
|
12
|
+
export * from "./LogoOption11";
|
|
13
|
+
export * from "./LogoOption12";
|
|
14
|
+
export declare const LogoOptions: {
|
|
15
|
+
LogoOptionBase: ({ size, fontFamily, fontWeight, text, letterSpacing, nodeShimmerMode, baselineOffset, ariaLabel, }: import("./LogoOptionBase").LogoOptionBaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
LogoOption1: ({ size }: {
|
|
17
|
+
size?: "sm" | "md" | "lg";
|
|
18
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
LogoOption2: ({ size }: {
|
|
20
|
+
size?: "sm" | "md" | "lg";
|
|
21
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
LogoOption3: ({ size }: {
|
|
23
|
+
size?: "sm" | "md" | "lg";
|
|
24
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
LogoOption4: ({ size }: {
|
|
26
|
+
size?: "sm" | "md" | "lg";
|
|
27
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
LogoOption5: ({ size }: {
|
|
29
|
+
size?: "sm" | "md" | "lg";
|
|
30
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
LogoOption6: ({ size }: {
|
|
32
|
+
size?: "sm" | "md" | "lg";
|
|
33
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
LogoOption7: ({ size }: {
|
|
35
|
+
size?: "sm" | "md" | "lg";
|
|
36
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
LogoOption8: ({ size }: {
|
|
38
|
+
size?: "sm" | "md" | "lg";
|
|
39
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
LogoOption9: ({ size }: {
|
|
41
|
+
size?: "sm" | "md" | "lg";
|
|
42
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
LogoOption10: ({ size }: {
|
|
44
|
+
size?: "sm" | "md" | "lg";
|
|
45
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
LogoOption11: ({ size }: {
|
|
47
|
+
size?: "sm" | "md" | "lg";
|
|
48
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
LogoOption12: ({ size }: {
|
|
50
|
+
size?: "sm" | "md" | "lg";
|
|
51
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
52
|
+
};
|
|
53
|
+
export default LogoOptions;
|
|
@@ -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";
|
package/dist/index.d.ts
CHANGED
|
@@ -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,68 @@ 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
|
+
LogoOption9: ({ size }: {
|
|
233
|
+
size?: "sm" | "md" | "lg";
|
|
234
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
235
|
+
LogoOption10: ({ size }: {
|
|
236
|
+
size?: "sm" | "md" | "lg";
|
|
237
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
238
|
+
LogoOption11: ({ size }: {
|
|
239
|
+
size?: "sm" | "md" | "lg";
|
|
240
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
241
|
+
LogoOption12: ({ size }: {
|
|
242
|
+
size?: "sm" | "md" | "lg";
|
|
243
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
244
|
+
};
|
|
182
245
|
|
|
183
246
|
interface NexusHomeProps {
|
|
184
247
|
href?: string;
|
|
@@ -387,5 +450,5 @@ declare const getGradientBorderStyles: (theme: Theme$1, options?: GradientBorder
|
|
|
387
450
|
declare const leftPipe: SxProps$2<Theme$1>;
|
|
388
451
|
declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme$1>;
|
|
389
452
|
|
|
390
|
-
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, Tooltip, colours, createSageTheme, expandableText, fontSageHeadline, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
|
|
453
|
+
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 };
|
|
391
454
|
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 };
|