/** * @zendir/ui — Primitive color palettes (Layer 0) * * The full color scales endorsed for product design use — Zendir's own * system, Astro UXDS status ramps, and Tailwind CSS v4.2. This is the * single source of truth that Foundation/Palette in Storybook renders and * that themes (src/tokens/themes.ts) and data-viz palettes reference. * * Layering: * Layer 0 (here) raw scales — no semantics, never mode-aware * Layer 1 (themes.ts) semantic theme tokens referencing these stops * Layer 2 (apps) components consume theme tokens / CSS variables * * Product code should not import these directly for UI surfaces — use the * semantic theme tokens. Direct use is appropriate only when defining new * palettes (data-viz series, domain color maps). */ export * as zendir from './zendir'; export * as astroUxds from './astro'; export * as tailwind from './tailwind'; export { base as zendirBase, electricBlue, prussianBlue, ultraviolet, neutral as zendirNeutral, zendirScales, } from './zendir'; export { astroStatus, astroStatusLightFill, astroStatusLightBorder, astroScales, } from './astro'; export { tailwindScales } from './tailwind'; /** * Everything Foundation/Palette shows, grouped by system. If a scale is * here, it's endorsed from a product design POV, whether or not it's * already wired into a token in code. */ export declare const allPalettes: { readonly zendir: { readonly Base: { readonly White: "#FFFFFF"; readonly Black: "#000000"; }; readonly "Electric Blue": { readonly 50: "#EEF2FF"; readonly 100: "#E0E7FF"; readonly 200: "#C4D2FF"; readonly 300: "#9EB4FF"; readonly 400: "#6F89FF"; readonly 500: "#5061FF"; readonly 600: "#3E3CFF"; readonly 700: "#352EDF"; readonly 800: "#2A2BB2"; readonly 900: "#252E8A"; readonly 950: "#151C50"; }; readonly "Prussian Blue": { readonly 50: "#EEF2FF"; readonly 100: "#DEE7FE"; readonly 200: "#C3D4FE"; readonly 300: "#9BB6FF"; readonly 400: "#698EFF"; readonly 500: "#466AFC"; readonly 600: "#2F4AF0"; readonly 700: "#263DD3"; readonly 800: "#1B2DA0"; readonly 900: "#192B7A"; readonly 950: "#0D1945"; }; readonly Ultraviolet: { readonly 50: "#F5F3FD"; readonly 100: "#EAE6FA"; readonly 200: "#D8CFF9"; readonly 300: "#C6B4FF"; readonly 400: "#9D70FF"; readonly 500: "#8744F3"; readonly 600: "#7515E2"; readonly 700: "#6600CD"; readonly 800: "#5400AB"; readonly 900: "#421182"; readonly 950: "#251048"; }; readonly "Prussian Slate": { readonly 50: "#F6F7FD"; readonly 100: "#EDF2FC"; readonly 200: "#DDE5F4"; readonly 300: "#C8D1E6"; readonly 400: "#8899BC"; readonly 500: "#596B8E"; readonly 600: "#445272"; readonly 700: "#303C58"; readonly 800: "#1B243D"; readonly 900: "#0D1429"; readonly 950: "#030414"; }; }; readonly astro: { readonly "Red \u2014 Critical": { readonly 400: "#FF5F60"; readonly 500: "#FF3838"; readonly 600: "#FF2A04"; readonly 700: "#C8102E"; readonly 800: "#8B1703"; readonly 900: "#661102"; }; readonly "Amber \u2014 Serious": { readonly 400: "#FFCC57"; readonly 500: "#FFB302"; readonly 600: "#FFAF3D"; readonly 700: "#FF8C00"; readonly 800: "#975F0E"; readonly 900: "#664618"; }; readonly "Yellow \u2014 Caution": { readonly 400: "#FDED61"; readonly 500: "#FCE83A"; readonly 600: "#FAD800"; readonly 700: "#C7AB00"; readonly 800: "#917D01"; readonly 900: "#645600"; }; readonly "Green \u2014 Normal": { readonly 400: "#99F666"; readonly 500: "#56F000"; readonly 600: "#00E200"; readonly 700: "#00AD23"; readonly 800: "#007A33"; readonly 900: "#005A00"; }; readonly "Cyan \u2014 Standby": { readonly 400: "#5CE2FF"; readonly 500: "#64D9FF"; readonly 600: "#2DCCFF"; readonly 700: "#20A9D5"; readonly 800: "#35798E"; readonly 900: "#285766"; }; }; readonly tailwind: { readonly Red: { readonly 50: "#FEF2F2"; readonly 100: "#FFE2E2"; readonly 200: "#FFCACA"; readonly 300: "#FFA3A4"; readonly 400: "#FF6568"; readonly 500: "#FB2C36"; readonly 600: "#E40016"; readonly 700: "#BF000F"; readonly 800: "#9F0712"; readonly 900: "#82181A"; readonly 950: "#460809"; }; readonly Orange: { readonly 50: "#FFF7ED"; readonly 100: "#FFEDD5"; readonly 200: "#FFD7A8"; readonly 300: "#FFB970"; readonly 400: "#FF8B1F"; readonly 500: "#FC7100"; readonly 600: "#EC5600"; readonly 700: "#C43E00"; readonly 800: "#9F2D00"; readonly 900: "#7E2A0C"; readonly 950: "#441306"; }; readonly Yellow: { readonly 50: "#FEFCE8"; readonly 100: "#FEF9C2"; readonly 200: "#FFF085"; readonly 300: "#FFE030"; readonly 400: "#F7C900"; readonly 500: "#EAB300"; readonly 600: "#CA8A00"; readonly 700: "#A26200"; readonly 800: "#874C00"; readonly 900: "#733E0A"; readonly 950: "#432004"; }; readonly Green: { readonly 50: "#F0FDF4"; readonly 100: "#DCFCE7"; readonly 200: "#B9F8CF"; readonly 300: "#7BF1A8"; readonly 400: "#05DF72"; readonly 500: "#00C65A"; readonly 600: "#00A447"; readonly 700: "#00813A"; readonly 800: "#016630"; readonly 900: "#0D542B"; readonly 950: "#032E15"; }; readonly Sky: { readonly 50: "#F0F9FF"; readonly 100: "#DFF2FE"; readonly 200: "#B8E6FE"; readonly 300: "#78D4FF"; readonly 400: "#00BBFD"; readonly 500: "#00A5EA"; readonly 600: "#0084C7"; readonly 700: "#0069A2"; readonly 800: "#005986"; readonly 900: "#024A70"; readonly 950: "#052F4A"; }; readonly Blue: { readonly 50: "#EFF6FF"; readonly 100: "#DBEAFE"; readonly 200: "#BEDBFF"; readonly 300: "#91C5FF"; readonly 400: "#56A2FF"; readonly 500: "#3280FF"; readonly 600: "#155DFC"; readonly 700: "#1447E6"; readonly 800: "#193CB8"; readonly 900: "#1C398E"; readonly 950: "#162456"; }; readonly Indigo: { readonly 50: "#EEF2FF"; readonly 100: "#E0E7FF"; readonly 200: "#C7D2FF"; readonly 300: "#A4B4FF"; readonly 400: "#7D87FF"; readonly 500: "#6260FF"; readonly 600: "#4F39F6"; readonly 700: "#432DD7"; readonly 800: "#372AAC"; readonly 900: "#312C85"; readonly 950: "#1E1A4D"; }; readonly Purple: { readonly 50: "#FAF5FF"; readonly 100: "#F3E8FF"; readonly 200: "#E9D5FF"; readonly 300: "#D8B4FF"; readonly 400: "#BF7EFF"; readonly 500: "#AB4EFF"; readonly 600: "#9810FA"; readonly 700: "#8200D9"; readonly 800: "#6E11B0"; readonly 900: "#59168B"; readonly 950: "#3C0366"; }; readonly Pink: { readonly 50: "#FDF2F8"; readonly 100: "#FCE7F3"; readonly 200: "#FCCEE8"; readonly 300: "#FDA5D5"; readonly 400: "#FB64B6"; readonly 500: "#F6339A"; readonly 600: "#E30076"; readonly 700: "#C2005C"; readonly 800: "#A2004C"; readonly 900: "#861043"; readonly 950: "#510424"; }; readonly Rose: { readonly 50: "#FFF1F2"; readonly 100: "#FFE4E6"; readonly 200: "#FFCCD3"; readonly 300: "#FFA3AE"; readonly 400: "#FF6880"; readonly 500: "#FF2357"; readonly 600: "#E60045"; readonly 700: "#C1003A"; readonly 800: "#A30037"; readonly 900: "#8B0836"; readonly 950: "#4D0218"; }; readonly Slate: { readonly 50: "#F8FAFC"; readonly 100: "#F1F5F9"; readonly 200: "#E2E8F0"; readonly 300: "#CAD5E2"; readonly 400: "#90A1B9"; readonly 500: "#62748E"; readonly 600: "#45556C"; readonly 700: "#314158"; readonly 800: "#1D293D"; readonly 900: "#0F172B"; readonly 950: "#020618"; }; readonly Neutral: { readonly 50: "#FAFAFA"; readonly 100: "#F5F5F5"; readonly 200: "#E5E5E5"; readonly 300: "#D4D4D4"; readonly 400: "#A1A1A1"; readonly 500: "#737373"; readonly 600: "#525252"; readonly 700: "#404040"; readonly 800: "#262626"; readonly 900: "#171717"; readonly 950: "#0A0A0A"; }; }; };