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.
@@ -0,0 +1,6 @@
1
+ type LogoProps = {
2
+ size?: "sm" | "md" | "lg";
3
+ };
4
+ /** Option 10 — Arial Medium, NEXUS all-caps, shimmer on X glyph */
5
+ export declare const LogoOption10: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,6 @@
1
+ type LogoProps = {
2
+ size?: "sm" | "md" | "lg";
3
+ };
4
+ /** Option 11 — Arial Medium, NEXUS all-caps, shimmer on node icon */
5
+ export declare const LogoOption11: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,6 @@
1
+ type LogoProps = {
2
+ size?: "sm" | "md" | "lg";
3
+ };
4
+ /** Option 12 — Arial Medium, NEXUS all-caps, shimmer on whole word */
5
+ export declare const LogoOption12: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -1,5 +1,6 @@
1
1
  type LogoProps = {
2
2
  size?: "sm" | "md" | "lg";
3
3
  };
4
+ /** Option 2 — Sage Headline Bold, NEXUS all-caps, shimmer on X glyph */
4
5
  export declare const LogoOption2: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
5
6
  export {};
@@ -1,6 +1,6 @@
1
1
  type LogoProps = {
2
2
  size?: "sm" | "md" | "lg";
3
3
  };
4
- /** Option 3 — Sage Text Medium font, NEXUS all-caps, shimmer on X */
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 UI Medium weight, NEXUS all-caps, shimmer on X */
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 Headline font, NEXUS all-caps, shimmer on X */
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 Headline font, nexus lower-case, shimmer on x */
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 — Arial Bold, NEXUS, shimmer on node icon */
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 {};
@@ -1,6 +1,5 @@
1
1
  type LogoProps = {
2
2
  size?: "sm" | "md" | "lg";
3
3
  };
4
- /** Option 8 — Sage UI Medium weight, NEXUS all-caps, shimmer on whole word */
5
4
  export declare const LogoOption8: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
6
5
  export {};
@@ -0,0 +1,6 @@
1
+ type LogoProps = {
2
+ size?: "sm" | "md" | "lg";
3
+ };
4
+ /** Option 9 — Arial Bold, NEXUS all-caps, shimmer on node icon */
5
+ export declare const LogoOption9: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
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
- interface LoadingSpinnerNexusProps {
179
- variant?: "small" | "large";
180
- }
181
- declare const LoadingSpinnerNexus: ({ variant, }: LoadingSpinnerNexusProps) => react_jsx_runtime.JSX.Element;
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 };