@rookcom/monarch-tokens 0.0.0-stage → 0.2.0

package/dist/tailwind.d.ts

@@ -0,0 +1,275 @@
+type PluginApi = {
+    addVariant: (name: string, selector: string | string[]) => void;
+};
+export declare const monarchPreset: {
+    darkMode: (string | string[])[];
+    theme: {
+        screens: {
+            sm: "640px";
+            md: "768px";
+            lg: "1024px";
+            xl: "1280px";
+            '2xl': "1536px";
+        };
+        container: {
+            center: boolean;
+            padding: string;
+            screens: {
+                '2xl': string;
+            };
+        };
+        extend: {
+            colors: {
+                mn: {
+                    canvas: string;
+                    surface: string;
+                    raised: string;
+                    subtle: string;
+                    muted: string;
+                    emphasis: string;
+                    inverse: string;
+                    fg: {
+                        DEFAULT: string;
+                        muted: string;
+                        subtle: string;
+                        disabled: string;
+                        inverse: string;
+                        link: string;
+                    };
+                    line: {
+                        DEFAULT: string;
+                        subtle: string;
+                        strong: string;
+                        input: string;
+                    };
+                    focus: string;
+                    accent: {
+                        DEFAULT: string;
+                        solid: string;
+                        'solid-hover': string;
+                        'solid-active': string;
+                        'on-solid': string;
+                        subtle: string;
+                        'subtle-hover': string;
+                        strong: string;
+                        'on-strong': string;
+                        border: string;
+                    };
+                    danger: {
+                        DEFAULT: string;
+                        solid: string;
+                        'solid-hover': string;
+                        'solid-active': string;
+                        'on-solid': string;
+                        subtle: string;
+                        'subtle-hover': string;
+                        strong: string;
+                        'on-strong': string;
+                        border: string;
+                    };
+                    success: {
+                        DEFAULT: string;
+                        solid: string;
+                        'solid-hover': string;
+                        'solid-active': string;
+                        'on-solid': string;
+                        subtle: string;
+                        'subtle-hover': string;
+                        strong: string;
+                        'on-strong': string;
+                        border: string;
+                    };
+                    warning: {
+                        DEFAULT: string;
+                        solid: string;
+                        'solid-hover': string;
+                        'solid-active': string;
+                        'on-solid': string;
+                        subtle: string;
+                        'subtle-hover': string;
+                        strong: string;
+                        'on-strong': string;
+                        border: string;
+                    };
+                    info: {
+                        DEFAULT: string;
+                        solid: string;
+                        'solid-hover': string;
+                        'solid-active': string;
+                        'on-solid': string;
+                        subtle: string;
+                        'subtle-hover': string;
+                        strong: string;
+                        'on-strong': string;
+                        border: string;
+                    };
+                    data: {
+                        [k: string]: string;
+                    };
+                };
+                border: string;
+                input: string;
+                ring: string;
+                background: string;
+                foreground: string;
+                primary: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                secondary: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                success: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                warning: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                destructive: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                muted: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                accent: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                popover: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                card: {
+                    DEFAULT: string;
+                    foreground: string;
+                };
+                sidebar: {
+                    DEFAULT: string;
+                    foreground: string;
+                    primary: string;
+                    'primary-foreground': string;
+                    accent: string;
+                    'accent-foreground': string;
+                    border: string;
+                    ring: string;
+                };
+            };
+            fontFamily: {
+                sans: string[];
+                mono: string[];
+            };
+            fontSize: {
+                '2xs': (string | {
+                    lineHeight: string;
+                })[];
+            };
+            borderRadius: {
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+            boxShadow: {
+                [k: string]: string;
+            };
+            height: {
+                [k: string]: string;
+            };
+            spacing: {
+                rail: string;
+                'rail-expanded': string;
+            };
+            maxWidth: {
+                content: string;
+                reading: string;
+            };
+            transitionDuration: {
+                fast: string;
+                base: string;
+                slow: string;
+            };
+            transitionTimingFunction: {
+                standard: string;
+                enter: string;
+                exit: string;
+                emphasized: string;
+            };
+            zIndex: {
+                sticky: string;
+                rail: string;
+                dropdown: string;
+                overlay: string;
+                modal: string;
+                popover: string;
+                toast: string;
+                tooltip: string;
+            };
+            backgroundImage: {
+                'mn-spectrum': string;
+            };
+            keyframes: {
+                fadeIn: {
+                    '0%': {
+                        opacity: string;
+                    };
+                    '100%': {
+                        opacity: string;
+                    };
+                };
+                slideUp: {
+                    '0%': {
+                        opacity: string;
+                        transform: string;
+                    };
+                    '100%': {
+                        opacity: string;
+                        transform: string;
+                    };
+                };
+                scaleIn: {
+                    '0%': {
+                        opacity: string;
+                        transform: string;
+                    };
+                    '100%': {
+                        opacity: string;
+                        transform: string;
+                    };
+                };
+                'accordion-down': {
+                    from: {
+                        height: string;
+                    };
+                    to: {
+                        height: string;
+                    };
+                };
+                'accordion-up': {
+                    from: {
+                        height: string;
+                    };
+                    to: {
+                        height: string;
+                    };
+                };
+            };
+            animation: {
+                'fade-in': string;
+                'slide-up': string;
+                'scale-in': string;
+                'accordion-down': string;
+                'accordion-up': string;
+            };
+        };
+    };
+    plugins: (({ addVariant }: PluginApi) => void)[];
+};
+export default monarchPreset;
+//# sourceMappingURL=tailwind.d.ts.map

package/dist/tailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.d.ts","sourceRoot":"","sources":["../src/tailwind.ts"],"names":[],"mappings":"AAwCA,KAAK,SAAS,GAAG;IAAE,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;CAAE,CAAC;AAErF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA4IL,SAAS;CAK7B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/tailwind.js

@@ -0,0 +1,179 @@
+/**
+ * Tailwind CSS v3 preset.
+ *
+ *   // tailwind.config.ts
+ *   import monarch from '@rookcom/monarch-tokens/tailwind';
+ *   export default { presets: [monarch], content: ['./src/**\/*.{ts,tsx}'] };
+ *
+ * Two colour namespaces:
+ * - `mn-*` (Monarch-native): `bg-mn-surface`, `text-mn-fg-muted`, `border-mn-line`.
+ * - legacy shadcn names (`bg-primary`, `text-muted-foreground`) backed by the
+ *   generated legacy bridge, so existing apps keep working during migration.
+ *
+ * Written without importing Tailwind, so this package has no Tailwind dependency.
+ */
+import { breakpoint } from './primitives.js';
+const mn = (name) => `color-mix(in srgb, var(--mn-color-${name}) calc(<alpha-value> * 100%), transparent)`;
+const legacy = (name) => `hsl(var(--${name}) / <alpha-value>)`;
+function intent(id) {
+    return {
+        DEFAULT: mn(`${id}-solid`),
+        solid: mn(`${id}-solid`),
+        'solid-hover': mn(`${id}-solid-hover`),
+        'solid-active': mn(`${id}-solid-active`),
+        'on-solid': mn(`${id}-on-solid`),
+        subtle: mn(`${id}-subtle`),
+        'subtle-hover': mn(`${id}-subtle-hover`),
+        strong: mn(`${id}-strong`),
+        'on-strong': mn(`${id}-on-strong`),
+        border: mn(`${id}-border`),
+    };
+}
+const legacyPair = (name) => ({
+    DEFAULT: legacy(name),
+    foreground: legacy(`${name}-foreground`),
+});
+export const monarchPreset = {
+    darkMode: ['variant', ['&:is(.dark *)', '&:is([data-mn-theme="dark"] *)']],
+    theme: {
+        screens: { ...breakpoint },
+        container: { center: true, padding: '2rem', screens: { '2xl': '1400px' } },
+        extend: {
+            colors: {
+                mn: {
+                    canvas: mn('bg-canvas'),
+                    surface: mn('bg-surface'),
+                    raised: mn('bg-raised'),
+                    subtle: mn('bg-subtle'),
+                    muted: mn('bg-muted'),
+                    emphasis: mn('bg-emphasis'),
+                    inverse: mn('bg-inverse'),
+                    fg: {
+                        DEFAULT: mn('text-default'),
+                        muted: mn('text-muted'),
+                        subtle: mn('text-subtle'),
+                        disabled: mn('text-disabled'),
+                        inverse: mn('text-inverse'),
+                        link: mn('text-link'),
+                    },
+                    line: {
+                        DEFAULT: mn('border-default'),
+                        subtle: mn('border-subtle'),
+                        strong: mn('border-strong'),
+                        input: mn('border-input'),
+                    },
+                    focus: mn('focus-ring'),
+                    accent: intent('accent'),
+                    danger: intent('danger'),
+                    success: intent('success'),
+                    warning: intent('warning'),
+                    info: intent('info'),
+                    data: Object.fromEntries([1, 2, 3, 4, 5].map((i) => [i, mn(`data-${i}`)])),
+                },
+                border: legacy('border'),
+                input: legacy('input'),
+                ring: legacy('ring'),
+                background: legacy('background'),
+                foreground: legacy('foreground'),
+                primary: legacyPair('primary'),
+                secondary: legacyPair('secondary'),
+                success: legacyPair('success'),
+                warning: legacyPair('warning'),
+                destructive: legacyPair('destructive'),
+                muted: legacyPair('muted'),
+                accent: legacyPair('accent'),
+                popover: legacyPair('popover'),
+                card: legacyPair('card'),
+                sidebar: {
+                    DEFAULT: legacy('sidebar-background'),
+                    foreground: legacy('sidebar-foreground'),
+                    primary: legacy('sidebar-primary'),
+                    'primary-foreground': legacy('sidebar-primary-foreground'),
+                    accent: legacy('sidebar-accent'),
+                    'accent-foreground': legacy('sidebar-accent-foreground'),
+                    border: legacy('sidebar-border'),
+                    ring: legacy('sidebar-ring'),
+                },
+            },
+            fontFamily: {
+                sans: ['var(--mn-font-sans)'],
+                mono: ['var(--mn-font-mono)'],
+            },
+            fontSize: { '2xs': ['var(--mn-text-2xs)', { lineHeight: '1rem' }] },
+            borderRadius: {
+                xs: 'var(--mn-radius-xs)',
+                sm: 'var(--mn-radius-sm)',
+                md: 'var(--mn-radius-md)',
+                lg: 'var(--mn-radius-lg)',
+                xl: 'var(--mn-radius-xl)',
+                '2xl': 'var(--mn-radius-2xl)',
+            },
+            boxShadow: Object.fromEntries(['xs', 'sm', 'md', 'lg', 'xl'].map((k) => [`mn-${k}`, `var(--mn-shadow-${k})`])),
+            height: Object.fromEntries(['xs', 'sm', 'md', 'lg', 'xl'].map((k) => [`control-${k}`, `var(--mn-control-${k})`])),
+            spacing: {
+                rail: 'var(--mn-layout-rail-collapsed)',
+                'rail-expanded': 'var(--mn-layout-rail-expanded)',
+            },
+            maxWidth: {
+                content: 'var(--mn-layout-content-max)',
+                reading: 'var(--mn-layout-reading-max)',
+            },
+            transitionDuration: {
+                fast: 'var(--mn-duration-fast)',
+                base: 'var(--mn-duration-base)',
+                slow: 'var(--mn-duration-slow)',
+            },
+            transitionTimingFunction: {
+                standard: 'var(--mn-ease-standard)',
+                enter: 'var(--mn-ease-enter)',
+                exit: 'var(--mn-ease-exit)',
+                emphasized: 'var(--mn-ease-emphasized)',
+            },
+            zIndex: {
+                sticky: 'var(--mn-z-sticky)',
+                rail: 'var(--mn-z-rail)',
+                dropdown: 'var(--mn-z-dropdown)',
+                overlay: 'var(--mn-z-overlay)',
+                modal: 'var(--mn-z-modal)',
+                popover: 'var(--mn-z-popover)',
+                toast: 'var(--mn-z-toast)',
+                tooltip: 'var(--mn-z-tooltip)',
+            },
+            backgroundImage: { 'mn-spectrum': 'var(--mn-gradient-spectrum)' },
+            keyframes: {
+                fadeIn: { '0%': { opacity: '0' }, '100%': { opacity: '1' } },
+                slideUp: {
+                    '0%': { opacity: '0', transform: 'translateY(8px)' },
+                    '100%': { opacity: '1', transform: 'translateY(0)' },
+                },
+                scaleIn: {
+                    '0%': { opacity: '0', transform: 'scale(0.97)' },
+                    '100%': { opacity: '1', transform: 'scale(1)' },
+                },
+                'accordion-down': {
+                    from: { height: '0' },
+                    to: { height: 'var(--radix-accordion-content-height)' },
+                },
+                'accordion-up': {
+                    from: { height: 'var(--radix-accordion-content-height)' },
+                    to: { height: '0' },
+                },
+            },
+            animation: {
+                'fade-in': 'fadeIn var(--mn-duration-slow) var(--mn-ease-enter)',
+                'slide-up': 'slideUp var(--mn-duration-slow) var(--mn-ease-enter)',
+                'scale-in': 'scaleIn var(--mn-duration-base) var(--mn-ease-enter)',
+                'accordion-down': 'accordion-down var(--mn-duration-base) var(--mn-ease-standard)',
+                'accordion-up': 'accordion-up var(--mn-duration-base) var(--mn-ease-standard)',
+            },
+        },
+    },
+    plugins: [
+        ({ addVariant }) => {
+            // Matches the existing RookRail contract (<html data-rook-rail="expanded">).
+            addVariant('rail-expanded', 'html[data-rook-rail="expanded"] &');
+        },
+    ],
+};
+export default monarchPreset;
+//# sourceMappingURL=tailwind.js.map

package/dist/tailwind.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.js","sourceRoot":"","sources":["../src/tailwind.ts"],"names":[],"mappings":"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"}

package/dist/themes.d.ts

@@ -0,0 +1,74 @@
+/**
+ * Semantic tokens and themes.
+ *
+ * A theme maps meaning ("the page background", "muted text") to concrete
+ * colours. Intent colours (accent and the four statuses) are derived from one
+ * base colour per theme by `deriveIntent`, which guarantees WCAG contrast. That
+ * is what lets 16+ products each bring their own brand accent safely.
+ */
+import { type Hsl } from './color.js';
+export type ThemeId = 'light' | 'dark' | 'hc-light' | 'hc-dark';
+export declare const THEME_IDS: readonly ThemeId[];
+export interface NeutralRoles {
+    readonly 'bg-canvas': Hsl;
+    readonly 'bg-surface': Hsl;
+    readonly 'bg-raised': Hsl;
+    readonly 'bg-subtle': Hsl;
+    readonly 'bg-muted': Hsl;
+    readonly 'bg-emphasis': Hsl;
+    readonly 'bg-inverse': Hsl;
+    readonly 'text-default': Hsl;
+    readonly 'text-muted': Hsl;
+    readonly 'text-subtle': Hsl;
+    readonly 'text-disabled': Hsl;
+    readonly 'text-inverse': Hsl;
+    readonly 'border-subtle': Hsl;
+    readonly 'border-default': Hsl;
+    readonly 'border-strong': Hsl;
+    readonly 'border-input': Hsl;
+}
+export interface ThemeDefinition {
+    readonly id: ThemeId;
+    readonly scheme: 'light' | 'dark';
+    readonly contrast: 'standard' | 'more';
+    /** Minimum ratios this theme guarantees. */
+    readonly targets: {
+        readonly text: number;
+        readonly ui: number;
+    };
+    readonly neutrals: NeutralRoles;
+    readonly shadow: Readonly<Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', string>>;
+    readonly scrim: string;
+}
+export declare const themes: Readonly<Record<ThemeId, ThemeDefinition>>;
+export type IntentId = 'accent' | 'danger' | 'success' | 'warning' | 'info';
+export declare const INTENT_IDS: readonly IntentId[];
+export type IntentRole = 'solid' | 'solid-hover' | 'solid-active' | 'on-solid' | 'subtle' | 'subtle-hover' | 'strong' | 'on-strong' | 'border';
+export type IntentScale = Readonly<Record<IntentRole, Hsl>>;
+export interface IntentReport {
+    readonly base: string;
+    /** Human-readable notes about every adjustment made to meet contrast. */
+    readonly adjustments: readonly string[];
+    readonly ratios: Readonly<{
+        onSolid: number;
+        strongOnCanvas: number;
+        strongOnSurface: number;
+        strongOnSubtle: number;
+    }>;
+}
+/**
+ * Derives the nine colours an intent needs in one theme, each meeting the
+ * theme's contrast targets.
+ */
+export declare function deriveIntent(base: Hsl, theme: ThemeDefinition): {
+    scale: IntentScale;
+    report: IntentReport;
+};
+export interface ResolvedTheme {
+    readonly theme: ThemeDefinition;
+    readonly intents: Readonly<Record<IntentId, IntentScale>>;
+    readonly reports: Readonly<Record<IntentId, IntentReport>>;
+}
+/** Resolves every semantic colour for one theme and accent. */
+export declare function resolveTheme(theme: ThemeDefinition, accent: Hsl): ResolvedTheme;
+//# sourceMappingURL=themes.d.ts.map

package/dist/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"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"}