@ksmv/ui-checks 0.21.1 → 0.22.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.22.1 - 2026-10-17
+
+- **Contratos de tema 3.4.0 e de contraste 12.0.0** empacotados (#394). O de tema ganha o derivado opcional `--ui-surface-inverse-end`, a ponta do degradê da superfície inversa; o de contraste ganha 20 pares: o texto apagado sobre a superfície inversa (`inverse-muted-text`) e cada par de um derivado `-on-inverse` sobre a superfície medido também sobre a ponta (contexto `-end`). Nenhum par sai. Um tema que não declara nenhum dos dois tokens passa como antes.
+- **A regra `tokens/contrast` mede um par na ponta de um degradê ao longo dele:** um token `<início>-end`, quando o início também é um token, é a ponta de um degradê, e o par é medido em 17 pontos, em sRGB e em Oklab (os espaços em que o navegador interpola um degradê que não declara espaço), com o alfa pré-multiplicado, ficando com o pior. Um texto que passa nas duas pontas pode reprovar no meio.
+- **Quem usa `computedEvidence` precisa capturar a evidência de novo:** os dois contratos mudaram.
+
+## 0.22.0 - 2026-10-17
+
+- **Contratos de tema 3.3.0 e de contraste 11.0.0** empacotados. O de tema ganha 89 derivados opcionais e 5 tokens de forma; o de contraste ganha 104 pares. Nenhum par sai. Os pares do pressionado contra as superfícies e os da linha com tom são obrigações novas, e um tema com o primário claro demais, ou com um fundo de tom escuro, reprova. Atualize o `@ksmv/ui-react` junto (ver o CHANGELOG dele).
+- **A regra `css/no-literal-color` aceita o padrão literal do contrato**, só como fallback do próprio token: `var(--ui-x, <cor>)` passa quando a cor é, texto por texto, o padrão que o contrato dá à `--ui-x`. Qualquer outra cor literal continua recusada.
+- **Quem usa `computedEvidence` precisa capturar a evidência de novo:** os dois contratos mudaram.
+
 ## 0.21.1 - 2026-10-15
 
 - Sem mudança no verificador: a versão acompanha a do `@ksmv/ui-react` 0.21.1. Os contratos continuam tema `3.2.0` e contraste `10.0.0`, e a evidência calculada da 0.21.0 continua valendo.

package/README.md

@@ -1,6 +1,8 @@
 # @ksmv/ui-checks
 
-Verificações de qualidade para o contrato semântico `--ui-*` de `@ksmv/ui-react`: completude dos temas, contraste dos pares do contrato (ações, estados, campos, controles e, desde o contrato de contraste `3.0.0`, o texto base sobre as superfícies e, desde o `4.0.0`, a cor de link e, desde o `5.0.0`, a borda das ações e, desde o `6.0.0`, as variantes de ação da 0.17.0 e o botão de texto e, desde o `7.0.0`, os botões da casa da 0.18.1 e o hover por tom do botão de texto e, desde o `7.1.0`, o texto de hover dos botões suaves e do contorno de aviso e, desde o `9.0.0`, o texto, o limite de controle, o link, o botão de texto e o fantasma sobre a superfície inversa, a paleta categórica, a descrição do diálogo, o giro contra a superfície, o aviso e o rótulo de seção, o item de menu e o cartão de rádio, o cabeçalho da tabela e o grupo de alternância, e o selo cheio, a bolinha sobre a superfície inversa e a barra e, desde o `10.0.0`, o fundo do botão de ícone contornado, a cor da ajuda e a caixa de seleção), prefixo dos tokens, cores literais fora dos arquivos de tema e evidência calculada vinculada às fontes.
+Verificações de qualidade para o contrato semântico `--ui-*` de `@ksmv/ui-react`: completude dos temas, contraste dos pares do contrato (ações, estados, campos, controles e, desde o contrato de contraste `3.0.0`, o texto base sobre as superfícies e, desde o `4.0.0`, a cor de link e, desde o `5.0.0`, a borda das ações e, desde o `6.0.0`, as variantes de ação da 0.17.0 e o botão de texto e, desde o `7.0.0`, os botões da casa da 0.18.1 e o hover por tom do botão de texto e, desde o `7.1.0`, o texto de hover dos botões suaves e do contorno de aviso e, desde o `9.0.0`, o texto, o limite de controle, o link, o botão de texto e o fantasma sobre a superfície inversa, a paleta categórica, a descrição do diálogo, o giro contra a superfície, o aviso e o rótulo de seção, o item de menu e o cartão de rádio, o cabeçalho da tabela e o grupo de alternância, e o selo cheio, a bolinha sobre a superfície inversa e a barra e, desde o `10.0.0`, o fundo do botão de ícone contornado, a cor da ajuda e a caixa de seleção e, desde o `11.0.0`, o botão pressionado contra as superfícies, a linha da lista com tom, o selo com marca à frente, o cabeçalho de página e a métrica, os passos e a navegação lateral, a conversa e a mídia, a escolha de horário e de dia, a grade de calendário e o quadro e, desde o `12.0.0`, o texto apagado sobre a superfície inversa e cada par da superfície inversa medido também sobre a ponta do degradê), prefixo dos tokens, cores literais fora dos arquivos de tema e evidência calculada vinculada às fontes.
+
+A regra `css/no-literal-color` recusa cor literal fora dos temas configurados. Desde a 0.22.0, ela aceita uma exceção: o fallback de `var(--ui-x, <cor>)`, quando a cor é, texto por texto, o padrão literal que o contrato de tema dá à própria `--ui-x` (como `var(--ui-media-overlay-bg, rgb(0 0 0 / 70%))`). Quem escreve esse fallback implementa o contrato. Outra cor, ainda que equivalente, uma cor fora do `var()` ou o fallback de um token sem padrão literal continuam reprovados.
 
 ## Antes de depender deste pacote
 

package/dist/color.d.ts

@@ -14,9 +14,10 @@ export declare function parsedColor(value: string): {
     mode: "rgb";
 } | undefined;
 export declare function containsUnsupportedColorFunction(value: string): boolean;
-export declare function containsLiteralColor(value: string): boolean;
+export declare function containsLiteralColor(value: string, contractDefaults?: Readonly<Record<string, string>>): boolean;
 export declare function referencedTokens(value: string): string[];
 export declare function unresolvedTokenReferences(value: string, tokens: ReadonlyMap<string, string>, stack?: ReadonlySet<string>): string[];
 export declare function resolveColor(value: string | undefined, tokens: ReadonlyMap<string, string>, stack?: ReadonlySet<string>): ColorResolution;
 export declare function composite(foreground: RgbColor, background: RgbColor): RgbColor;
+export declare function mix(start: RgbColor, end: RgbColor, at: number): RgbColor[];
 export declare function contrastRatio(foreground: RgbColor, background: RgbColor): number | undefined;

package/dist/color.js

@@ -1,6 +1,7 @@
 import { converter, parse } from "culori";
 import valueParser from "postcss-value-parser";
 const toRgb = converter("rgb");
+const toOklab = converter("oklab");
 const unsupportedFunctions = new Set(["color-mix", "light-dark"]);
 const literalColorFunctions = new Set([
     "color",
@@ -87,9 +88,21 @@ export function containsUnsupportedColorFunction(value) {
     });
     return unsupported;
 }
-export function containsLiteralColor(value) {
+// A literal color in a value. The fallback of `var(--ui-x, <literal>)` is not
+// one when the theme contract gives --ui-x exactly that literal as its
+// default: the stylesheet implements the contract (#276). Each var is judged
+// on its own, and the text must be the contract's, not an equal color.
+export function containsLiteralColor(value, contractDefaults = {}) {
     let literal = false;
     valueParser(value).walk((node) => {
+        if (node.type === "function" && node.value.toLowerCase() === "var") {
+            const { fallback, name } = splitVarArguments(node.nodes);
+            const variable = name.trim();
+            if (fallback !== undefined && Object.hasOwn(contractDefaults, variable) && fallback.trim() === contractDefaults[variable]) {
+                return false;
+            }
+            return undefined;
+        }
         if (node.type === "function" && node.value.toLowerCase() !== "var") {
             if (literalColorFunctions.has(node.value.toLowerCase()) ||
                 parsedColor(valueParser.stringify(node))) {
@@ -183,6 +196,21 @@ export function composite(foreground, background) {
         r: foreground.r * alpha + background.r * (1 - alpha),
     };
 }
+// A point of a gradient between two colors. The browser interpolates legacy
+// colors (hex, rgb(), hsl()) in sRGB and the others, as oklch(), in Oklab
+// (CSS Color 4, §12.1); the space is chosen by the syntax, so the check takes
+// both points. Both interpolate with premultiplied alpha (§12.3): a channel
+// is weighted by its color's alpha, so a transparent end lends no hue.
+export function mix(start, end, at) {
+    const [startAlpha, endAlpha] = [start.alpha ?? 1, end.alpha ?? 1];
+    const alpha = startAlpha + (endAlpha - startAlpha) * at;
+    const between = (from, to) => alpha === 0 ? 0 : (from * startAlpha + (to * endAlpha - from * startAlpha) * at) / alpha;
+    const srgb = { alpha, b: between(start.b, end.b), g: between(start.g, end.g), mode: "rgb", r: between(start.r, end.r) };
+    const [from, to] = [toOklab(start), toOklab(end)];
+    const clamp = (value) => Math.min(1, Math.max(0, value));
+    const oklab = toRgb({ a: between(from.a, to.a), alpha, b: between(from.b, to.b), l: between(from.l, to.l), mode: "oklab" });
+    return [srgb, { alpha, b: clamp(oklab.b), g: clamp(oklab.g), mode: "rgb", r: clamp(oklab.r) }];
+}
 function luminance(color) {
     const channel = (value) => value <= 0.04045
         ? value / 12.92

package/dist/contrast-contract.json

@@ -1,5 +1,5 @@
 {
-  "contractVersion": "10.0.0",
+  "contractVersion": "12.0.0",
   "schemaVersion": 2,
   "pairs": [
     { "foreground": "--ui-action-primary-text", "background": "--ui-action-primary-bg", "minimum": 4.5, "context": "normal-text" },
@@ -213,6 +213,130 @@
     { "foreground": "--ui-field-description", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "field-description-subtle" },
     { "foreground": "--ui-checkbox-border", "background": "--ui-checkbox-bg", "over": "--ui-surface", "minimum": 3, "context": "checkbox-boundary" },
     { "foreground": "--ui-checkbox-border", "background": "--ui-surface", "minimum": 3, "context": "checkbox-boundary-surface" },
-    { "foreground": "--ui-checkbox-mark", "background": "--ui-control-checked-bg", "minimum": 3, "context": "checkbox-mark" }
+    { "foreground": "--ui-checkbox-mark", "background": "--ui-control-checked-bg", "minimum": 3, "context": "checkbox-mark" },
+    { "foreground": "--ui-button-pressed-text", "background": "--ui-button-pressed-bg", "minimum": 4.5, "context": "button-pressed-text" },
+    { "foreground": "--ui-button-pressed-text", "background": "--ui-button-pressed-bg-hover", "minimum": 4.5, "context": "button-pressed-text-hover" },
+    { "foreground": "--ui-button-pressed-bg", "background": "--ui-surface", "minimum": 3, "context": "button-pressed-boundary" },
+    { "foreground": "--ui-button-pressed-bg-hover", "background": "--ui-surface", "minimum": 3, "context": "button-pressed-boundary-hover" },
+    { "foreground": "--ui-button-pressed-text-on-inverse", "background": "--ui-button-pressed-bg-on-inverse", "minimum": 4.5, "context": "button-pressed-text-on-inverse" },
+    { "foreground": "--ui-button-pressed-text-on-inverse", "background": "--ui-button-pressed-bg-hover-on-inverse", "minimum": 4.5, "context": "button-pressed-text-hover-on-inverse" },
+    { "foreground": "--ui-button-pressed-bg-on-inverse", "background": "--ui-surface-inverse", "minimum": 3, "context": "button-pressed-boundary-on-inverse" },
+    { "foreground": "--ui-button-pressed-bg-hover-on-inverse", "background": "--ui-surface-inverse", "minimum": 3, "context": "button-pressed-boundary-hover-on-inverse" },
+    { "foreground": "--ui-button-pressed-bg", "background": "--ui-surface-raised", "minimum": 3, "context": "button-pressed-boundary-raised" },
+    { "foreground": "--ui-button-pressed-bg-hover", "background": "--ui-surface-raised", "minimum": 3, "context": "button-pressed-boundary-hover-raised" },
+    { "foreground": "--ui-button-pressed-bg", "background": "--ui-surface-subtle", "minimum": 3, "context": "button-pressed-boundary-subtle" },
+    { "foreground": "--ui-button-pressed-bg-hover", "background": "--ui-surface-subtle", "minimum": 3, "context": "button-pressed-boundary-hover-subtle" },
+    { "foreground": "--ui-text-primary", "background": "--ui-list-item-success-bg", "over": "--ui-surface", "minimum": 4.5, "context": "list-item-title-success" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-list-item-success-bg", "over": "--ui-surface", "minimum": 4.5, "context": "list-item-description-success" },
+    { "foreground": "--ui-text-primary", "background": "--ui-list-item-warning-bg", "over": "--ui-surface", "minimum": 4.5, "context": "list-item-title-warning" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-list-item-warning-bg", "over": "--ui-surface", "minimum": 4.5, "context": "list-item-description-warning" },
+    { "foreground": "--ui-text-primary", "background": "--ui-list-item-danger-bg", "over": "--ui-surface", "minimum": 4.5, "context": "list-item-title-danger" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-list-item-danger-bg", "over": "--ui-surface", "minimum": 4.5, "context": "list-item-description-danger" },
+    { "foreground": "--ui-text-primary", "background": "--ui-list-item-info-bg", "over": "--ui-surface", "minimum": 4.5, "context": "list-item-title-info" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-list-item-info-bg", "over": "--ui-surface", "minimum": 4.5, "context": "list-item-description-info" },
+    { "foreground": "--ui-text-primary", "background": "--ui-list-item-success-bg", "over": "--ui-surface-raised", "minimum": 4.5, "context": "list-item-title-success-raised" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-list-item-success-bg", "over": "--ui-surface-raised", "minimum": 4.5, "context": "list-item-description-success-raised" },
+    { "foreground": "--ui-text-primary", "background": "--ui-list-item-warning-bg", "over": "--ui-surface-raised", "minimum": 4.5, "context": "list-item-title-warning-raised" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-list-item-warning-bg", "over": "--ui-surface-raised", "minimum": 4.5, "context": "list-item-description-warning-raised" },
+    { "foreground": "--ui-text-primary", "background": "--ui-list-item-danger-bg", "over": "--ui-surface-raised", "minimum": 4.5, "context": "list-item-title-danger-raised" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-list-item-danger-bg", "over": "--ui-surface-raised", "minimum": 4.5, "context": "list-item-description-danger-raised" },
+    { "foreground": "--ui-text-primary", "background": "--ui-list-item-info-bg", "over": "--ui-surface-raised", "minimum": 4.5, "context": "list-item-title-info-raised" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-list-item-info-bg", "over": "--ui-surface-raised", "minimum": 4.5, "context": "list-item-description-info-raised" },
+    { "foreground": "--ui-badge-leading-text", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "badge-leading-text" },
+    { "foreground": "--ui-page-header-eyebrow", "background": "--ui-surface", "minimum": 4.5, "context": "page-header-eyebrow" },
+    { "foreground": "--ui-page-header-eyebrow", "background": "--ui-surface-raised", "minimum": 4.5, "context": "page-header-eyebrow-raised" },
+    { "foreground": "--ui-page-header-eyebrow", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "page-header-eyebrow-subtle" },
+    { "foreground": "--ui-stat-label", "background": "--ui-surface", "minimum": 4.5, "context": "stat-label" },
+    { "foreground": "--ui-stat-label", "background": "--ui-surface-raised", "minimum": 4.5, "context": "stat-label-raised" },
+    { "foreground": "--ui-stat-label", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "stat-label-subtle" },
+    { "foreground": "--ui-steps-current-text", "background": "--ui-steps-current", "minimum": 4.5, "context": "steps-current-text" },
+    { "foreground": "--ui-text-primary", "background": "--ui-steps-current-bg", "over": "--ui-surface", "minimum": 4.5, "context": "steps-current-title" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-steps-current-bg", "over": "--ui-surface", "minimum": 4.5, "context": "steps-current-description" },
+    { "foreground": "--ui-text-primary", "background": "--ui-steps-complete-bg", "over": "--ui-surface", "minimum": 4.5, "context": "steps-complete-title" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-steps-complete-bg", "over": "--ui-surface", "minimum": 4.5, "context": "steps-complete-description" },
+    { "foreground": "--ui-steps-track-empty", "background": "--ui-surface", "minimum": 3, "context": "steps-track-empty" },
+    { "foreground": "--ui-side-nav-count-text", "background": "--ui-side-nav-count-bg", "over": "--ui-surface", "minimum": 4.5, "context": "side-nav-count-text" },
+    { "foreground": "--ui-side-nav-count-text-on-inverse", "background": "--ui-side-nav-count-bg-on-inverse", "over": "--ui-surface-inverse", "minimum": 4.5, "context": "side-nav-count-text-on-inverse" },
+    { "foreground": "--ui-steps-current", "background": "--ui-steps-current-bg", "over": "--ui-surface", "minimum": 3, "context": "steps-current-boundary" },
+    { "foreground": "--ui-steps-current", "background": "--ui-surface", "minimum": 3, "context": "steps-current-border" },
+    { "foreground": "--ui-steps-current", "background": "--ui-surface", "minimum": 3, "context": "steps-complete-mark" },
+    { "foreground": "--ui-steps-track-filled", "background": "--ui-surface", "minimum": 3, "context": "steps-track-filled" },
+    { "foreground": "--ui-side-nav-count-dot", "background": "--ui-surface", "minimum": 3, "context": "side-nav-count-dot" },
+    { "foreground": "--ui-message-incoming-text", "background": "--ui-message-incoming-bg", "over": "--ui-surface", "minimum": 4.5, "context": "message-incoming-text" },
+    { "foreground": "--ui-message-incoming-meta", "background": "--ui-message-incoming-bg", "over": "--ui-surface", "minimum": 4.5, "context": "message-incoming-meta" },
+    { "foreground": "--ui-message-incoming-quote-text", "background": "--ui-message-incoming-quote-bg", "over": "--ui-message-incoming-bg", "minimum": 4.5, "context": "message-incoming-quote" },
+    { "foreground": "--ui-message-assistant-text", "background": "--ui-message-assistant-bg", "over": "--ui-surface", "minimum": 4.5, "context": "message-assistant-text" },
+    { "foreground": "--ui-message-assistant-meta", "background": "--ui-message-assistant-bg", "over": "--ui-surface", "minimum": 4.5, "context": "message-assistant-meta" },
+    { "foreground": "--ui-message-assistant-quote-text", "background": "--ui-message-assistant-quote-bg", "over": "--ui-message-assistant-bg", "minimum": 4.5, "context": "message-assistant-quote" },
+    { "foreground": "--ui-message-outgoing-text", "background": "--ui-message-outgoing-bg", "over": "--ui-surface", "minimum": 4.5, "context": "message-outgoing-text" },
+    { "foreground": "--ui-message-outgoing-meta", "background": "--ui-message-outgoing-bg", "over": "--ui-surface", "minimum": 4.5, "context": "message-outgoing-meta" },
+    { "foreground": "--ui-message-outgoing-quote-text", "background": "--ui-message-outgoing-quote-bg", "over": "--ui-message-outgoing-bg", "minimum": 4.5, "context": "message-outgoing-quote" },
+    { "foreground": "--ui-system-message-accent-text", "background": "--ui-system-message-accent-bg", "over": "--ui-surface", "minimum": 4.5, "context": "system-message-accent-title" },
+    { "foreground": "--ui-text-primary", "background": "--ui-system-message-accent-bg", "over": "--ui-surface", "minimum": 4.5, "context": "system-message-accent-body" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-system-message-accent-bg", "over": "--ui-surface", "minimum": 4.5, "context": "system-message-accent-time" },
+    { "foreground": "--ui-system-message-danger-text", "background": "--ui-system-message-danger-bg", "over": "--ui-surface", "minimum": 4.5, "context": "system-message-danger-title" },
+    { "foreground": "--ui-text-primary", "background": "--ui-system-message-danger-bg", "over": "--ui-surface", "minimum": 4.5, "context": "system-message-danger-body" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-system-message-danger-bg", "over": "--ui-surface", "minimum": 4.5, "context": "system-message-danger-time" },
+    { "foreground": "--ui-media-overlay-text", "background": "--ui-media-overlay-bg", "over": "--ui-surface", "minimum": 4.5, "context": "media-overlay-text" },
+    { "foreground": "--ui-media-overlay-text", "background": "--ui-media-control-bg", "over": "--ui-media-viewer-base", "minimum": 3, "context": "media-control-icon" },
+    { "foreground": "--ui-media-overlay-text", "background": "--ui-media-control-bg-hover", "over": "--ui-media-viewer-base", "minimum": 3, "context": "media-control-icon-hover" },
+    { "foreground": "--ui-media-overlay-text", "background": "--ui-media-caption-bg", "over": "--ui-media-viewer-base", "minimum": 4.5, "context": "media-caption" },
+    { "foreground": "--ui-media-strip-current", "background": "--ui-surface", "minimum": 3, "context": "media-strip-current" },
+    { "foreground": "--ui-time-slot-available-text", "background": "--ui-time-slot-available-bg", "over": "--ui-surface", "minimum": 4.5, "context": "time-slot-available-text" },
+    { "foreground": "--ui-time-slot-available-text-hover", "background": "--ui-time-slot-available-bg-hover", "over": "--ui-surface", "minimum": 4.5, "context": "time-slot-available-text-hover" },
+    { "foreground": "--ui-time-slot-available-border", "background": "--ui-surface", "minimum": 3, "context": "time-slot-available-boundary" },
+    { "foreground": "--ui-time-slot-busy-text", "background": "--ui-time-slot-busy-bg", "over": "--ui-surface", "minimum": 4.5, "context": "time-slot-busy-text" },
+    { "foreground": "--ui-time-slot-busy-border", "background": "--ui-surface", "minimum": 3, "context": "time-slot-busy-boundary" },
+    { "foreground": "--ui-time-slot-busy-selected-text", "background": "--ui-time-slot-busy-selected-bg", "over": "--ui-surface", "minimum": 4.5, "context": "time-slot-busy-selected-text" },
+    { "foreground": "--ui-time-slot-busy-selected-bg", "background": "--ui-surface", "minimum": 3, "context": "time-slot-busy-selected-boundary" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "time-slot-outside-text" },
+    { "foreground": "--ui-day-today-text", "background": "--ui-surface", "minimum": 4.5, "context": "day-today-text" },
+    { "foreground": "--ui-day-today-text", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "day-today-text-hover" },
+    { "foreground": "--ui-text-secondary", "background": "--ui-day-selected-bg", "over": "--ui-surface", "minimum": 4.5, "context": "day-selected-label" },
+    { "foreground": "--ui-day-selected-border", "background": "--ui-day-selected-bg", "over": "--ui-surface", "minimum": 3, "context": "day-selected-boundary" },
+    { "foreground": "--ui-day-selected-border", "background": "--ui-surface", "minimum": 3, "context": "day-selected-border" },
+    { "foreground": "--ui-button-pressed-bg", "background": "--ui-day-selected-bg", "over": "--ui-surface", "minimum": 3, "context": "day-selected-circle" },
+    { "foreground": "--ui-day-detail-available", "background": "--ui-surface", "minimum": 4.5, "context": "day-detail-available" },
+    { "foreground": "--ui-day-detail-busy", "background": "--ui-surface", "minimum": 4.5, "context": "day-detail-busy" },
+    { "foreground": "--ui-day-detail-available", "background": "--ui-day-selected-bg", "over": "--ui-surface", "minimum": 4.5, "context": "day-detail-available-selected" },
+    { "foreground": "--ui-day-detail-busy", "background": "--ui-day-selected-bg", "over": "--ui-surface", "minimum": 4.5, "context": "day-detail-busy-selected" },
+    { "foreground": "--ui-day-detail-available", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "day-detail-available-hover" },
+    { "foreground": "--ui-day-detail-busy", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "day-detail-busy-hover" },
+    { "foreground": "--ui-text-primary", "background": "--ui-category-1-bg", "over": "--ui-surface", "minimum": 4.5, "context": "calendar-event-title-1" },
+    { "foreground": "--ui-text-primary", "background": "--ui-category-2-bg", "over": "--ui-surface", "minimum": 4.5, "context": "calendar-event-title-2" },
+    { "foreground": "--ui-text-primary", "background": "--ui-category-3-bg", "over": "--ui-surface", "minimum": 4.5, "context": "calendar-event-title-3" },
+    { "foreground": "--ui-text-primary", "background": "--ui-category-4-bg", "over": "--ui-surface", "minimum": 4.5, "context": "calendar-event-title-4" },
+    { "foreground": "--ui-text-primary", "background": "--ui-category-5-bg", "over": "--ui-surface", "minimum": 4.5, "context": "calendar-event-title-5" },
+    { "foreground": "--ui-text-primary", "background": "--ui-category-6-bg", "over": "--ui-surface", "minimum": 4.5, "context": "calendar-event-title-6" },
+    { "foreground": "--ui-text-primary", "background": "--ui-category-7-bg", "over": "--ui-surface", "minimum": 4.5, "context": "calendar-event-title-7" },
+    { "foreground": "--ui-text-primary", "background": "--ui-category-8-bg", "over": "--ui-surface", "minimum": 4.5, "context": "calendar-event-title-8" },
+    { "foreground": "--ui-calendar-selected-text", "background": "--ui-surface-subtle", "minimum": 4.5, "context": "calendar-selected-text" },
+    { "foreground": "--ui-calendar-free-text", "background": "--ui-surface", "minimum": 4.5, "context": "calendar-free-text" },
+    { "foreground": "--ui-calendar-free-border", "background": "--ui-surface", "minimum": 3, "context": "calendar-free-boundary" },
+    { "foreground": "--ui-board-count-text", "background": "--ui-board-count-bg", "over": "--ui-surface", "minimum": 4.5, "context": "board-count-text" },
+    { "foreground": "--ui-board-card-border-hover", "background": "--ui-surface-subtle", "minimum": 3, "context": "board-card-border-hover" },
+    { "foreground": "--ui-board-drop-border", "background": "--ui-surface-subtle", "minimum": 3, "context": "board-drop-border" },
+    { "foreground": "--ui-board-drop-border", "background": "--ui-board-drop-bg", "over": "--ui-surface-subtle", "minimum": 3, "context": "board-drop-line" },
+    { "foreground": "--ui-border-control", "background": "--ui-surface-subtle", "minimum": 3, "context": "board-placeholder-boundary" },
+    { "foreground": "--ui-text-muted-on-inverse", "background": "--ui-surface-inverse", "minimum": 4.5, "context": "inverse-muted-text" },
+    { "foreground": "--ui-text-primary-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 4.5, "context": "inverse-body-text-end" },
+    { "foreground": "--ui-text-secondary-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 4.5, "context": "inverse-secondary-text-end" },
+    { "foreground": "--ui-border-control-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 3, "context": "inverse-control-boundary-end" },
+    { "foreground": "--ui-link-text-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 4.5, "context": "inverse-link-text-end" },
+    { "foreground": "--ui-text-button-text-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 4.5, "context": "inverse-text-button-text-end" },
+    { "foreground": "--ui-action-ghost-text-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 4.5, "context": "inverse-ghost-text-end" },
+    { "foreground": "--ui-action-ghost-text-hover-on-inverse", "background": "--ui-action-ghost-bg-hover-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 4.5, "context": "inverse-ghost-text-hover-end" },
+    { "foreground": "--ui-action-ghost-text-hover-on-inverse", "background": "--ui-action-ghost-bg-active-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 4.5, "context": "inverse-ghost-text-active-end" },
+    { "foreground": "--ui-icon-button-ghost-text-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 3, "context": "inverse-icon-button-ghost-icon-end" },
+    { "foreground": "--ui-icon-button-ghost-text-on-inverse", "background": "--ui-action-ghost-bg-hover-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 3, "context": "inverse-icon-button-ghost-icon-hover-end" },
+    { "foreground": "--ui-icon-button-ghost-text-on-inverse", "background": "--ui-action-ghost-bg-active-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 3, "context": "inverse-icon-button-ghost-icon-active-end" },
+    { "foreground": "--ui-status-success-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 3, "context": "status-indicator-success-on-inverse-end" },
+    { "foreground": "--ui-status-warning-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 3, "context": "status-indicator-warning-on-inverse-end" },
+    { "foreground": "--ui-status-danger-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 3, "context": "status-indicator-danger-on-inverse-end" },
+    { "foreground": "--ui-status-info-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 3, "context": "status-indicator-info-on-inverse-end" },
+    { "foreground": "--ui-button-pressed-bg-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 3, "context": "button-pressed-boundary-on-inverse-end" },
+    { "foreground": "--ui-button-pressed-bg-hover-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 3, "context": "button-pressed-boundary-hover-on-inverse-end" },
+    { "foreground": "--ui-side-nav-count-text-on-inverse", "background": "--ui-side-nav-count-bg-on-inverse", "over": "--ui-surface-inverse-end", "minimum": 4.5, "context": "side-nav-count-text-on-inverse-end" },
+    { "foreground": "--ui-text-muted-on-inverse", "background": "--ui-surface-inverse-end", "minimum": 4.5, "context": "inverse-muted-text-end" }
   ]
 }

package/dist/rules/default.js

@@ -10,7 +10,7 @@ export async function createDefaultRules({ components, computed, contract, manif
         manifest ?? loadContrastManifest(),
     ]);
     return [
-        createNoLiteralColorRule({ themes }),
+        createNoLiteralColorRule({ contractDefaults: resolvedContract.defaults, themes }),
         createTokenPrefixRule(),
         createTokenCompleteRule({ computed, contract: resolvedContract, themes }),
         createThemeShapeRule({ contract: resolvedContract, themes }),

package/dist/rules/noLiteralColor.d.ts

@@ -1,6 +1,8 @@
 import type { ThemeConfig } from "../config.js";
 import type { CheckRule } from "../scan.js";
 export interface NoLiteralColorOptions {
+    /** The theme contract's literal defaults: `var(--ui-x, <its default>)` is the contract, not a literal. */
+    contractDefaults?: Readonly<Record<string, string>>;
     themes: ThemeConfig[];
 }
-export declare function createNoLiteralColorRule({ themes, }: NoLiteralColorOptions): CheckRule;
+export declare function createNoLiteralColorRule({ contractDefaults, themes, }: NoLiteralColorOptions): CheckRule;

package/dist/rules/noLiteralColor.js

@@ -26,12 +26,12 @@ function jsxStringValue(node) {
         ? node.expression.text
         : undefined;
 }
-function classContainsLiteralColor(value) {
+function classContainsLiteralColor(value, contractDefaults) {
     return [...value.matchAll(/\[([^\]]+)\]/g)].some((match) => {
         const candidate = match[1] ?? "";
         const separator = candidate.indexOf(":");
         if (separator <= 0) {
-            return containsLiteralColor(candidate);
+            return containsLiteralColor(candidate, contractDefaults);
         }
         const property = candidate.slice(0, separator);
         const propertyValue = candidate.slice(separator + 1);
@@ -40,27 +40,27 @@ function classContainsLiteralColor(value) {
         const utility = currentClass.split(":").at(-1) ?? "";
         if (utility.endsWith("-")) {
             if (property === "color" || property === "image") {
-                return containsLiteralColor(propertyValue);
+                return containsLiteralColor(propertyValue, contractDefaults);
             }
-            return (/^(?:accent|bg|border|caret|decoration|divide|fill|from|outline|placeholder|ring|shadow|stroke|text|to|via)-$/.test(utility) && containsLiteralColor(propertyValue));
+            return (/^(?:accent|bg|border|caret|decoration|divide|fill|from|outline|placeholder|ring|shadow|stroke|text|to|via)-$/.test(utility) && containsLiteralColor(propertyValue, contractDefaults));
         }
-        return (isColorBearingProperty(property) && containsLiteralColor(propertyValue));
+        return (isColorBearingProperty(property) && containsLiteralColor(propertyValue, contractDefaults));
     });
 }
-export function createNoLiteralColorRule({ themes, }) {
+export function createNoLiteralColorRule({ contractDefaults = {}, themes, }) {
     return {
         name: "css/no-literal-color",
         check(file) {
             const result = emptyResult();
             file.cssRoot?.walkDecls((declaration) => {
                 if (isColorBearingProperty(declaration.prop) &&
-                    containsLiteralColor(declaration.value) &&
+                    containsLiteralColor(declaration.value, contractDefaults) &&
                     !isAllowedThemeDeclaration(file, declaration, themes)) {
                     result.violations.push({
                         anchor: cssDeclarationAnchor(declaration),
                         column: declaration.source?.start?.column ?? 1,
                         line: declaration.source?.start?.line ?? 1,
-                        message: "Literal colors are allowed only in configured themes.",
+                        message: "Literal colors are allowed only in configured themes, or as the theme contract's own default of the token they fall back from.",
                         nodeKind: "css-declaration",
                         path: file.path,
                         rule: "css/no-literal-color",
@@ -77,20 +77,20 @@ export function createNoLiteralColorRule({ themes, }) {
                     const isDirectColor = isColorBearingProperty(node.name.text);
                     const isLiteralClass = node.name.text === "className" &&
                         value !== undefined &&
-                        classContainsLiteralColor(value);
+                        classContainsLiteralColor(value, contractDefaults);
                     if (value !== undefined &&
-                        ((isDirectColor && containsLiteralColor(value)) || isLiteralClass)) {
+                        ((isDirectColor && containsLiteralColor(value, contractDefaults)) || isLiteralClass)) {
                         const position = sourceFile.getLineAndCharacterOfPosition(node.getStart(sourceFile));
                         // For className, only the classes that carry the literal color
                         // identify the finding; the other classes may change freely.
                         const anchor = isLiteralClass && !isDirectColor
-                            ? `className: ${value.split(/\s+/).filter(classContainsLiteralColor).join(" ")}`
+                            ? `className: ${value.split(/\s+/).filter((name) => classContainsLiteralColor(name, contractDefaults)).join(" ")}`
                             : tsxNodeAnchor(node, sourceFile);
                         result.violations.push({
                             anchor,
                             column: position.character + 1,
                             line: position.line + 1,
-                            message: "Literal colors are allowed only in configured themes.",
+                            message: "Literal colors are allowed only in configured themes, or as the theme contract's own default of the token they fall back from.",
                             nodeKind: "tsx-color-attribute",
                             path: file.path,
                             rule: "css/no-literal-color",
@@ -112,13 +112,13 @@ export function createNoLiteralColorRule({ themes, }) {
                         const name = propertyName(property.name);
                         if (name !== undefined &&
                             isColorBearingProperty(name) &&
-                            containsLiteralColor(property.initializer.text)) {
+                            containsLiteralColor(property.initializer.text, contractDefaults)) {
                             const position = sourceFile.getLineAndCharacterOfPosition(property.initializer.getStart(sourceFile));
                             result.violations.push({
                                 anchor: tsxNodeAnchor(property, sourceFile),
                                 column: position.character + 1,
                                 line: position.line + 1,
-                                message: "Literal colors are allowed only in configured themes.",
+                                message: "Literal colors are allowed only in configured themes, or as the theme contract's own default of the token they fall back from.",
                                 nodeKind: "tsx-style-property",
                                 path: file.path,
                                 rule: "css/no-literal-color",

package/dist/rules/tokenContrast.js

@@ -1,7 +1,26 @@
 import { isComputedPropertyName, isIdentifier, isJsxAttribute, isJsxExpression, isObjectLiteralExpression, isPropertyAssignment, isJsxSpreadAttribute, isStringLiteralLikeNode, } from "typescript/unstable/ast";
-import { composite, contrastRatio, isColorBearingProperty, resolveColor, } from "../color.js";
+import { composite, contrastRatio, isColorBearingProperty, mix, resolveColor, } from "../color.js";
 import { parseContrastManifest, } from "../contracts.js";
 import { createThemeCollector } from "./theme.js";
+// The end of a gradient (#394): a token named <start>-end, when the start is
+// a token too, paints a gradient from the start to itself. A pair on it is
+// measured along the whole gradient, and not only at the end: between two
+// colors that pass, the mix can fall below the minimum, as when the text's
+// luminance lies between the two ends. Each point is taken in sRGB and in
+// Oklab, the two spaces a browser may interpolate in.
+const gradientSteps = 16;
+function resolveAlong(token, tokens) {
+    const end = resolveColor(tokens.get(token), tokens);
+    const startName = token.endsWith("-end") ? token.slice(0, -"-end".length) : undefined;
+    if (!startName || !tokens.has(startName))
+        return [end];
+    const start = resolveColor(tokens.get(startName), tokens);
+    if (start.status !== "resolved" || end.status !== "resolved")
+        return [{ status: "uncovered" }];
+    return Array.from({ length: gradientSteps + 1 }, (_, step) => mix(start.color, end.color, step / gradientSteps))
+        .flat()
+        .map((color) => ({ color, status: "resolved" }));
+}
 export async function loadContrastManifest(url) {
     const { readFile } = await import("node:fs/promises");
     const packaged = url ?? new URL("../contrast-contract.json", import.meta.url);
@@ -144,17 +163,25 @@ export function createTokenContrastRule({ computed = {}, defaults = {}, derived
                         tokens.set(token, value);
                 }
                 for (const pair of manifest.pairs) {
-                    let background = resolveColor(tokens.get(pair.background), tokens);
                     const foreground = resolveColor(tokens.get(pair.foreground), tokens);
-                    // A translucent background is measured as painted over the surface
-                    // the pair names (schema 2); without one it stays uncovered below.
-                    if (pair.over && background.status === "resolved" && (background.color.alpha ?? 1) < 1) {
-                        const over = resolveColor(tokens.get(pair.over), tokens);
-                        background = over.status === "resolved" && (over.color.alpha ?? 1) === 1
-                            ? { color: composite(background.color, over.color), status: "resolved" }
-                            : { status: "uncovered" };
+                    // Each point of the background, a gradient's included, and of the
+                    // surface under it; the pair is as good as its worst point.
+                    const backgrounds = [];
+                    for (const painted of resolveAlong(pair.background, tokens)) {
+                        // A translucent background is measured as painted over the surface
+                        // the pair names (schema 2); without one it stays uncovered below.
+                        if (pair.over && painted.status === "resolved" && (painted.color.alpha ?? 1) < 1) {
+                            for (const over of resolveAlong(pair.over, tokens)) {
+                                backgrounds.push(over.status === "resolved" && (over.color.alpha ?? 1) === 1
+                                    ? { color: composite(painted.color, over.color), status: "resolved" }
+                                    : { status: "uncovered" });
+                            }
+                        }
+                        else {
+                            backgrounds.push(painted);
+                        }
                     }
-                    if (background.status === "uncovered" ||
+                    if (backgrounds.some((background) => background.status === "uncovered") ||
                         foreground.status === "uncovered") {
                         result.uncovered.push({
                             ...location,
@@ -165,7 +192,8 @@ export function createTokenContrastRule({ computed = {}, defaults = {}, derived
                         });
                         continue;
                     }
-                    const ratio = contrastRatio(foreground.color, background.color);
+                    const ratios = backgrounds.map((background) => background.status === "resolved" ? contrastRatio(foreground.color, background.color) : undefined);
+                    const ratio = ratios.includes(undefined) ? undefined : Math.min(...ratios);
                     if (ratio === undefined) {
                         result.uncovered.push({
                             ...location,

package/dist/theme-contract.json

@@ -1,5 +1,5 @@
 {
-  "contractVersion": "3.2.0",
+  "contractVersion": "3.4.0",
   "schemaVersion": 2,
   "prefix": "--ui-",
   "required": [
@@ -231,7 +231,97 @@
     "--ui-field-description": { "kind": "token", "token": "--ui-text-secondary" },
     "--ui-checkbox-border": { "kind": "token", "token": "--ui-border-control" },
     "--ui-checkbox-bg": { "kind": "token", "token": "--ui-surface" },
-    "--ui-checkbox-mark": { "kind": "token", "token": "--ui-control-checked-fg" }
+    "--ui-checkbox-mark": { "kind": "token", "token": "--ui-control-checked-fg" },
+    "--ui-button-pressed-bg": { "kind": "token", "token": "--ui-action-primary-bg" },
+    "--ui-button-pressed-bg-hover": { "kind": "token", "token": "--ui-action-primary-bg-hover" },
+    "--ui-button-pressed-text": { "kind": "token", "token": "--ui-action-primary-text" },
+    "--ui-button-pressed-bg-on-inverse": { "kind": "token", "token": "--ui-surface" },
+    "--ui-button-pressed-bg-hover-on-inverse": { "kind": "token", "token": "--ui-surface-subtle" },
+    "--ui-button-pressed-text-on-inverse": { "kind": "token", "token": "--ui-text-primary" },
+    "--ui-list-item-success-bg": { "kind": "token", "token": "--ui-status-success-bg" },
+    "--ui-list-item-success-border": { "kind": "token", "token": "--ui-status-success" },
+    "--ui-list-item-warning-bg": { "kind": "token", "token": "--ui-status-warning-bg" },
+    "--ui-list-item-warning-border": { "kind": "token", "token": "--ui-status-warning" },
+    "--ui-list-item-danger-bg": { "kind": "token", "token": "--ui-status-danger-bg" },
+    "--ui-list-item-danger-border": { "kind": "token", "token": "--ui-status-danger" },
+    "--ui-list-item-info-bg": { "kind": "token", "token": "--ui-status-info-bg" },
+    "--ui-list-item-info-border": { "kind": "token", "token": "--ui-status-info" },
+    "--ui-badge-leading-text": { "kind": "token", "token": "--ui-text-secondary" },
+    "--ui-page-header-eyebrow": { "kind": "token", "token": "--ui-text-secondary" },
+    "--ui-stat-label": { "kind": "token", "token": "--ui-text-secondary" },
+    "--ui-steps-current": { "kind": "token", "token": "--ui-action-primary-bg" },
+    "--ui-steps-current-text": { "kind": "token", "token": "--ui-action-primary-text" },
+    "--ui-steps-current-bg": { "kind": "token", "token": "--ui-surface" },
+    "--ui-steps-current-ring": { "kind": "token", "token": "--ui-border" },
+    "--ui-steps-complete-bg": { "kind": "token", "token": "--ui-surface-subtle" },
+    "--ui-steps-track-filled": { "kind": "token", "token": "--ui-action-primary-bg" },
+    "--ui-steps-track-empty": { "kind": "token", "token": "--ui-border-control" },
+    "--ui-side-nav-count-bg": { "kind": "token", "token": "--ui-surface-subtle" },
+    "--ui-side-nav-count-text": { "kind": "token", "token": "--ui-text-secondary" },
+    "--ui-side-nav-count-bg-on-inverse": { "kind": "literal", "value": "transparent" },
+    "--ui-side-nav-count-text-on-inverse": { "kind": "token", "token": "--ui-text-secondary-on-inverse" },
+    "--ui-side-nav-count-dot": { "kind": "token", "token": "--ui-status-info" },
+    "--ui-message-incoming-bg": { "kind": "token", "token": "--ui-surface" },
+    "--ui-message-incoming-border": { "kind": "token", "token": "--ui-border" },
+    "--ui-message-incoming-text": { "kind": "token", "token": "--ui-text-primary" },
+    "--ui-message-incoming-meta": { "kind": "token", "token": "--ui-text-secondary" },
+    "--ui-message-incoming-quote-bg": { "kind": "token", "token": "--ui-surface-subtle" },
+    "--ui-message-incoming-quote-bar": { "kind": "token", "token": "--ui-action-primary-bg" },
+    "--ui-message-incoming-quote-text": { "kind": "token", "token": "--ui-text-secondary" },
+    "--ui-message-assistant-bg": { "kind": "token", "token": "--ui-action-soft-accent-bg" },
+    "--ui-message-assistant-border": { "kind": "token", "token": "--ui-border" },
+    "--ui-message-assistant-text": { "kind": "token", "token": "--ui-text-primary" },
+    "--ui-message-assistant-meta": { "kind": "token", "token": "--ui-text-secondary" },
+    "--ui-message-assistant-quote-bg": { "kind": "token", "token": "--ui-surface-subtle" },
+    "--ui-message-assistant-quote-bar": { "kind": "token", "token": "--ui-action-primary-bg" },
+    "--ui-message-assistant-quote-text": { "kind": "token", "token": "--ui-text-secondary" },
+    "--ui-message-outgoing-bg": { "kind": "token", "token": "--ui-action-primary-bg" },
+    "--ui-message-outgoing-border": { "kind": "token", "token": "--ui-action-primary-bg" },
+    "--ui-message-outgoing-text": { "kind": "token", "token": "--ui-action-primary-text" },
+    "--ui-message-outgoing-meta": { "kind": "token", "token": "--ui-action-primary-text" },
+    "--ui-message-outgoing-quote-bg": { "kind": "literal", "value": "rgb(0 0 0 / 20%)" },
+    "--ui-message-outgoing-quote-bar": { "kind": "token", "token": "--ui-action-primary-text" },
+    "--ui-message-outgoing-quote-text": { "kind": "token", "token": "--ui-action-primary-text" },
+    "--ui-system-message-accent-bg": { "kind": "token", "token": "--ui-action-soft-accent-bg" },
+    "--ui-system-message-accent-border": { "kind": "token", "token": "--ui-border" },
+    "--ui-system-message-accent-text": { "kind": "token", "token": "--ui-text-primary" },
+    "--ui-system-message-danger-bg": { "kind": "token", "token": "--ui-status-danger-bg" },
+    "--ui-system-message-danger-border": { "kind": "token", "token": "--ui-status-danger" },
+    "--ui-system-message-danger-text": { "kind": "token", "token": "--ui-status-danger-text" },
+    "--ui-media-overlay-bg": { "kind": "literal", "value": "rgb(0 0 0 / 70%)" },
+    "--ui-media-overlay-text": { "kind": "literal", "value": "#ffffff" },
+    "--ui-media-control-bg": { "kind": "literal", "value": "rgb(255 255 255 / 20%)" },
+    "--ui-media-control-bg-hover": { "kind": "literal", "value": "rgb(255 255 255 / 30%)" },
+    "--ui-media-caption-bg": { "kind": "literal", "value": "rgb(0 0 0 / 50%)" },
+    "--ui-media-viewer-backdrop": { "kind": "literal", "value": "rgb(0 0 0 / 85%)" },
+    "--ui-media-viewer-base": { "kind": "literal", "value": "#262626" },
+    "--ui-media-strip-current": { "kind": "token", "token": "--ui-action-primary-bg" },
+    "--ui-time-slot-available-bg": { "kind": "token", "token": "--ui-action-soft-accent-bg" },
+    "--ui-time-slot-available-border": { "kind": "token", "token": "--ui-action-soft-accent-border" },
+    "--ui-time-slot-available-text": { "kind": "token", "token": "--ui-action-soft-accent-text" },
+    "--ui-time-slot-available-bg-hover": { "kind": "token", "token": "--ui-action-soft-accent-bg-hover" },
+    "--ui-time-slot-available-text-hover": { "kind": "token", "token": "--ui-action-soft-accent-text-hover" },
+    "--ui-time-slot-busy-bg": { "kind": "token", "token": "--ui-status-warning-bg" },
+    "--ui-time-slot-busy-border": { "kind": "token", "token": "--ui-status-warning" },
+    "--ui-time-slot-busy-text": { "kind": "token", "token": "--ui-status-warning-text" },
+    "--ui-time-slot-busy-selected-bg": { "kind": "token", "token": "--ui-action-warning-bg" },
+    "--ui-time-slot-busy-selected-text": { "kind": "token", "token": "--ui-action-warning-text" },
+    "--ui-time-slot-ring": { "kind": "token", "token": "--ui-border" },
+    "--ui-day-today-text": { "kind": "token", "token": "--ui-action-soft-accent-text" },
+    "--ui-day-selected-bg": { "kind": "token", "token": "--ui-action-soft-accent-bg" },
+    "--ui-day-selected-border": { "kind": "token", "token": "--ui-action-primary-bg" },
+    "--ui-day-detail-available": { "kind": "token", "token": "--ui-text-secondary" },
+    "--ui-day-detail-busy": { "kind": "token", "token": "--ui-text-secondary" },
+    "--ui-calendar-selected-text": { "kind": "token", "token": "--ui-text-primary" },
+    "--ui-calendar-conflict": { "kind": "token", "token": "--ui-status-danger" },
+    "--ui-calendar-free-border": { "kind": "token", "token": "--ui-action-soft-accent-border" },
+    "--ui-calendar-free-text": { "kind": "token", "token": "--ui-action-soft-accent-text" },
+    "--ui-board-count-bg": { "kind": "token", "token": "--ui-surface-subtle" },
+    "--ui-board-count-text": { "kind": "token", "token": "--ui-text-primary" },
+    "--ui-board-card-border-hover": { "kind": "token", "token": "--ui-action-primary-bg" },
+    "--ui-board-drop-bg": { "kind": "token", "token": "--ui-action-soft-accent-bg" },
+    "--ui-board-drop-border": { "kind": "token", "token": "--ui-action-primary-bg" },
+    "--ui-surface-inverse-end": { "kind": "token", "token": "--ui-surface-inverse" }
   },
   "shape": [
     "--ui-font-body",
@@ -276,7 +366,12 @@
     "--ui-font-weight-medium",
     "--ui-font-weight-bold",
     "--ui-alert-radius",
-    "--ui-alert-padding"
+    "--ui-alert-padding",
+    "--ui-control-height-xs",
+    "--ui-radius-xs",
+    "--ui-list-item-radius",
+    "--ui-font-size-2xl",
+    "--ui-font-size-3xl"
   ],
   "brandComposition": [
     "--ui-brand-primary",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ksmv/ui-checks",
-  "version": "0.21.1",
+  "version": "0.22.1",
   "description": "Static and computed quality checks for semantic UI token contracts.",
   "keywords": ["accessibility", "design-tokens", "quality", "static-analysis"],
   "license": "Apache-2.0",
@@ -27,7 +27,7 @@
   },
   "devDependencies": { "@types/node": "26.6.2", "vitest": "5.0.1" },
   "engines": { "node": ">=22.14" },
-  "repository": { "type": "git", "url": "https://github.com/AxisGov/ui.git", "directory": "packages/checks" },
+  "repository": { "type": "git", "url": "https://github.com/katosmv/ui.git", "directory": "packages/checks" },
   "homepage": "https://www.npmjs.com/package/@ksmv/ui-checks",
   "bugs": {},
   "publishConfig": { "access": "public", "registry": "https://registry.npmjs.org/" }