@rookcom/monarch-tokens 0.0.0-stage → 0.2.0

package/dist/generated/products.js

@@ -0,0 +1,26 @@
+// Generated from registry/products by scripts/generate.ts. Do not edit.
+import { hsl } from '../color.js';
+export const products = {
+    "app": { id: "app", name: "Rook App", accent: hsl(354, 70, 52) },
+    "atlas": { id: "atlas", name: "Rook Atlas", accent: hsl(25, 95, 53) },
+    "base": { id: "base", name: "Rook Base", accent: hsl(44, 100, 48) },
+    "calendar": { id: "calendar", name: "Rook Calendar", accent: hsl(198, 100, 42) },
+    "chat": { id: "chat", name: "Rook Chat", accent: hsl(239, 84, 67) },
+    "developers": { id: "developers", name: "Rook Developers", accent: hsl(0, 0, 9) },
+    "dossier": { id: "dossier", name: "Rook Dossier", accent: hsl(175, 84, 32) },
+    "dots": { id: "dots", name: "Rook Dots", accent: hsl(354, 70, 52) },
+    "friends": { id: "friends", name: "Rook Friends", accent: hsl(0, 0, 0) },
+    "gtm": { id: "gtm", name: "Rook GTM", accent: hsl(25, 95, 53) },
+    "id": { id: "id", name: "Rook ID & Workspace", accent: hsl(354, 70, 52) },
+    "intellect": { id: "intellect", name: "Rook Intellect", accent: hsl(175, 77, 26) },
+    "links": { id: "links", name: "Rook Links", accent: hsl(136, 53, 43) },
+    "people": { id: "people", name: "Rook People", accent: hsl(227, 74, 53) },
+    "pulse": { id: "pulse", name: "Rook Pulse", accent: hsl(326, 72, 44) },
+    "ranker": { id: "ranker", name: "Rook Ranker", accent: hsl(239, 84, 67) },
+    "recruit": { id: "recruit", name: "Rook Recruit", accent: hsl(44, 100, 48) },
+    "signal": { id: "signal", name: "Rook Signal", accent: hsl(198, 100, 42) },
+    "stride": { id: "stride", name: "Rook Stride", accent: hsl(136, 63, 42) },
+    "tickets": { id: "tickets", name: "Rook Tickets", accent: hsl(354, 71, 52) },
+};
+export const productIds = Object.keys(products);
+//# sourceMappingURL=products.js.map

package/dist/generated/products.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export * from './color.js';
+export * as primitives from './primitives.js';
+export { brand, defaultAccent } from './primitives.js';
+export { THEME_IDS, INTENT_IDS, themes, deriveIntent, resolveTheme, type ThemeId, type IntentId, type IntentRole, type IntentScale, type IntentReport, type ThemeDefinition, type ResolvedTheme, type NeutralRoles, } from './themes.js';
+export { buildMonarchCss, buildProductCss, buildCompatCss, themeSelectors, productSelectors, varName, NEUTRAL_ROLES, INTENT_ROLES, } from './css.js';
+export * from './appearance.js';
+export { products, productIds, type ProductId, type ProductAccent } from './generated/products.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,KAAK,OAAO,EACZ,KAAK,QAAQ,EACb,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,YAAY,GAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,YAAY,GACb,MAAM,UAAU,CAAC;AAClB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+export * from './color.js';
+export * as primitives from './primitives.js';
+export { brand, defaultAccent } from './primitives.js';
+export { THEME_IDS, INTENT_IDS, themes, deriveIntent, resolveTheme, } from './themes.js';
+export { buildMonarchCss, buildProductCss, buildCompatCss, themeSelectors, productSelectors, varName, NEUTRAL_ROLES, INTENT_ROLES, } from './css.js';
+export * from './appearance.js';
+export { products, productIds } from './generated/products.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,GASb,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,aAAa,EACb,YAAY,GACb,MAAM,UAAU,CAAC;AAClB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAsC,MAAM,yBAAyB,CAAC"}

package/dist/primitives.d.ts

@@ -0,0 +1,190 @@
+/**
+ * Primitive tokens: raw values with no meaning attached.
+ *
+ * Product code must never reference primitives directly. Components and apps
+ * use semantic tokens (see `themes.ts`), which map to primitives per theme.
+ */
+import { type Hsl } from './color.js';
+export type Step = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+export type Ramp = Readonly<Record<Step, Hsl>>;
+/**
+ * Neutrals are hand-tuned rather than generated: they carry almost all of the
+ * interface, so each step is placed for a specific job (canvas, border, text).
+ * A faint cool hue (220) keeps whites from looking yellow on most displays.
+ */
+export declare const neutral: {
+    readonly 0: Hsl;
+    readonly 25: Hsl;
+    readonly 50: Hsl;
+    readonly 100: Hsl;
+    readonly 150: Hsl;
+    readonly 200: Hsl;
+    readonly 300: Hsl;
+    readonly 400: Hsl;
+    readonly 500: Hsl;
+    readonly 600: Hsl;
+    readonly 700: Hsl;
+    readonly 800: Hsl;
+    readonly 850: Hsl;
+    readonly 900: Hsl;
+    readonly 950: Hsl;
+    readonly 1000: Hsl;
+};
+export type NeutralStep = keyof typeof neutral;
+/** The Monarch identity spectrum: used sparingly for brand moments and data. */
+export declare const spectrum: {
+    readonly blue: Readonly<Record<Step, Hsl>>;
+    readonly violet: Readonly<Record<Step, Hsl>>;
+    readonly purple: Readonly<Record<Step, Hsl>>;
+    readonly pink: Readonly<Record<Step, Hsl>>;
+    readonly orange: Readonly<Record<Step, Hsl>>;
+};
+/**
+ * The official Rook brand palette, as published at rookhq.com/brand-kit.
+ * These are the only hard-coded brand values in Monarch; everything else is
+ * derived. Usage text is the brand kit's own.
+ */
+export declare const brand: {
+    /** Rook Red: primary brand colour, call-to-action elements. */
+    readonly red: Hsl;
+    /** Rook Blue: secondary brand colour, links, information. */
+    readonly blue: Hsl;
+    /** Rook Green: success states, positive indicators. */
+    readonly green: Hsl;
+    /** Rook Yellow: warning states, highlights. */
+    readonly yellow: Hsl;
+    /** Rook Violet: accent colour, premium features. */
+    readonly violet: Hsl;
+};
+/** Ramps built from the brand hues, for data display and tints. */
+export declare const status: {
+    readonly red: Readonly<Record<Step, Hsl>>;
+    readonly green: Readonly<Record<Step, Hsl>>;
+    readonly amber: Readonly<Record<Step, Hsl>>;
+    readonly sky: Readonly<Record<Step, Hsl>>;
+};
+/** Base colours each status intent is derived from (see `themes.ts`). */
+export declare const statusBase: {
+    readonly danger: Hsl;
+    readonly success: Hsl;
+    readonly warning: Hsl;
+    readonly info: Hsl;
+};
+/** Accent used when no product is set: the brand's primary colour. */
+export declare const defaultAccent: Hsl;
+export declare const fontFamily: {
+    readonly sans: "var(--font-poppins, 'Poppins'), ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+    readonly mono: "var(--font-mono, ui-monospace), 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace";
+};
+/** Aligned with Tailwind's names so `text-sm` means the same everywhere. */
+export declare const fontSize: {
+    readonly '2xs': "0.6875rem";
+    readonly xs: "0.75rem";
+    readonly sm: "0.875rem";
+    readonly base: "1rem";
+    readonly lg: "1.125rem";
+    readonly xl: "1.25rem";
+    readonly '2xl': "1.5rem";
+    readonly '3xl': "1.875rem";
+    readonly '4xl': "2.25rem";
+    readonly '5xl': "3rem";
+};
+export declare const lineHeight: {
+    readonly tight: "1.2";
+    readonly snug: "1.35";
+    readonly normal: "1.5";
+    readonly relaxed: "1.65";
+};
+export declare const fontWeight: {
+    readonly regular: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+export declare const letterSpacing: {
+    readonly tight: "-0.02em";
+    readonly snug: "-0.01em";
+    readonly normal: "0";
+    readonly wide: "0.02em";
+    readonly caps: "0.06em";
+};
+/** 4px grid. Keys match Tailwind's spacing scale. */
+export declare const space: {
+    readonly 0: "0";
+    readonly px: "1px";
+    readonly 0.5: "0.125rem";
+    readonly 1: "0.25rem";
+    readonly 1.5: "0.375rem";
+    readonly 2: "0.5rem";
+    readonly 2.5: "0.625rem";
+    readonly 3: "0.75rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 8: "2rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+};
+export declare const radius: {
+    readonly none: "0";
+    readonly xs: "0.25rem";
+    readonly sm: "0.375rem";
+    readonly md: "0.5rem";
+    readonly lg: "0.75rem";
+    readonly xl: "1rem";
+    readonly '2xl': "1.25rem";
+    readonly full: "9999px";
+};
+/** Control heights keep buttons, inputs and selects aligned in a row. */
+export declare const controlHeight: {
+    readonly xs: "1.75rem";
+    readonly sm: "2rem";
+    readonly md: "2.25rem";
+    readonly lg: "2.5rem";
+    readonly xl: "3rem";
+};
+export declare const duration: {
+    readonly instant: "0ms";
+    readonly fast: "120ms";
+    readonly base: "180ms";
+    readonly slow: "260ms";
+    readonly slower: "400ms";
+};
+export declare const easing: {
+    readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
+    readonly enter: "cubic-bezier(0, 0, 0.2, 1)";
+    readonly exit: "cubic-bezier(0.4, 0, 1, 1)";
+    readonly emphasized: "cubic-bezier(0.3, 0, 0, 1.15)";
+};
+export declare const breakpoint: {
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly '2xl': "1536px";
+};
+export declare const zIndex: {
+    readonly base: "0";
+    readonly raised: "10";
+    readonly sticky: "100";
+    readonly rail: "200";
+    readonly dropdown: "1000";
+    readonly overlay: "1100";
+    readonly modal: "1200";
+    readonly popover: "1300";
+    readonly toast: "1400";
+    readonly tooltip: "1500";
+};
+/** App-shell measurements shared with the existing RookRail. */
+export declare const layout: {
+    readonly railCollapsed: "3rem";
+    readonly railExpanded: "14rem";
+    readonly contentMax: "80rem";
+    readonly readingMax: "42rem";
+    readonly gutter: "1rem";
+    readonly gutterLg: "1.5rem";
+};
+//# sourceMappingURL=primitives.d.ts.map

package/dist/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../src/primitives.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAgB,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,MAAM,IAAI,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAClF,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AA2B/C;;;;GAIG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBV,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,OAAO,CAAC;AAE/C,gFAAgF;AAChF,eAAO,MAAM,QAAQ;;;;;;CAMX,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,KAAK;IAChB,+DAA+D;;IAE/D,6DAA6D;;IAE7D,uDAAuD;;IAEvD,+CAA+C;;IAE/C,oDAAoD;;CAE5C,CAAC;AAEX,mEAAmE;AACnE,eAAO,MAAM,MAAM;;;;;CAKT,CAAC;AAEX,yEAAyE;AACzE,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,sEAAsE;AACtE,eAAO,MAAM,aAAa,EAAE,GAAe,CAAC;AAE5C,eAAO,MAAM,UAAU;;;CAGb,CAAC;AAEX,4EAA4E;AAC5E,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWX,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,qDAAqD;AACrD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;CAkBR,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;CAST,CAAC;AAEX,yEAAyE;AACzE,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;CAMX,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;CAKT,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;;;CAWT,CAAC;AAEX,gEAAgE;AAChE,eAAO,MAAM,MAAM;;;;;;;CAOT,CAAC"}

package/dist/primitives.js

@@ -0,0 +1,210 @@
+/**
+ * Primitive tokens: raw values with no meaning attached.
+ *
+ * Product code must never reference primitives directly. Components and apps
+ * use semantic tokens (see `themes.ts`), which map to primitives per theme.
+ */
+import { fromHex, hsl } from './color.js';
+const STEPS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+const LIGHTNESS = {
+    50: 97,
+    100: 94,
+    200: 88,
+    300: 79,
+    400: 68,
+    500: 58,
+    600: 49,
+    700: 41,
+    800: 33,
+    900: 25,
+    950: 16,
+};
+/** Saturation eases off at the light and dark ends so tints stay soft. */
+function ramp(h, s) {
+    const out = {};
+    for (const step of STEPS) {
+        const edge = step <= 100 || step >= 900 ? 0.82 : 1;
+        out[step] = hsl(h, s * edge, LIGHTNESS[step]);
+    }
+    return out;
+}
+/**
+ * Neutrals are hand-tuned rather than generated: they carry almost all of the
+ * interface, so each step is placed for a specific job (canvas, border, text).
+ * A faint cool hue (220) keeps whites from looking yellow on most displays.
+ */
+export const neutral = {
+    0: hsl(0, 0, 100),
+    25: hsl(220, 20, 99),
+    50: hsl(220, 17, 97.5),
+    100: hsl(220, 14, 95.5),
+    150: hsl(220, 13, 92.5),
+    200: hsl(220, 13, 89),
+    300: hsl(220, 11, 80),
+    400: hsl(220, 9, 64),
+    500: hsl(220, 9, 43.5),
+    600: hsl(220, 10, 37),
+    700: hsl(220, 13, 27),
+    800: hsl(221, 15, 18),
+    850: hsl(222, 16, 13.5),
+    900: hsl(222, 18, 10),
+    950: hsl(224, 22, 6.5),
+    1000: hsl(0, 0, 0),
+};
+/** The Monarch identity spectrum: used sparingly for brand moments and data. */
+export const spectrum = {
+    blue: ramp(214, 90),
+    violet: ramp(256, 82),
+    purple: ramp(280, 68),
+    pink: ramp(330, 78),
+    orange: ramp(24, 94),
+};
+/**
+ * The official Rook brand palette, as published at rookhq.com/brand-kit.
+ * These are the only hard-coded brand values in Monarch; everything else is
+ * derived. Usage text is the brand kit's own.
+ */
+export const brand = {
+    /** Rook Red: primary brand colour, call-to-action elements. */
+    red: fromHex('#dc2e3e'),
+    /** Rook Blue: secondary brand colour, links, information. */
+    blue: fromHex('#0096d4'),
+    /** Rook Green: success states, positive indicators. */
+    green: fromHex('#28af4c'),
+    /** Rook Yellow: warning states, highlights. */
+    yellow: fromHex('#f4b400'),
+    /** Rook Violet: accent colour, premium features. */
+    violet: fromHex('#6366f1'),
+};
+/** Ramps built from the brand hues, for data display and tints. */
+export const status = {
+    red: ramp(brand.red.h, brand.red.s),
+    green: ramp(brand.green.h, brand.green.s),
+    amber: ramp(brand.yellow.h, brand.yellow.s),
+    sky: ramp(brand.blue.h, brand.blue.s),
+};
+/** Base colours each status intent is derived from (see `themes.ts`). */
+export const statusBase = {
+    danger: brand.red,
+    success: brand.green,
+    warning: brand.yellow,
+    info: brand.blue,
+};
+/** Accent used when no product is set: the brand's primary colour. */
+export const defaultAccent = brand.red;
+export const fontFamily = {
+    sans: "var(--font-poppins, 'Poppins'), ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+    mono: "var(--font-mono, ui-monospace), 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace",
+};
+/** Aligned with Tailwind's names so `text-sm` means the same everywhere. */
+export const fontSize = {
+    '2xs': '0.6875rem',
+    xs: '0.75rem',
+    sm: '0.875rem',
+    base: '1rem',
+    lg: '1.125rem',
+    xl: '1.25rem',
+    '2xl': '1.5rem',
+    '3xl': '1.875rem',
+    '4xl': '2.25rem',
+    '5xl': '3rem',
+};
+export const lineHeight = {
+    tight: '1.2',
+    snug: '1.35',
+    normal: '1.5',
+    relaxed: '1.65',
+};
+export const fontWeight = {
+    regular: '400',
+    medium: '500',
+    semibold: '600',
+    bold: '700',
+};
+export const letterSpacing = {
+    tight: '-0.02em',
+    snug: '-0.01em',
+    normal: '0',
+    wide: '0.02em',
+    caps: '0.06em',
+};
+/** 4px grid. Keys match Tailwind's spacing scale. */
+export const space = {
+    0: '0',
+    px: '1px',
+    0.5: '0.125rem',
+    1: '0.25rem',
+    1.5: '0.375rem',
+    2: '0.5rem',
+    2.5: '0.625rem',
+    3: '0.75rem',
+    4: '1rem',
+    5: '1.25rem',
+    6: '1.5rem',
+    8: '2rem',
+    10: '2.5rem',
+    12: '3rem',
+    16: '4rem',
+    20: '5rem',
+    24: '6rem',
+};
+export const radius = {
+    none: '0',
+    xs: '0.25rem',
+    sm: '0.375rem',
+    md: '0.5rem',
+    lg: '0.75rem',
+    xl: '1rem',
+    '2xl': '1.25rem',
+    full: '9999px',
+};
+/** Control heights keep buttons, inputs and selects aligned in a row. */
+export const controlHeight = {
+    xs: '1.75rem',
+    sm: '2rem',
+    md: '2.25rem',
+    lg: '2.5rem',
+    xl: '3rem',
+};
+export const duration = {
+    instant: '0ms',
+    fast: '120ms',
+    base: '180ms',
+    slow: '260ms',
+    slower: '400ms',
+};
+export const easing = {
+    standard: 'cubic-bezier(0.2, 0, 0, 1)',
+    enter: 'cubic-bezier(0, 0, 0.2, 1)',
+    exit: 'cubic-bezier(0.4, 0, 1, 1)',
+    emphasized: 'cubic-bezier(0.3, 0, 0, 1.15)',
+};
+export const breakpoint = {
+    sm: '640px',
+    md: '768px',
+    lg: '1024px',
+    xl: '1280px',
+    '2xl': '1536px',
+};
+export const zIndex = {
+    base: '0',
+    raised: '10',
+    sticky: '100',
+    rail: '200',
+    dropdown: '1000',
+    overlay: '1100',
+    modal: '1200',
+    popover: '1300',
+    toast: '1400',
+    tooltip: '1500',
+};
+/** App-shell measurements shared with the existing RookRail. */
+export const layout = {
+    railCollapsed: '3rem',
+    railExpanded: '14rem',
+    contentMax: '80rem',
+    readingMax: '42rem',
+    gutter: '1rem',
+    gutterLg: '1.5rem',
+};
+//# sourceMappingURL=primitives.js.map

package/dist/primitives.js.map

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