@lo-tek/interfaces 0.0.0 → 0.37.0

package/dist/tokens/matrix-cells.js

@@ -0,0 +1,273 @@
+// Generated by scripts/generate-matrix.ts from the core and color-contract.json. Do not edit.
+/** The families LO-TEK ships itself. A consumer can have others. */
+export const FAMILIES = ["accent", "visited", "brand1", "brand2", "brand3", "neutral", "danger", "warning", "success"];
+/** LO-TEK's own brand colours. */
+export const LOTEK_BRANDS = {
+    "accent": "#1362ae",
+    "visited": "#5a77a8",
+    "brand1": "#0d7a5f",
+    "brand2": "#5b3fa0",
+    "brand3": "#b04c5c",
+    "neutral": "#24272b",
+    "danger": "#a82e39",
+    "warning": "#896508",
+    "success": "#316f2a"
+};
+/** Lightness and chroma share per role, in each appearance. */
+export const ROLES = {
+    "surface": {
+        "lightness": {
+            "light": 0.96,
+            "dark": 0.26
+        },
+        "chroma": 0.22
+    },
+    "borderSubtle": {
+        "lightness": {
+            "light": 0.88,
+            "dark": 0.34
+        },
+        "chroma": 0.35
+    },
+    "border": {
+        "lightness": {
+            "light": 0.575,
+            "dark": 0.625
+        },
+        "chroma": 0.55
+    },
+    "borderStrong": {
+        "lightness": {
+            "light": 0.48,
+            "dark": 0.74
+        },
+        "chroma": 0.6
+    },
+    "fill": {
+        "lightness": {
+            "light": 0.53,
+            "dark": 0.65
+        },
+        "chroma": 1
+    },
+    "text": {
+        "lightness": {
+            "light": 0.42,
+            "dark": 0.82
+        },
+        "chroma": 0.85
+    },
+    "textStrong": {
+        "lightness": {
+            "light": 0.28,
+            "dark": 0.93
+        },
+        "chroma": 0.5
+    },
+    "textSubtle": {
+        "lightness": {
+            "light": 0.485,
+            "dark": 0.73
+        },
+        "chroma": 0.7
+    },
+    "content": {
+        "lightness": {
+            "light": 0.99,
+            "dark": 0.16
+        },
+        "chroma": 0.04
+    }
+};
+/** The page and the raised surface, which only the neutral family has. */
+export const NEUTRAL_LAYERS = {
+    "canvas": {
+        "lightness": {
+            "light": 1,
+            "dark": 0.18
+        },
+        "chroma": 0.08
+    },
+    "raised": {
+        "lightness": {
+            "light": 0.92,
+            "dark": 0.32
+        },
+        "chroma": 0.12
+    }
+};
+/** The contrast requirements, with a margin above WCAG. Text is 4.5 and graphics 3. */
+export const REQUIREMENT = { "text": 4.6, "graphic": 3.1 };
+/** LO-TEK's own colours in the light theme. */
+export const lightCells = {
+    "--lt-color-accent-surface": "#e9f3ff",
+    "--lt-color-accent-border-subtle": "#c1daf8",
+    "--lt-color-accent-border": "#577ca6",
+    "--lt-color-accent-border-strong": "#39608c",
+    "--lt-color-accent-fill": "#226dba",
+    "--lt-color-accent-text": "#0d4e8c",
+    "--lt-color-accent-text-strong": "#0b2a4a",
+    "--lt-color-accent-text-subtle": "#336195",
+    "--lt-color-accent-content": "#f9fcff",
+    "--lt-color-visited-surface": "#ebf2ff",
+    "--lt-color-visited-border-subtle": "#cdd8eb",
+    "--lt-color-visited-border": "#697a95",
+    "--lt-color-visited-border-strong": "#4d5e7a",
+    "--lt-color-visited-fill": "#4f6c9c",
+    "--lt-color-visited-text": "#364d74",
+    "--lt-color-visited-text-strong": "#1d293e",
+    "--lt-color-visited-text-subtle": "#4c6080",
+    "--lt-color-visited-content": "#fafcfe",
+    "--lt-color-brand1-surface": "#e4f7ef",
+    "--lt-color-brand1-border-subtle": "#c2dfd4",
+    "--lt-color-brand1-border": "#578474",
+    "--lt-color-brand1-border-strong": "#386958",
+    "--lt-color-brand1-fill": "#157e63",
+    "--lt-color-brand1-text": "#005b46",
+    "--lt-color-brand1-text-strong": "#073125",
+    "--lt-color-brand1-text-subtle": "#316c59",
+    "--lt-color-brand1-content": "#f9fdfb",
+    "--lt-color-brand2-surface": "#f2efff",
+    "--lt-color-brand2-border-subtle": "#d8d2f8",
+    "--lt-color-brand2-border": "#7a70a6",
+    "--lt-color-brand2-border-strong": "#5f538c",
+    "--lt-color-brand2-fill": "#7156ba",
+    "--lt-color-brand2-text": "#513b8b",
+    "--lt-color-brand2-text-strong": "#2b204a",
+    "--lt-color-brand2-text-subtle": "#625295",
+    "--lt-color-brand2-content": "#fcfbff",
+    "--lt-color-brand3-surface": "#ffecee",
+    "--lt-color-brand3-border-subtle": "#f4cccf",
+    "--lt-color-brand3-border": "#9f676d",
+    "--lt-color-brand3-border-strong": "#844a51",
+    "--lt-color-brand3-fill": "#a94656",
+    "--lt-color-brand3-text": "#7e2e3c",
+    "--lt-color-brand3-text-strong": "#431920",
+    "--lt-color-brand3-text-subtle": "#8b4750",
+    "--lt-color-brand3-content": "#fffafb",
+    "--lt-color-neutral-surface": "#f1f2f3",
+    "--lt-color-neutral-border-subtle": "#d6d7d9",
+    "--lt-color-neutral-border": "#77797c",
+    "--lt-color-neutral-border-strong": "#5c5e60",
+    "--lt-color-neutral-fill": "#696c71",
+    "--lt-color-neutral-text": "#4a4d51",
+    "--lt-color-neutral-text-strong": "#27292b",
+    "--lt-color-neutral-text-subtle": "#5d5f62",
+    "--lt-color-neutral-content": "#fbfcfc",
+    "--lt-color-danger-surface": "#ffedec",
+    "--lt-color-danger-border-subtle": "#facac8",
+    "--lt-color-danger-border": "#a66363",
+    "--lt-color-danger-border-strong": "#8b4647",
+    "--lt-color-danger-fill": "#b53b43",
+    "--lt-color-danger-text": "#87232c",
+    "--lt-color-danger-text-strong": "#481518",
+    "--lt-color-danger-text-subtle": "#934244",
+    "--lt-color-danger-content": "#fffafa",
+    "--lt-color-warning-surface": "#f9f1e1",
+    "--lt-color-warning-border-subtle": "#e3d6bc",
+    "--lt-color-warning-border": "#8a7650",
+    "--lt-color-warning-border-strong": "#6f5a31",
+    "--lt-color-warning-fill": "#896508",
+    "--lt-color-warning-text": "#644800",
+    "--lt-color-warning-text-strong": "#352604",
+    "--lt-color-warning-text-subtle": "#735b29",
+    "--lt-color-warning-content": "#fdfcf9",
+    "--lt-color-success-surface": "#e8f7e6",
+    "--lt-color-success-border-subtle": "#c9dfc5",
+    "--lt-color-success-border": "#63835e",
+    "--lt-color-success-border-strong": "#466841",
+    "--lt-color-success-fill": "#3f7d37",
+    "--lt-color-success-text": "#285a22",
+    "--lt-color-success-text-strong": "#163013",
+    "--lt-color-success-text-subtle": "#426b3d",
+    "--lt-color-success-content": "#fafdfa",
+    "--lt-color-neutral-canvas": "#ffffff",
+    "--lt-color-neutral-raised": "#e4e4e5"
+};
+/** LO-TEK's own colours in the dark theme. */
+export const darkCells = {
+    "--lt-color-accent-surface": "#192533",
+    "--lt-color-accent-border-subtle": "#253951",
+    "--lt-color-accent-border": "#668bb6",
+    "--lt-color-accent-border-strong": "#85aedf",
+    "--lt-color-accent-fill": "#4992e2",
+    "--lt-color-accent-text": "#99c8ff",
+    "--lt-color-accent-text-strong": "#d8eaff",
+    "--lt-color-accent-text-subtle": "#7aabe4",
+    "--lt-color-accent-content": "#0c0d10",
+    "--lt-color-visited-surface": "#1f242d",
+    "--lt-color-visited-border-subtle": "#2f3847",
+    "--lt-color-visited-border": "#7888a4",
+    "--lt-color-visited-border-strong": "#99accb",
+    "--lt-color-visited-fill": "#7290c2",
+    "--lt-color-visited-text": "#aac5f3",
+    "--lt-color-visited-text-strong": "#dbe9ff",
+    "--lt-color-visited-text-subtle": "#93a9cd",
+    "--lt-color-visited-content": "#0c0d0f",
+    "--lt-color-brand1-surface": "#192822",
+    "--lt-color-brand1-border-subtle": "#253e35",
+    "--lt-color-brand1-border": "#669382",
+    "--lt-color-brand1-border-strong": "#85b7a5",
+    "--lt-color-brand1-fill": "#45a386",
+    "--lt-color-brand1-text": "#8bd6bc",
+    "--lt-color-brand1-text-strong": "#c8f3e3",
+    "--lt-color-brand1-text-subtle": "#7bb6a1",
+    "--lt-color-brand1-content": "#0c0e0d",
+    "--lt-color-brand2-surface": "#242133",
+    "--lt-color-brand2-border-subtle": "#393351",
+    "--lt-color-brand2-border": "#897eb6",
+    "--lt-color-brand2-border-strong": "#aca0df",
+    "--lt-color-brand2-fill": "#937be2",
+    "--lt-color-brand2-text": "#c6b8ff",
+    "--lt-color-brand2-text-strong": "#e8e4ff",
+    "--lt-color-brand2-text-subtle": "#aa9be4",
+    "--lt-color-brand2-content": "#0d0d10",
+    "--lt-color-brand3-surface": "#311e20",
+    "--lt-color-brand3-border-subtle": "#4d2e31",
+    "--lt-color-brand3-border": "#af767c",
+    "--lt-color-brand3-border-strong": "#d7979d",
+    "--lt-color-brand3-fill": "#d26a79",
+    "--lt-color-brand3-text": "#ffa8b1",
+    "--lt-color-brand3-text-strong": "#ffdee1",
+    "--lt-color-brand3-text-subtle": "#db9098",
+    "--lt-color-brand3-content": "#0f0c0d",
+    "--lt-color-neutral-surface": "#232425",
+    "--lt-color-neutral-border-subtle": "#373839",
+    "--lt-color-neutral-border": "#86888a",
+    "--lt-color-neutral-border-strong": "#a9abae",
+    "--lt-color-neutral-fill": "#8c8f94",
+    "--lt-color-neutral-text": "#c1c4c9",
+    "--lt-color-neutral-text-strong": "#e6e8eb",
+    "--lt-color-neutral-text-subtle": "#a5a8ab",
+    "--lt-color-neutral-content": "#0d0d0d",
+    "--lt-color-danger-surface": "#331d1d",
+    "--lt-color-danger-border-subtle": "#512c2c",
+    "--lt-color-danger-border": "#b67271",
+    "--lt-color-danger-border-strong": "#e09392",
+    "--lt-color-danger-fill": "#df6165",
+    "--lt-color-danger-text": "#ffa9a8",
+    "--lt-color-danger-text-strong": "#ffdfde",
+    "--lt-color-danger-text-subtle": "#e58b8a",
+    "--lt-color-danger-content": "#100c0c",
+    "--lt-color-warning-surface": "#292317",
+    "--lt-color-warning-border-subtle": "#413621",
+    "--lt-color-warning-border": "#99855f",
+    "--lt-color-warning-border-strong": "#bea87d",
+    "--lt-color-warning-fill": "#ae893a",
+    "--lt-color-warning-text": "#e0bf7f",
+    "--lt-color-warning-text-strong": "#f9e6c0",
+    "--lt-color-warning-text-subtle": "#bea471",
+    "--lt-color-warning-content": "#0e0d0b",
+    "--lt-color-success-surface": "#1d271b",
+    "--lt-color-success-border-subtle": "#2b3e29",
+    "--lt-color-success-border": "#71926d",
+    "--lt-color-success-border-strong": "#91b78c",
+    "--lt-color-success-fill": "#62a15b",
+    "--lt-color-success-text": "#9ed597",
+    "--lt-color-success-text-strong": "#d2f3cd",
+    "--lt-color-success-text-subtle": "#8ab684",
+    "--lt-color-success-content": "#0c0e0c",
+    "--lt-color-neutral-canvas": "#111212",
+    "--lt-color-neutral-raised": "#323333"
+};
+//# sourceMappingURL=matrix-cells.js.map

package/dist/tokens/matrix-cells.js.map

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

package/dist/tokens/matrix.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The matrix, as `@lo-tek/interfaces/matrix`: family times role, as finished
+ * tokens.
+ *
+ * No palette, no steps, no pins: the role *is* the colour. The names follow
+ * the namespaces of Tailwind and daisyUI: system prefix, kind and path.
+ *
+ * The colours are computed by the core. Here are LO-TEK's colours, and the
+ * names. A matrix for other brand colours is `light` and `dark` in the theme
+ * `buildTheme` returns.
+ */
+import type { Role } from "./matrix-cells.js";
+export { darkCells, FAMILIES, type Family, LOTEK_BRANDS, lightCells, type MatrixToken, } from "./matrix-cells.js";
+/** The role name as it is written in CSS. `textSubtle` becomes `text-subtle`. */
+export declare function roleToCss(role: Role): string;
+/** The token name for one cell in the matrix. */
+export declare function tokenName(family: string, role: string): string;
+//# sourceMappingURL=matrix.d.ts.map

package/dist/tokens/matrix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"matrix.d.ts","sourceRoot":"","sources":["../../src/tokens/matrix.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAE7C,OAAO,EACL,SAAS,EACT,QAAQ,EACR,KAAK,MAAM,EACX,YAAY,EACZ,UAAU,EACV,KAAK,WAAW,GACjB,MAAM,mBAAmB,CAAA;AAE1B,iFAAiF;AACjF,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE5C;AAED,iDAAiD;AACjD,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAE9D"}

package/dist/tokens/matrix.js

@@ -0,0 +1,21 @@
+/**
+ * The matrix, as `@lo-tek/interfaces/matrix`: family times role, as finished
+ * tokens.
+ *
+ * No palette, no steps, no pins: the role *is* the colour. The names follow
+ * the namespaces of Tailwind and daisyUI: system prefix, kind and path.
+ *
+ * The colours are computed by the core. Here are LO-TEK's colours, and the
+ * names. A matrix for other brand colours is `light` and `dark` in the theme
+ * `buildTheme` returns.
+ */
+export { darkCells, FAMILIES, LOTEK_BRANDS, lightCells, } from "./matrix-cells.js";
+/** The role name as it is written in CSS. `textSubtle` becomes `text-subtle`. */
+export function roleToCss(role) {
+    return role.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
+}
+/** The token name for one cell in the matrix. */
+export function tokenName(family, role) {
+    return `--lt-color-${family}-${role}`;
+}
+//# sourceMappingURL=matrix.js.map

package/dist/tokens/matrix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matrix.js","sourceRoot":"","sources":["../../src/tokens/matrix.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EACL,SAAS,EACT,QAAQ,EAER,YAAY,EACZ,UAAU,GAEX,MAAM,mBAAmB,CAAA;AAE1B,iFAAiF;AACjF,MAAM,UAAU,SAAS,CAAC,IAAU;IAClC,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,IAAI,MAAM,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;AACvE,CAAC;AAED,iDAAiD;AACjD,MAAM,UAAU,SAAS,CAAC,MAAc,EAAE,IAAY;IACpD,OAAO,cAAc,MAAM,IAAI,IAAI,EAAE,CAAA;AACvC,CAAC"}

package/dist/tokens/theme-check.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Checks a theme a consumer has written by hand.
+ *
+ * The generator keeps the promises by construction. When someone writes in
+ * values of their choosing, keeping the promises is up to them, and then we
+ * owe them an answer about which cell breaks. Without this, "you can override
+ * anything" is a trap.
+ *
+ * All that matters is which `--lt-color-*` is in which block, and whether the
+ * block is light or dark, read from `color-scheme` or the selector. A value
+ * that cannot be computed is reported as exactly that instead of being
+ * skipped, and missing values are filled from LO-TEK's default theme, so
+ * someone who has overridden a single cell gets it checked against the rest
+ * of the system.
+ *
+ * The check is the core, written in Rust, the same one `lotek check-theme`
+ * uses.
+ */
+export type ThemeReport = {
+    problems: ThemeProblem[];
+    /** Blocks that were actually read. */
+    blocks: number;
+    /**
+     * Values the consumer wrote, and that were understood.
+     *
+     * The promise count alone is no proof of work: the defaults fill the gaps,
+     * so one line gives as many promises as a whole theme. This number counts
+     * what the file actually contained.
+     */
+    declarations: number;
+    /** Promises that were actually checked. */
+    promises: number;
+};
+export type ThemeProblem = {
+    selector: string;
+    message: string;
+};
+/** Reads a theme and checks every promise in every block. */
+export declare function inspectTheme(css: string): ThemeReport;
+/** Only the problems, for anyone who does not need the counts. */
+export declare function checkTheme(css: string): ThemeProblem[];
+//# sourceMappingURL=theme-check.d.ts.map

package/dist/tokens/theme-check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-check.d.ts","sourceRoot":"","sources":["../../src/tokens/theme-check.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAA;IACd;;;;;;OAMG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,6DAA6D;AAC7D,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAErD;AAED,kEAAkE;AAClE,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,EAAE,CAEtD"}

package/dist/tokens/theme-check.js

@@ -0,0 +1,10 @@
+import { defaultCore } from "../diagnostics/default-core.js";
+/** Reads a theme and checks every promise in every block. */
+export function inspectTheme(css) {
+    return defaultCore().inspectTheme(css);
+}
+/** Only the problems, for anyone who does not need the counts. */
+export function checkTheme(css) {
+    return inspectTheme(css).problems;
+}
+//# sourceMappingURL=theme-check.js.map

package/dist/tokens/theme-check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-check.js","sourceRoot":"","sources":["../../src/tokens/theme-check.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AA0C5D,6DAA6D;AAC7D,MAAM,UAAU,YAAY,CAAC,GAAW;IACtC,OAAO,WAAW,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;AACxC,CAAC;AAED,kEAAkE;AAClE,MAAM,UAAU,UAAU,CAAC,GAAW;IACpC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAA;AACnC,CAAC"}

package/dist/tokens/theme.d.ts

@@ -0,0 +1,94 @@
+import type { Violation } from "../diagnostics/core.js";
+import type { Family } from "./matrix.js";
+export type { Violation };
+/**
+ * Builds a complete colour theme from a few brand colours.
+ *
+ * The theme is the contract applied to the consumer's hues. The hue comes
+ * from the consumer, the lightness from the role, and the promises hold by
+ * construction. That is why there is no adjustment pass here: there is
+ * nothing to move.
+ *
+ * ```ts
+ * const theme = buildTheme({ accent: "#7c3aed", danger: "#b3261e" })
+ * console.log(theme.css)
+ * ```
+ */
+export type ThemeTypography = {
+    /** The font stack the whole theme uses, written as in CSS. */
+    fontFamily?: string;
+    /** The weights, as numbers or keywords. */
+    weights?: {
+        regular?: string | number;
+        medium?: string | number;
+        semibold?: string | number;
+        bold?: string | number;
+    };
+    /** Line heights for controls, headings, body text and small surfaces. */
+    lineHeights?: {
+        default?: string | number;
+        heading?: string | number;
+        article?: string | number;
+        compact?: string | number;
+    };
+};
+/**
+ * The shape of the theme: corners and borders.
+ *
+ * The button, the field and the surfaces are set separately. The distinction
+ * is worth keeping: another Norwegian design system has fully round buttons
+ * and fields with almost square corners, and one shared number would have
+ * turned the fields into capsules.
+ *
+ * The checkbox, the badge, the tag, the toggle group, the avatar and the
+ * skeleton are left out on purpose. There the corner is not a style choice
+ * but the shape itself: a checkbox that turns round looks like a radio
+ * button, and a badge that turns square looks like a button.
+ */
+export type ThemeShape = {
+    /** Corners on the button, the pagination and the skip link. */
+    buttonRadius?: string;
+    /** Corners on the field, the text area and the select. */
+    fieldRadius?: string;
+    /**
+     * Corners on the card, dialog, popover, alert, accordion, error summary,
+     * file upload, session timeout, suggestion list, toast and tooltip.
+     */
+    surfaceRadius?: string;
+    /** The border width of the button. */
+    buttonBorderWidth?: string;
+    /** The font weight of the button text. */
+    buttonFontWeight?: string | number;
+};
+/**
+ * The brand colours.
+ *
+ * Each family is optional on its own, and one you leave out inherits
+ * LO-TEK's default hue. Leave them all out, and the theme only sets type and
+ * shape.
+ */
+export type ThemeColors = Partial<Record<Family, string>>;
+export type ThemeInput = ThemeColors & {
+    /** Type and line height. Left out, LO-TEK's default typography stays. */
+    typography?: ThemeTypography;
+    /** Corners and borders. Left out, LO-TEK's default shape stays. */
+    shape?: ThemeShape;
+};
+export type Theme = {
+    light: Record<string, string>;
+    dark: Record<string, string>;
+    /** Promises that do not hold. Empty when the theme is sound. */
+    violations: Violation[];
+    css: string;
+};
+/**
+ * Builds the theme, and checks every promise while it is built.
+ *
+ * The arithmetic happens in the core, written in Rust, which `lotek theme` and
+ * LO-TEK for Kotlin use. The typography and shape values are written straight
+ * into a CSS rule, so a value that could break out of it, such as
+ * `4px; } html {`, an unclosed parenthesis or `</style>`, is rejected with an
+ * explanation that names the field in the recipe.
+ */
+export declare function buildTheme(input: ThemeInput): Theme;
+//# sourceMappingURL=theme.d.ts.map

package/dist/tokens/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/tokens/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAEvD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB;;;;;;;;;;;;GAYG;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACzB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KACvB,CAAA;IACD,yEAAyE;IACzE,WAAW,CAAC,EAAE;QACZ,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAC1B,CAAA;CACF,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACnC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;AAEzD,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG;IACrC,yEAAyE;IACzE,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,mEAAmE;IACnE,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC5B,gEAAgE;IAChE,UAAU,EAAE,SAAS,EAAE,CAAA;IACvB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAEnD"}

package/dist/tokens/theme.js

@@ -0,0 +1,14 @@
+import { defaultCore } from "../diagnostics/default-core.js";
+/**
+ * Builds the theme, and checks every promise while it is built.
+ *
+ * The arithmetic happens in the core, written in Rust, which `lotek theme` and
+ * LO-TEK for Kotlin use. The typography and shape values are written straight
+ * into a CSS rule, so a value that could break out of it, such as
+ * `4px; } html {`, an unclosed parenthesis or `</style>`, is rejected with an
+ * explanation that names the field in the recipe.
+ */
+export function buildTheme(input) {
+    return defaultCore().buildTheme(input);
+}
+//# sourceMappingURL=theme.js.map

package/dist/tokens/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../src/tokens/theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AA2F5D;;;;;;;;GAQG;AACH,MAAM,UAAU,UAAU,CAAC,KAAiB;IAC1C,OAAO,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;AACxC,CAAC"}

package/dist/tokens/tokens.d.ts

@@ -0,0 +1,122 @@
+import { type Family, type MatrixToken, type Role } from "./matrix-cells.js";
+export declare const Breakpoints: {
+    readonly sm: "640px";
+    readonly md: "768px";
+    readonly lg: "1024px";
+    readonly xl: "1280px";
+    readonly "2xl": "1536px";
+};
+export declare const Containers: {
+    readonly xs: "100%";
+    readonly sm: "576px";
+    readonly md: "960px";
+    readonly lg: "1152px";
+    readonly xl: "1536px";
+    readonly aside: "384px";
+    readonly asideNarrow: "288px";
+    readonly wideContent: "768px";
+};
+export type Breakpoint = keyof typeof Breakpoints;
+export type Container = keyof typeof Containers;
+export declare const FAMILY_DESCRIPTIONS: Record<Family, string>;
+export declare const ROLE_DESCRIPTIONS: Record<Role, string>;
+/** The layers only the neutral family has, because it carries the page itself. */
+export declare const LAYER_DESCRIPTIONS: Record<"canvas" | "raised", string>;
+/**
+ * Everything that is not colour.
+ *
+ * The colours are not here. The core computes them from the colour contract
+ * (`color-contract.json`) and writes them to `matrix-cells.ts`, so the
+ * system's colours are the same contract applied to the system's hues. See
+ * `colorTokens` below.
+ */
+export declare const cssTokens: {
+    readonly "--lt-font-size-reference": "16px";
+    readonly "--lt-font-size-xxs": "0.625rem";
+    readonly "--lt-font-size-xs": "0.75rem";
+    readonly "--lt-font-size-s": "0.875rem";
+    readonly "--lt-font-size-m": "1rem";
+    readonly "--lt-font-size-l": "1.125rem";
+    readonly "--lt-font-size-xl": "1.375rem";
+    readonly "--lt-font-size-xxl": "1.875rem";
+    readonly "--lt-font-size-mega": "2.625rem";
+    readonly "--lt-font-weight-regular": "400";
+    readonly "--lt-font-weight-medium": "500";
+    readonly "--lt-font-weight-semibold": "600";
+    readonly "--lt-font-weight-bold": "700";
+    /** Controls and buttons. */
+    readonly "--lt-line-height-default": "1.5";
+    /** Headings. */
+    readonly "--lt-line-height-heading": "1.2";
+    /** Body text in an article. */
+    readonly "--lt-line-height-article": "1.6";
+    /** Tighter text on small surfaces: tags, tooltips. */
+    readonly "--lt-line-height-compact": "1.4";
+    readonly "--lt-spacing-px": "1px";
+    readonly "--lt-spacing-0-5": "0.125rem";
+    readonly "--lt-spacing-1": "0.25rem";
+    readonly "--lt-spacing-2": "0.5rem";
+    readonly "--lt-spacing-3": "0.75rem";
+    readonly "--lt-spacing-4": "1rem";
+    readonly "--lt-spacing-5": "1.25rem";
+    readonly "--lt-spacing-6": "1.5rem";
+    readonly "--lt-spacing-7": "1.75rem";
+    readonly "--lt-spacing-8": "2rem";
+    readonly "--lt-spacing-10": "2.5rem";
+    readonly "--lt-spacing-12": "3rem";
+    readonly "--lt-spacing-16": "4rem";
+    readonly "--lt-icon-search": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d4d4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E\")";
+    readonly "--lt-icon-check": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\")";
+    readonly "--lt-icon-dash": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3C/svg%3E\")";
+    readonly "--lt-icon-calendar": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d4d4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E\")";
+    readonly "--lt-icon-clock": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d4d4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 15 15'/%3E%3C/svg%3E\")";
+};
+/**
+ * Every variable name the system ships.
+ *
+ * The colours are included even though they are not in `cssTokens`: they are
+ * computed by the contract and so have no literal in the source. `ColorToken`
+ * derives them from the axes instead. Without the colours here, the lookup
+ * table was typed for everything *except* what the consumer writes most
+ * often, and a typo in a colour name gave no error in the editor.
+ */
+export type CssToken = keyof typeof cssTokens | ColorToken;
+/** The icons in dark theme, with a lighter stroke. */
+export declare const darkTokens: {
+    readonly "--lt-icon-search": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b2b2b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='21' y2='21'/%3E%3C/svg%3E\")";
+    readonly "--lt-icon-check": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E\")";
+    readonly "--lt-icon-dash": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3C/svg%3E\")";
+    readonly "--lt-icon-calendar": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b2b2b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E\")";
+    readonly "--lt-icon-clock": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b2b2b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 15 15'/%3E%3C/svg%3E\")";
+};
+/**
+ * System colours that are not a cell in the matrix.
+ *
+ * The disabled state is exempt from the contrast requirement in WCAG 1.4.3,
+ * and the value is low on purpose: a disabled control should look disabled.
+ * 3.44:1 against the surface is still readable, while a lighter grey gave
+ * 1.83 and was not.
+ *
+ * The backdrop behind a modal and the shadow under a panel are translucent
+ * black in both themes, not a colour from a scale.
+ */
+declare const SYSTEM_COLORS: {
+    readonly "--lt-color-disabled-surface": "var(--lt-color-neutral-raised)";
+    readonly "--lt-color-disabled-text": "var(--lt-color-neutral-border)";
+    readonly "--lt-focus-ring": "2px solid var(--lt-color-accent-border-strong)";
+};
+/**
+ * The colours, computed by the contract.
+ *
+ * The system's colours are the same contract applied to the system's hues.
+ * There is no hand-picked palette beside it, so there is no version that can
+ * drift out of step with the promises.
+ */
+/** The colour names that are not a cell: disabled state, ring, backdrop, shadow. */
+type SystemColorToken = keyof typeof SYSTEM_COLORS | "--lt-color-overlay" | "--lt-shadow-overlay";
+/** Every colour name the system ships. */
+export type ColorToken = MatrixToken | SystemColorToken;
+export declare const colorTokens: Record<ColorToken, string>;
+export declare const darkColorTokens: Record<MatrixToken | "--lt-color-overlay" | "--lt-shadow-overlay", string>;
+export {};
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/tokens/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,MAAM,EAEX,KAAK,WAAW,EAChB,KAAK,IAAI,EACV,MAAM,mBAAmB,CAAA;AAE1B,eAAO,MAAM,WAAW;;;;;;CAMd,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;;;CASb,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,WAAW,CAAA;AACjD,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAA;AAQ/C,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAatD,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAUlD,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,QAAQ,GAAG,QAAQ,EAAE,MAAM,CAGlE,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;IAwBpB,4BAA4B;;IAE5B,gBAAgB;;IAEhB,+BAA+B;;IAE/B,sDAAsD;;;;;;;;;;;;;;;;;;;;CAyC9C,CAAA;AAEV;;;;;;;;GAQG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,SAAS,GAAG,UAAU,CAAA;AAE1D,sDAAsD;AACtD,eAAO,MAAM,UAAU;;;;;;CAW+B,CAAA;AAEtD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa;;;;CAIT,CAAA;AAEV;;;;;;GAMG;AACH,oFAAoF;AACpF,KAAK,gBAAgB,GACjB,MAAM,OAAO,aAAa,GAC1B,oBAAoB,GACpB,qBAAqB,CAAA;AAEzB,0CAA0C;AAC1C,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,gBAAgB,CAAA;AAEvD,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAKlD,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAClC,WAAW,GAAG,oBAAoB,GAAG,qBAAqB,EAC1D,MAAM,CAKP,CAAA"}