@neasg/design-system 0.4.11 → 0.4.13

package/dist/theme.d.ts

@@ -1,316 +1,575 @@
+export type CssTokenMapping = Readonly<Record<`--${string}`, string>>;
+export declare const neaPaletteDarkTokenMapping: {
+    readonly "--nea-green-50": "146 100% 15%";
+    readonly "--nea-green-100": "145 100% 21%";
+    readonly "--nea-green-200": "144 100% 27.5%";
+    readonly "--nea-green-300": "144 84% 33%";
+    readonly "--nea-green-400": "144 66% 40%";
+    readonly "--nea-green-500": "144 50% 53%";
+    readonly "--nea-green-600": "143 44% 67%";
+    readonly "--nea-green-700": "142 45% 80%";
+    readonly "--nea-green-800": "141 50% 90%";
+    readonly "--nea-green-900": "140 57% 96%";
+    readonly "--nea-blue-50": "224 64% 33%";
+    readonly "--nea-blue-100": "226 71% 40%";
+    readonly "--nea-blue-200": "224 76% 48%";
+    readonly "--nea-blue-300": "221 83% 53%";
+    readonly "--nea-blue-400": "217 91% 60%";
+    readonly "--nea-blue-500": "213 94% 68%";
+    readonly "--nea-blue-600": "213 97% 78%";
+    readonly "--nea-blue-700": "213 97% 87%";
+    readonly "--nea-blue-800": "214 95% 93%";
+    readonly "--nea-blue-900": "214 100% 97%";
+    readonly "--nea-amber-50": "22 78% 26%";
+    readonly "--nea-amber-100": "22 82% 31%";
+    readonly "--nea-amber-200": "26 90% 37%";
+    readonly "--nea-amber-300": "32 95% 44%";
+    readonly "--nea-amber-400": "38 92% 50%";
+    readonly "--nea-amber-500": "43 96% 56%";
+    readonly "--nea-amber-600": "43 96% 66%";
+    readonly "--nea-amber-700": "48 97% 77%";
+    readonly "--nea-amber-800": "48 96% 89%";
+    readonly "--nea-amber-900": "48 100% 96%";
+    readonly "--nea-red-50": "0 63% 31%";
+    readonly "--nea-red-100": "0 74% 35%";
+    readonly "--nea-red-200": "0 74% 42%";
+    readonly "--nea-red-300": "0 72% 51%";
+    readonly "--nea-red-400": "0 84% 60%";
+    readonly "--nea-red-500": "0 91% 71%";
+    readonly "--nea-red-600": "0 94% 82%";
+    readonly "--nea-red-700": "0 96% 89%";
+    readonly "--nea-red-800": "0 93% 94%";
+    readonly "--nea-red-900": "0 86% 97%";
+    readonly "--nea-violet-50": "264 69% 35%";
+    readonly "--nea-violet-100": "263 70% 42%";
+    readonly "--nea-violet-200": "263 84% 50%";
+    readonly "--nea-violet-300": "263 89% 60%";
+    readonly "--nea-violet-400": "258 90% 66%";
+    readonly "--nea-violet-500": "255 92% 76%";
+    readonly "--nea-violet-600": "252 95% 85%";
+    readonly "--nea-violet-700": "252 96% 90%";
+    readonly "--nea-violet-800": "250 100% 97%";
+    readonly "--nea-violet-900": "250 100% 98%";
+    readonly "--nea-neutral-0": "220 22% 6.5%";
+    readonly "--nea-neutral-50": "220 18% 8%";
+    readonly "--nea-neutral-100": "220 16% 9.5%";
+    readonly "--nea-neutral-200": "220 14% 11.5%";
+    readonly "--nea-neutral-300": "220 12% 13.5%";
+    readonly "--nea-neutral-400": "220 10% 16%";
+    readonly "--nea-neutral-500": "215 14% 68%";
+    readonly "--nea-neutral-600": "214 18% 90%";
+    readonly "--nea-neutral-700": "214 18% 92%";
+    readonly "--nea-neutral-800": "214 18% 92%";
+    readonly "--nea-neutral-900": "214 18% 92%";
+    readonly "--nea-dark-neutral-50": "214 18% 92%";
+    readonly "--nea-dark-neutral-100": "214 18% 90%";
+    readonly "--nea-dark-neutral-200": "215 14% 68%";
+    readonly "--nea-dark-neutral-300": "220 10% 16%";
+    readonly "--nea-dark-neutral-400": "220 12% 13.5%";
+    readonly "--nea-dark-neutral-500": "220 14% 11.5%";
+    readonly "--nea-dark-neutral-600": "220 16% 9.5%";
+    readonly "--nea-dark-neutral-700": "220 18% 8%";
+    readonly "--nea-dark-neutral-800": "220 22% 6.5%";
+};
+export declare const neaDarkNeutralTokenMapping: {
+    readonly "--nea-dark-neutral-50": "214 18% 92%";
+    readonly "--nea-dark-neutral-100": "214 18% 90%";
+    readonly "--nea-dark-neutral-200": "215 14% 68%";
+    readonly "--nea-dark-neutral-300": "220 10% 16%";
+    readonly "--nea-dark-neutral-400": "220 12% 13.5%";
+    readonly "--nea-dark-neutral-500": "220 14% 11.5%";
+    readonly "--nea-dark-neutral-600": "220 16% 9.5%";
+    readonly "--nea-dark-neutral-700": "220 18% 8%";
+    readonly "--nea-dark-neutral-800": "220 22% 6.5%";
+};
+export declare const neaDarkNeutralPalette: readonly (({
+    readonly name: "Dark Neutral 50";
+    readonly token: "--nea-dark-neutral-50";
+} | {
+    readonly name: "Dark Neutral 100";
+    readonly token: "--nea-dark-neutral-100";
+} | {
+    readonly name: "Dark Neutral 200";
+    readonly token: "--nea-dark-neutral-200";
+} | {
+    readonly name: "Dark Neutral 300";
+    readonly token: "--nea-dark-neutral-300";
+} | {
+    readonly name: "Dark Neutral 400";
+    readonly token: "--nea-dark-neutral-400";
+} | {
+    readonly name: "Dark Neutral 500";
+    readonly token: "--nea-dark-neutral-500";
+} | {
+    readonly name: "Dark Neutral 600";
+    readonly token: "--nea-dark-neutral-600";
+} | {
+    readonly name: "Dark Neutral 700";
+    readonly token: "--nea-dark-neutral-700";
+} | {
+    readonly name: "Dark Neutral 800";
+    readonly token: "--nea-dark-neutral-800";
+}) & {
+    readonly darkValue: string;
+})[];
 export declare const neaPalette: {
-    readonly green: readonly [{
+    readonly green: readonly (({
         readonly name: "Green 50";
         readonly token: "--nea-green-50";
-    }, {
+    } | {
         readonly name: "Green 100";
         readonly token: "--nea-green-100";
-    }, {
+    } | {
         readonly name: "Green 200";
         readonly token: "--nea-green-200";
-    }, {
+    } | {
         readonly name: "Green 300";
         readonly token: "--nea-green-300";
-    }, {
+    } | {
         readonly name: "Green 400";
         readonly token: "--nea-green-400";
-    }, {
+    } | {
         readonly name: "Green 500";
         readonly token: "--nea-green-500";
-    }, {
+    } | {
         readonly name: "Green 600";
         readonly token: "--nea-green-600";
-    }, {
+    } | {
         readonly name: "Green 700";
         readonly token: "--nea-green-700";
-    }, {
+    } | {
         readonly name: "Green 800";
         readonly token: "--nea-green-800";
-    }, {
+    } | {
         readonly name: "Green 900";
         readonly token: "--nea-green-900";
-    }];
-    readonly blue: readonly [{
+    }) & {
+        readonly darkValue: string;
+    })[];
+    readonly blue: readonly (({
         readonly name: "Blue 50";
         readonly token: "--nea-blue-50";
-    }, {
+    } | {
         readonly name: "Blue 100";
         readonly token: "--nea-blue-100";
-    }, {
+    } | {
         readonly name: "Blue 200";
         readonly token: "--nea-blue-200";
-    }, {
+    } | {
         readonly name: "Blue 300";
         readonly token: "--nea-blue-300";
-    }, {
+    } | {
         readonly name: "Blue 400";
         readonly token: "--nea-blue-400";
-    }, {
+    } | {
         readonly name: "Blue 500";
         readonly token: "--nea-blue-500";
-    }, {
+    } | {
         readonly name: "Blue 600";
         readonly token: "--nea-blue-600";
-    }, {
+    } | {
         readonly name: "Blue 700";
         readonly token: "--nea-blue-700";
-    }, {
+    } | {
         readonly name: "Blue 800";
         readonly token: "--nea-blue-800";
-    }, {
+    } | {
         readonly name: "Blue 900";
         readonly token: "--nea-blue-900";
-    }];
-    readonly amber: readonly [{
+    }) & {
+        readonly darkValue: string;
+    })[];
+    readonly amber: readonly (({
         readonly name: "Amber 50";
         readonly token: "--nea-amber-50";
-    }, {
+    } | {
         readonly name: "Amber 100";
         readonly token: "--nea-amber-100";
-    }, {
+    } | {
         readonly name: "Amber 200";
         readonly token: "--nea-amber-200";
-    }, {
+    } | {
         readonly name: "Amber 300";
         readonly token: "--nea-amber-300";
-    }, {
+    } | {
         readonly name: "Amber 400";
         readonly token: "--nea-amber-400";
-    }, {
+    } | {
         readonly name: "Amber 500";
         readonly token: "--nea-amber-500";
-    }, {
+    } | {
         readonly name: "Amber 600";
         readonly token: "--nea-amber-600";
-    }, {
+    } | {
         readonly name: "Amber 700";
         readonly token: "--nea-amber-700";
-    }, {
+    } | {
         readonly name: "Amber 800";
         readonly token: "--nea-amber-800";
-    }, {
+    } | {
         readonly name: "Amber 900";
         readonly token: "--nea-amber-900";
-    }];
-    readonly red: readonly [{
+    }) & {
+        readonly darkValue: string;
+    })[];
+    readonly red: readonly (({
         readonly name: "Red 50";
         readonly token: "--nea-red-50";
-    }, {
+    } | {
         readonly name: "Red 100";
         readonly token: "--nea-red-100";
-    }, {
+    } | {
         readonly name: "Red 200";
         readonly token: "--nea-red-200";
-    }, {
+    } | {
         readonly name: "Red 300";
         readonly token: "--nea-red-300";
-    }, {
+    } | {
         readonly name: "Red 400";
         readonly token: "--nea-red-400";
-    }, {
+    } | {
         readonly name: "Red 500";
         readonly token: "--nea-red-500";
-    }, {
+    } | {
         readonly name: "Red 600";
         readonly token: "--nea-red-600";
-    }, {
+    } | {
         readonly name: "Red 700";
         readonly token: "--nea-red-700";
-    }, {
+    } | {
         readonly name: "Red 800";
         readonly token: "--nea-red-800";
-    }, {
+    } | {
         readonly name: "Red 900";
         readonly token: "--nea-red-900";
-    }];
-    readonly violet: readonly [{
+    }) & {
+        readonly darkValue: string;
+    })[];
+    readonly violet: readonly (({
         readonly name: "Violet 50";
         readonly token: "--nea-violet-50";
-    }, {
+    } | {
         readonly name: "Violet 100";
         readonly token: "--nea-violet-100";
-    }, {
+    } | {
         readonly name: "Violet 200";
         readonly token: "--nea-violet-200";
-    }, {
+    } | {
         readonly name: "Violet 300";
         readonly token: "--nea-violet-300";
-    }, {
+    } | {
         readonly name: "Violet 400";
         readonly token: "--nea-violet-400";
-    }, {
+    } | {
         readonly name: "Violet 500";
         readonly token: "--nea-violet-500";
-    }, {
+    } | {
         readonly name: "Violet 600";
         readonly token: "--nea-violet-600";
-    }, {
+    } | {
         readonly name: "Violet 700";
         readonly token: "--nea-violet-700";
-    }, {
+    } | {
         readonly name: "Violet 800";
         readonly token: "--nea-violet-800";
-    }, {
+    } | {
         readonly name: "Violet 900";
         readonly token: "--nea-violet-900";
-    }];
-    readonly neutral: readonly [{
+    }) & {
+        readonly darkValue: string;
+    })[];
+    readonly neutral: readonly (({
         readonly name: "Neutral 0";
         readonly token: "--nea-neutral-0";
-    }, {
+    } | {
         readonly name: "Neutral 50";
         readonly token: "--nea-neutral-50";
-    }, {
+    } | {
         readonly name: "Neutral 100";
         readonly token: "--nea-neutral-100";
-    }, {
+    } | {
         readonly name: "Neutral 200";
         readonly token: "--nea-neutral-200";
-    }, {
+    } | {
         readonly name: "Neutral 300";
         readonly token: "--nea-neutral-300";
-    }, {
+    } | {
         readonly name: "Neutral 400";
         readonly token: "--nea-neutral-400";
-    }, {
+    } | {
         readonly name: "Neutral 500";
         readonly token: "--nea-neutral-500";
-    }, {
+    } | {
         readonly name: "Neutral 600";
         readonly token: "--nea-neutral-600";
-    }, {
+    } | {
         readonly name: "Neutral 700";
         readonly token: "--nea-neutral-700";
-    }, {
+    } | {
         readonly name: "Neutral 800";
         readonly token: "--nea-neutral-800";
-    }, {
+    } | {
         readonly name: "Neutral 900";
         readonly token: "--nea-neutral-900";
-    }];
-    readonly darkNeutral: readonly [{
+    }) & {
+        readonly darkValue: string;
+    })[];
+    readonly darkNeutral: readonly (({
         readonly name: "Dark Neutral 50";
         readonly token: "--nea-dark-neutral-50";
-    }, {
+    } | {
         readonly name: "Dark Neutral 100";
         readonly token: "--nea-dark-neutral-100";
-    }, {
+    } | {
         readonly name: "Dark Neutral 200";
         readonly token: "--nea-dark-neutral-200";
-    }, {
+    } | {
         readonly name: "Dark Neutral 300";
         readonly token: "--nea-dark-neutral-300";
-    }, {
+    } | {
         readonly name: "Dark Neutral 400";
         readonly token: "--nea-dark-neutral-400";
-    }, {
+    } | {
         readonly name: "Dark Neutral 500";
         readonly token: "--nea-dark-neutral-500";
-    }, {
+    } | {
         readonly name: "Dark Neutral 600";
         readonly token: "--nea-dark-neutral-600";
-    }, {
+    } | {
         readonly name: "Dark Neutral 700";
         readonly token: "--nea-dark-neutral-700";
-    }, {
+    } | {
         readonly name: "Dark Neutral 800";
         readonly token: "--nea-dark-neutral-800";
-    }];
+    }) & {
+        readonly darkValue: string;
+    })[];
+};
+export declare const darkThemeTokenMapping: {
+    readonly "--background": "var(--nea-dark-neutral-300)";
+    readonly "--foreground": "var(--nea-dark-neutral-50)";
+    readonly "--card": "var(--nea-dark-neutral-300)";
+    readonly "--card-foreground": "var(--nea-dark-neutral-50)";
+    readonly "--card-border": "220 10% 28%";
+    readonly "--popover": "var(--nea-dark-neutral-300)";
+    readonly "--popover-foreground": "var(--nea-dark-neutral-50)";
+    readonly "--tooltip-background": "var(--nea-dark-neutral-800)";
+    readonly "--tooltip-foreground": "var(--nea-dark-neutral-50)";
+    readonly "--primary": "148 30% 38%";
+    readonly "--primary-foreground": "var(--nea-dark-neutral-50)";
+    readonly "--secondary": "var(--nea-dark-neutral-500)";
+    readonly "--secondary-foreground": "var(--nea-dark-neutral-100)";
+    readonly "--muted": "var(--nea-dark-neutral-500)";
+    readonly "--muted-foreground": "var(--nea-dark-neutral-200)";
+    readonly "--accent": "var(--nea-dark-neutral-500)";
+    readonly "--accent-foreground": "var(--nea-dark-neutral-50)";
+    readonly "--destructive": "0 72% 58%";
+    readonly "--destructive-foreground": "var(--nea-dark-neutral-50)";
+    readonly "--status-success": "148 20% 18%";
+    readonly "--status-success-foreground": "148 28% 62%";
+    readonly "--status-warning": "38 22% 18%";
+    readonly "--status-warning-foreground": "42 42% 64%";
+    readonly "--status-info": "214 22% 19%";
+    readonly "--status-info-foreground": "214 36% 66%";
+    readonly "--status-accent": "263 18% 20%";
+    readonly "--status-accent-foreground": "255 34% 68%";
+    readonly "--status-destructive": "0 20% 19%";
+    readonly "--status-destructive-foreground": "0 42% 66%";
+    readonly "--tab-list-background": "var(--table-header-background)";
+    readonly "--tab-trigger-foreground": "var(--nea-dark-neutral-200)";
+    readonly "--tab-trigger-hover-background": "var(--nea-dark-neutral-400)";
+    readonly "--tab-trigger-active-background": "var(--nea-dark-neutral-300)";
+    readonly "--tab-trigger-active-foreground": "var(--nea-dark-neutral-50)";
+    readonly "--tab-indicator": "var(--primary)";
+    readonly "--card-gradient-from": "var(--nea-green-700)";
+    readonly "--card-gradient-to": "var(--nea-green-500)";
+    readonly "--card-gradient-border": "var(--nea-green-500)";
+    readonly "--card-gradient-foreground": "var(--nea-neutral-0)";
+    readonly "--layout-chrome-background": "var(--nea-dark-neutral-500)";
+    readonly "--layout-shell-background": "var(--layout-chrome-background)";
+    readonly "--layout-sidebar-background": "var(--layout-chrome-background)";
+    readonly "--layout-sidebar-logo-background": "hsl(var(--nea-neutral-0))";
+    readonly "--layout-sidebar-border": "var(--card-border)";
+    readonly "--layout-surface-background": "var(--nea-dark-neutral-400)";
+    readonly "--layout-workspace-header-background": "var(--nea-dark-neutral-300)";
+    readonly "--layout-surface-border": "var(--card-border)";
+    readonly "--layout-surface-shadow": "0 24px 54px -34px rgb(0 0 0 / 0.64), 0 2px 10px rgb(0 0 0 / 0.26)";
+    readonly "--overlay-shadow": "0 18px 36px -22px rgb(0 0 0 / 0.58), 0 8px 18px -14px rgb(0 0 0 / 0.34)";
+    readonly "--overlay-shadow-strong": "0 10px 42px -24px rgb(0 0 0 / 0.68), 0 4px 16px -12px rgb(0 0 0 / 0.42)";
+    readonly "--layout-right-panel-background": "var(--layout-surface-background)";
+    readonly "--layout-right-panel-border": "220 10% 32%";
+    readonly "--layout-right-panel-shadow": "-18px 0 36px -28px rgb(0 0 0 / 0.58), -2px 0 12px -8px rgb(0 0 0 / 0.46)";
+    readonly "--table-header-background": "var(--nea-dark-neutral-500)";
+    readonly "--table-row-striped-background": "var(--nea-dark-neutral-500)";
+    readonly "--table-row-warning-background": "var(--nea-dark-neutral-300)";
+    readonly "--border": "var(--card-border)";
+    readonly "--input": "var(--card-border)";
+    readonly "--ring": "148 30% 38%";
+    readonly "--component-border": "var(--card-border)";
+    readonly "--button-outline-background": "var(--nea-dark-neutral-500)";
+    readonly "--button-outline-hover-background": "var(--nea-dark-neutral-400)";
+    readonly "--button-outline-border": "var(--component-border)";
+    readonly "--tab-list-border": "var(--component-border)";
+    readonly "--table-border": "var(--component-border)";
 };
 export declare const semanticColorTokens: readonly [{
     readonly name: "Background";
     readonly token: "--background";
     readonly foregroundToken: "--foreground";
+    readonly darkValue: "var(--nea-dark-neutral-300)";
+    readonly darkForegroundValue: "var(--nea-dark-neutral-50)";
 }, {
     readonly name: "Foreground";
     readonly token: "--foreground";
+    readonly foregroundToken?: undefined;
+    readonly darkValue: "var(--nea-dark-neutral-50)";
+    readonly darkForegroundValue?: undefined;
 }, {
     readonly name: "Card";
     readonly token: "--card";
     readonly foregroundToken: "--card-foreground";
+    readonly darkValue: "var(--nea-dark-neutral-300)";
+    readonly darkForegroundValue: "var(--nea-dark-neutral-50)";
 }, {
     readonly name: "Card Border";
     readonly token: "--card-border";
+    readonly foregroundToken?: undefined;
+    readonly darkValue: "220 10% 28%";
+    readonly darkForegroundValue?: undefined;
 }, {
     readonly name: "Popover";
     readonly token: "--popover";
     readonly foregroundToken: "--popover-foreground";
+    readonly darkValue: "var(--nea-dark-neutral-300)";
+    readonly darkForegroundValue: "var(--nea-dark-neutral-50)";
 }, {
     readonly name: "Primary";
     readonly token: "--primary";
     readonly foregroundToken: "--primary-foreground";
+    readonly darkValue: "148 30% 38%";
+    readonly darkForegroundValue: "var(--nea-dark-neutral-50)";
 }, {
     readonly name: "Secondary";
     readonly token: "--secondary";
     readonly foregroundToken: "--secondary-foreground";
+    readonly darkValue: "var(--nea-dark-neutral-500)";
+    readonly darkForegroundValue: "var(--nea-dark-neutral-100)";
 }, {
     readonly name: "Muted";
     readonly token: "--muted";
     readonly foregroundToken: "--muted-foreground";
+    readonly darkValue: "var(--nea-dark-neutral-500)";
+    readonly darkForegroundValue: "var(--nea-dark-neutral-200)";
 }, {
     readonly name: "Accent";
     readonly token: "--accent";
     readonly foregroundToken: "--accent-foreground";
+    readonly darkValue: "var(--nea-dark-neutral-500)";
+    readonly darkForegroundValue: "var(--nea-dark-neutral-50)";
 }, {
     readonly name: "Destructive";
     readonly token: "--destructive";
     readonly foregroundToken: "--destructive-foreground";
+    readonly darkValue: "0 72% 58%";
+    readonly darkForegroundValue: "var(--nea-dark-neutral-50)";
 }, {
     readonly name: "Status Success";
     readonly token: "--status-success";
     readonly foregroundToken: "--status-success-foreground";
+    readonly darkValue: "148 20% 18%";
+    readonly darkForegroundValue: "148 28% 62%";
 }, {
     readonly name: "Status Warning";
     readonly token: "--status-warning";
     readonly foregroundToken: "--status-warning-foreground";
+    readonly darkValue: "38 22% 18%";
+    readonly darkForegroundValue: "42 42% 64%";
 }, {
     readonly name: "Status Info";
     readonly token: "--status-info";
     readonly foregroundToken: "--status-info-foreground";
+    readonly darkValue: "214 22% 19%";
+    readonly darkForegroundValue: "214 36% 66%";
 }, {
     readonly name: "Status Accent";
     readonly token: "--status-accent";
     readonly foregroundToken: "--status-accent-foreground";
+    readonly darkValue: "263 18% 20%";
+    readonly darkForegroundValue: "255 34% 68%";
 }, {
     readonly name: "Status Destructive";
     readonly token: "--status-destructive";
     readonly foregroundToken: "--status-destructive-foreground";
+    readonly darkValue: "0 20% 19%";
+    readonly darkForegroundValue: "0 42% 66%";
 }, {
     readonly name: "Tab List";
     readonly token: "--tab-list-background";
+    readonly foregroundToken?: undefined;
+    readonly darkValue: "var(--table-header-background)";
+    readonly darkForegroundValue?: undefined;
 }, {
     readonly name: "Tab List Border";
     readonly token: "--tab-list-border";
+    readonly foregroundToken?: undefined;
+    readonly darkValue: "var(--component-border)";
+    readonly darkForegroundValue?: undefined;
 }, {
     readonly name: "Tab Trigger";
     readonly token: "--tab-trigger-hover-background";
     readonly foregroundToken: "--tab-trigger-foreground";
+    readonly darkValue: "var(--nea-dark-neutral-400)";
+    readonly darkForegroundValue: "var(--nea-dark-neutral-200)";
 }, {
     readonly name: "Tab Trigger Active";
     readonly token: "--tab-trigger-active-background";
     readonly foregroundToken: "--tab-trigger-active-foreground";
+    readonly darkValue: "var(--nea-dark-neutral-300)";
+    readonly darkForegroundValue: "var(--nea-dark-neutral-50)";
 }, {
     readonly name: "Border";
     readonly token: "--border";
+    readonly foregroundToken?: undefined;
+    readonly darkValue: "var(--card-border)";
+    readonly darkForegroundValue?: undefined;
 }, {
     readonly name: "Input";
     readonly token: "--input";
+    readonly foregroundToken?: undefined;
+    readonly darkValue: "var(--card-border)";
+    readonly darkForegroundValue?: undefined;
 }, {
     readonly name: "Ring";
     readonly token: "--ring";
+    readonly foregroundToken?: undefined;
+    readonly darkValue: "148 30% 38%";
+    readonly darkForegroundValue?: undefined;
 }, {
     readonly name: "Component Border";
     readonly token: "--component-border";
+    readonly foregroundToken?: undefined;
+    readonly darkValue: "var(--card-border)";
+    readonly darkForegroundValue?: undefined;
 }, {
     readonly name: "Button Outline";
     readonly token: "--button-outline-background";
+    readonly foregroundToken?: undefined;
+    readonly darkValue: "var(--nea-dark-neutral-500)";
+    readonly darkForegroundValue?: undefined;
 }, {
     readonly name: "Button Outline Hover";
     readonly token: "--button-outline-hover-background";
+    readonly foregroundToken?: undefined;
+    readonly darkValue: "var(--nea-dark-neutral-400)";
+    readonly darkForegroundValue?: undefined;
 }, {
     readonly name: "Button Outline Border";
     readonly token: "--button-outline-border";
+    readonly foregroundToken?: undefined;
+    readonly darkValue: "var(--component-border)";
+    readonly darkForegroundValue?: undefined;
 }];
+export type SemanticColorToken = (typeof semanticColorTokens)[number];
 export declare const typographyTokens: readonly [{
     readonly name: "Sans Font";
     readonly token: "--font-sans";