sage-nexus-ui 1.2.0 → 1.2.1

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,9 @@
1
+ type LogoProps = {
2
+ size?: "sm" | "md" | "lg";
3
+ };
4
+ /**
5
+ * Option 1 — original NexusLogo style (gradient + glow node, Sage Headline)
6
+ * with the Sage wordmark and pipe prepended.
7
+ */
8
+ export declare const LogoOption1: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,5 @@
1
+ type LogoProps = {
2
+ size?: "sm" | "md" | "lg";
3
+ };
4
+ export declare const LogoOption2: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
5
+ export {};
@@ -0,0 +1,6 @@
1
+ type LogoProps = {
2
+ size?: "sm" | "md" | "lg";
3
+ };
4
+ /** Option 3 — Sage Text Medium font, NEXUS all-caps, shimmer on X */
5
+ export declare const LogoOption3: ({ 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 4 — Sage UI Medium weight, NEXUS all-caps, shimmer on X */
5
+ export declare const LogoOption4: ({ 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 5 — Sage Headline font, NEXUS all-caps, shimmer on X */
5
+ export declare const LogoOption5: ({ 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 6 — Sage Headline font, nexus lower-case, shimmer on x */
5
+ export declare const LogoOption6: ({ 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 7 — Arial Bold, NEXUS, shimmer on node icon */
5
+ export declare const LogoOption7: ({ 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 8 — Sage UI Medium weight, NEXUS all-caps, shimmer on whole word */
5
+ export declare const LogoOption8: ({ size }: LogoProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,24 @@
1
+ export declare const SagePaths: () => import("react/jsx-runtime").JSX.Element;
2
+ export type NodeShimmerMode = {
3
+ shimmer: "text";
4
+ } | {
5
+ shimmer: "fullText";
6
+ } | {
7
+ shimmer: "node";
8
+ };
9
+ export type LogoOptionBaseProps = {
10
+ size?: "sm" | "md" | "lg";
11
+ fontFamily: string;
12
+ fontWeight: string | number;
13
+ text: string;
14
+ letterSpacing?: string;
15
+ nodeShimmerMode?: NodeShimmerMode;
16
+ /**
17
+ * Fraction of fontSize added to H/2 to position the text baseline at the
18
+ * optical vertical centre. Use ~0.35 for all-caps / cap-height, ~0.26 for
19
+ * lowercase (x-height is shorter so the baseline sits higher).
20
+ */
21
+ baselineOffset?: number;
22
+ ariaLabel: string;
23
+ };
24
+ export declare const LogoOptionBase: ({ size, fontFamily, fontWeight, text, letterSpacing, nodeShimmerMode, baselineOffset, ariaLabel, }: LogoOptionBaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,12 @@
1
+ import type { StoryObj } from "@storybook/react-vite";
2
+ declare const meta: {
3
+ title: string;
4
+ parameters: {
5
+ layout: string;
6
+ };
7
+ };
8
+ export default meta;
9
+ type Story = StoryObj<typeof meta>;
10
+ export declare const AllOptions: Story;
11
+ export declare const LightMode: Story;
12
+ export declare const DarkMode: Story;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sage-nexus-ui",
3
- "version": "1.2.0",
3
+ "version": "1.2.1",
4
4
  "description": "Nexus core components",
5
5
  "license": "ISC",
6
6
  "author": "emsmart-sage",