sage-nexus-ui 1.2.0 → 1.2.2

package/dist/components/LogoOptions/LogoOption1.d.ts

@@ -0,0 +1,9 @@
+type LogoProps = {
+    size?: "sm" | "md" | "lg";
+};
+/**
+ * Option 1 — original NexusLogo style (gradient + glow node, Sage Headline)
+ * with the Sage wordmark and pipe prepended.
+ */
+export declare const LogoOption1: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LogoOptions/LogoOption2.d.ts

@@ -0,0 +1,5 @@
+type LogoProps = {
+    size?: "sm" | "md" | "lg";
+};
+export declare const LogoOption2: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LogoOptions/LogoOption3.d.ts

@@ -0,0 +1,6 @@
+type LogoProps = {
+    size?: "sm" | "md" | "lg";
+};
+/** Option 3 — Sage Text Medium font, NEXUS all-caps, shimmer on X */
+export declare const LogoOption3: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LogoOptions/LogoOption4.d.ts

@@ -0,0 +1,6 @@
+type LogoProps = {
+    size?: "sm" | "md" | "lg";
+};
+/** Option 4 — Sage UI Medium weight, NEXUS all-caps, shimmer on X */
+export declare const LogoOption4: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LogoOptions/LogoOption5.d.ts

@@ -0,0 +1,6 @@
+type LogoProps = {
+    size?: "sm" | "md" | "lg";
+};
+/** Option 5 — Sage Headline font, NEXUS all-caps, shimmer on X */
+export declare const LogoOption5: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LogoOptions/LogoOption6.d.ts

@@ -0,0 +1,6 @@
+type LogoProps = {
+    size?: "sm" | "md" | "lg";
+};
+/** Option 6 — Sage Headline font, nexus lower-case, shimmer on x */
+export declare const LogoOption6: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LogoOptions/LogoOption7.d.ts

@@ -0,0 +1,6 @@
+type LogoProps = {
+    size?: "sm" | "md" | "lg";
+};
+/** Option 7 — Arial Bold, NEXUS, shimmer on node icon */
+export declare const LogoOption7: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LogoOptions/LogoOption8.d.ts

@@ -0,0 +1,6 @@
+type LogoProps = {
+    size?: "sm" | "md" | "lg";
+};
+/** Option 8 — Sage UI Medium weight, NEXUS all-caps, shimmer on whole word */
+export declare const LogoOption8: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LogoOptions/LogoOptionBase.d.ts

@@ -0,0 +1,24 @@
+export declare const SagePaths: () => import("react/jsx-runtime").JSX.Element;
+export type NodeShimmerMode = {
+    shimmer: "text";
+} | {
+    shimmer: "fullText";
+} | {
+    shimmer: "node";
+};
+export type LogoOptionBaseProps = {
+    size?: "sm" | "md" | "lg";
+    fontFamily: string;
+    fontWeight: string | number;
+    text: string;
+    letterSpacing?: string;
+    nodeShimmerMode?: NodeShimmerMode;
+    /**
+     * Fraction of fontSize added to H/2 to position the text baseline at the
+     * optical vertical centre. Use ~0.35 for all-caps / cap-height, ~0.26 for
+     * lowercase (x-height is shorter so the baseline sits higher).
+     */
+    baselineOffset?: number;
+    ariaLabel: string;
+};
+export declare const LogoOptionBase: ({ size, fontFamily, fontWeight, text, letterSpacing, nodeShimmerMode, baselineOffset, ariaLabel, }: LogoOptionBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/RagChip.d.ts

@@ -0,0 +1,8 @@
+type ColourProp = "jade" | "amber" | "cherry" | string;
+export interface RagChipProps {
+    label?: string;
+    status?: string;
+    colour?: ColourProp;
+}
+export declare const RagChip: ({ label, status, colour }: RagChipProps) => import("react/jsx-runtime").JSX.Element;
+export default RagChip;

package/dist/components/index.d.ts

@@ -56,6 +56,7 @@ export type { PrimaryButtonLinkProps } from "./PrimaryButtonLink";
 export { SecondaryButton } from "./SecondaryButton";
 export type { SecondaryButtonProps } from "./SecondaryButton";
 export { RagDot } from "./RagDot";
+export { RagChip } from "./RagChip";
 export { SecondaryButtonLink } from "./SecondaryButtonLink";
 export type { SecondaryButtonLinkProps } from "./SecondaryButtonLink";
 export { SearchInput } from "./SearchInput";

package/dist/index.d.ts

@@ -210,6 +210,14 @@ interface RagDotProps {
 }
 declare const RagDot: ({ status }: RagDotProps) => react_jsx_runtime.JSX.Element;
 
+type ColourProp = "jade" | "amber" | "cherry" | string;
+interface RagChipProps {
+    label?: string;
+    status?: string;
+    colour?: ColourProp;
+}
+declare const RagChip: ({ label, status, colour }: RagChipProps) => react_jsx_runtime.JSX.Element;
+
 interface SecondaryButtonLinkProps extends Omit<SecondaryButtonProps, "href" | "component"> {
     href: string;
     color?: string;
@@ -373,5 +381,5 @@ declare const getGradientBorderStyles: (theme: Theme$1, options?: GradientBorder
 declare const leftPipe: SxProps$2<Theme$1>;
 declare const expandableText: (isExpanded: boolean) => SxProps$2<Theme$1>;
 
-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, RagDot, SearchInput, SecondaryButton, SecondaryButtonLink, Skeleton, SkillChip, Stack, StatusChip, Tab, Tabs, TextField, ThemeModeProvider, ThemeToggle, colours, createSageTheme, expandableText, fontSageHeadline, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
+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, colours, createSageTheme, expandableText, fontSageHeadline, fontSageText, fontSageUI, formatDate, getFiscalPeriod, getGradientBorderStyles, getModeTokens, gradients, leftPipe, useThemeMode, useTokens };
 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 };