@rak200/ui 0.6.15 → 0.7.1

package/dist/index.d.ts

@@ -8,7 +8,8 @@ export { UiMenu } from './menu.js';
 export { UiRadio, UiRadioGroup, type RadioOrientation } from './radio.js';
 export { UiOptgroup, UiOption, UiSelect } from './select.js';
 export { UiTable } from './table.js';
+export { matrix, themeStyleSheet, type Theme } from './theme.js';
 export { UiToast, UiToaster, type ToastVariant } from './toast.js';
 export { UiTooltip } from './tooltip.js';
-export { tokens, derivedTokens, defaults, formulas, darkScheme, tokenStyleSheet, type Token, type DerivedToken, } from './tokens.js';
+export { tokens, derivedTokens, defaults, formulas, darkScheme, moreContrast, tokenStyleSheet, type Token, type DerivedToken, } from './tokens.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACH,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,eAAe,EACf,KAAK,KAAK,EACV,KAAK,YAAY,GACpB,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,KAAK,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACH,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,eAAe,EACf,KAAK,KAAK,EACV,KAAK,YAAY,GACpB,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -8,7 +8,8 @@ export { UiMenu } from './menu.js';
 export { UiRadio, UiRadioGroup } from './radio.js';
 export { UiOptgroup, UiOption, UiSelect } from './select.js';
 export { UiTable } from './table.js';
+export { matrix, themeStyleSheet } from './theme.js';
 export { UiToast, UiToaster } from './toast.js';
 export { UiTooltip } from './tooltip.js';
-export { tokens, derivedTokens, defaults, formulas, darkScheme, tokenStyleSheet, } from './tokens.js';
+export { tokens, derivedTokens, defaults, formulas, darkScheme, moreContrast, tokenStyleSheet, } from './tokens.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAyB,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAqB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACH,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,eAAe,GAGlB,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAyB,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,eAAe,EAAc,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAqB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EACH,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,eAAe,GAGlB,MAAM,aAAa,CAAC"}

package/dist/theme.d.ts

@@ -0,0 +1,67 @@
+import { type DerivedToken, type Token } from './tokens.js';
+/** A name a theme may set: a ground, or a derived role it overrides. */
+type Named = Token | DerivedToken;
+/**
+ * A named set of decisions, as data, for {@link themeStyleSheet} to render.
+ *
+ * **The object `defaults`, `darkScheme` and `moreContrast` already are**, for a palette other
+ * than the default one — RFC 0003. Data first and CSS second, because a target that is not CSS
+ * reads the source rather than parsing a stylesheet back into values, which is what #24 records
+ * as the thing to avoid.
+ *
+ * A theme carries no `scheme`: no shipped theme declines one, and a theme that wanted one would
+ * gain an optional field, additively.
+ */
+export interface Theme {
+    /** What `data-ui-theme` says to select it. */
+    readonly name: string;
+    /**
+     * What it sets, at its value in the light scheme or in both — as `defaults` is. A derived
+     * role belongs here only where the theme needs a different mix than the formula gives,
+     * and then the floors measure what it wrote.
+     */
+    readonly values: Readonly<Partial<Record<Named, string>>>;
+    /** The values that differ in the dark scheme, as `darkScheme` is. Colours only. */
+    readonly dark?: Readonly<Partial<Record<Named, string>>>;
+    /**
+     * Its answer to `prefers-contrast: more`, a light and a dark value per name, as
+     * `moreContrast` is.
+     */
+    readonly more?: Readonly<Partial<Record<Named, readonly [light: string, dark: string]>>>;
+}
+/**
+ * A theme as CSS: its block under `[data-ui-theme='…']`, and its answer to
+ * `prefers-contrast: more` after it.
+ *
+ * **Never emitted by `tokenStyleSheet()`**, so a host inserts the block for a theme it uses
+ * and pays for no theme it never selects. Selecting one stays the attribute.
+ *
+ * **The answer resets the states the default palette's answer writes and the theme's leaves
+ * out.** `tokenStyleSheet()` writes them under `more` at `:root`, and a value declared at
+ * `:root` reaches every subtree — so under a theme it would paint the default palette's greys
+ * over the theme's grounds. `initial` takes each back to its formula, which resolves against
+ * the theme's own grounds where it is used. A ground needs no reset: one the theme declares
+ * wins on its own element, and one it does not is the reader's setting, rightly inherited.
+ */
+export declare function themeStyleSheet(theme: Theme): string;
+/**
+ * Matrix: a terminal's green on near-black in the dark scheme, and the same idea on white in
+ * the light one — RFC 0003 built it in both and kept both.
+ *
+ * The dark scheme is the reference's wherever the floors allow it: its green on `#050505`,
+ * a monospace face, an 8px corner. On white that green is 1.37:1, so the text goes to a dark
+ * green and the accent to a middle one, which keeps the derived black label legible on it.
+ * Success is the theme's own green, where the default palette's would sit beside it as a
+ * second one, and info a terminal's brighter cyan; both clear the 4.5:1 every outcome does.
+ *
+ * **The glow is the elevation step, so no name is added for it**: the card, the menu, the
+ * toast and the tip already read `--ui-elevation-100`, and a glow is a shadow at no offset. A
+ * shadow is not a colour, so `light-dark()` cannot carry two of them — but the part of a glow
+ * that follows the scheme is its colour, and a colour inside a shadow can be `light-dark()`.
+ * The strength the prototype settled on, 1.8, is folded into the alphas.
+ *
+ * Under `prefers-contrast: more` the green stays on the accent and the text goes to its pole.
+ */
+export declare const matrix: Theme;
+export {};
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,YAAY,EAAE,KAAK,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzF,wEAAwE;AACxE,KAAK,KAAK,GAAG,KAAK,GAAG,YAAY,CAAC;AAElC;;;;;;;;;;GAUG;AACH,MAAM,WAAW,KAAK;IAClB,8CAA8C;IAC9C,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAC1D,mFAAmF;IACnF,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACzD;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;CAC5F;AAOD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAmBpD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,MAAM,EAAE,KAiCpB,CAAC"}

package/dist/theme.js

@@ -0,0 +1,85 @@
+import { derivedTokens, moreContrast } from './tokens.js';
+/** One declaration, a value with its dark one where it has one. */
+function declare(name, light, dark) {
+    return `  ${name}: ${dark === undefined ? light : `light-dark(${light}, ${dark})`};`;
+}
+/**
+ * A theme as CSS: its block under `[data-ui-theme='…']`, and its answer to
+ * `prefers-contrast: more` after it.
+ *
+ * **Never emitted by `tokenStyleSheet()`**, so a host inserts the block for a theme it uses
+ * and pays for no theme it never selects. Selecting one stays the attribute.
+ *
+ * **The answer resets the states the default palette's answer writes and the theme's leaves
+ * out.** `tokenStyleSheet()` writes them under `more` at `:root`, and a value declared at
+ * `:root` reaches every subtree — so under a theme it would paint the default palette's greys
+ * over the theme's grounds. `initial` takes each back to its formula, which resolves against
+ * the theme's own grounds where it is used. A ground needs no reset: one the theme declares
+ * wins on its own element, and one it does not is the reader's setting, rightly inherited.
+ */
+export function themeStyleSheet(theme) {
+    const selector = `[data-ui-theme='${theme.name}']`;
+    const values = Object.entries(theme.values).map(([name, light]) => declare(name, light, theme.dark?.[name]));
+    const answered = theme.more ?? {};
+    const resets = derivedTokens.filter((name) => name in moreContrast && !(name in answered) && !(name in theme.values));
+    const answer = [
+        ...Object.entries(answered).map(([name, [light, dark]]) => declare(name, light, dark)),
+        ...resets.map((name) => `  ${name}: initial;`),
+    ].map((line) => `  ${line}`);
+    return [
+        `${selector} {\n${values.join('\n')}\n}`,
+        `@media (prefers-contrast: more) {\n  ${selector} {\n${answer.join('\n')}\n  }\n}`,
+    ].join('\n\n');
+}
+/**
+ * Matrix: a terminal's green on near-black in the dark scheme, and the same idea on white in
+ * the light one — RFC 0003 built it in both and kept both.
+ *
+ * The dark scheme is the reference's wherever the floors allow it: its green on `#050505`,
+ * a monospace face, an 8px corner. On white that green is 1.37:1, so the text goes to a dark
+ * green and the accent to a middle one, which keeps the derived black label legible on it.
+ * Success is the theme's own green, where the default palette's would sit beside it as a
+ * second one, and info a terminal's brighter cyan; both clear the 4.5:1 every outcome does.
+ *
+ * **The glow is the elevation step, so no name is added for it**: the card, the menu, the
+ * toast and the tip already read `--ui-elevation-100`, and a glow is a shadow at no offset. A
+ * shadow is not a colour, so `light-dark()` cannot carry two of them — but the part of a glow
+ * that follows the scheme is its colour, and a colour inside a shadow can be `light-dark()`.
+ * The strength the prototype settled on, 1.8, is folded into the alphas.
+ *
+ * Under `prefers-contrast: more` the green stays on the accent and the text goes to its pole.
+ */
+export const matrix = {
+    name: 'matrix',
+    values: {
+        '--ui-color-surface': '#ffffff',
+        '--ui-color-text': '#003b00',
+        '--ui-color-accent': '#008f11',
+        '--ui-color-focus': '#008f11',
+        '--ui-color-success': '#00850f',
+        '--ui-color-info': '#00778a',
+        '--ui-font': "'Courier New', Courier, ui-monospace, monospace",
+        '--ui-radius': '0.5rem',
+        // 18% and 30% of the text rather than the formula's 16% and 26%: a green text is
+        // far from neutral, and the formula's mix left the dark hover at 1.24:1 and the light
+        // pressed 1.24 past the hover, under the 1.25 both owe. Written as values, so they
+        // are data a target that is not CSS can read.
+        '--ui-color-hover': '#cfd9ce',
+        '--ui-color-pressed': '#b0c1ae',
+        '--ui-elevation-100': '0 0 0 1px light-dark(rgb(0 143 17 / 0.54), rgb(0 255 0 / 0.45)), 0 0 18px light-dark(rgb(0 143 17 / 0.45), rgb(0 255 0 / 0.54))',
+    },
+    dark: {
+        '--ui-color-surface': '#050505',
+        '--ui-color-text': '#00ff00',
+        '--ui-color-accent': '#00ff00',
+        '--ui-color-focus': '#ccffcc',
+        '--ui-color-success': '#00ff00',
+        '--ui-color-info': '#00e5ff',
+        '--ui-color-hover': '#11280f',
+        '--ui-color-pressed': '#174315',
+    },
+    more: {
+        '--ui-color-text': ['#000000', '#ffffff'],
+    },
+};
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAiC,MAAM,aAAa,CAAC;AAkCzF,mEAAmE;AACnE,SAAS,OAAO,CAAC,IAAY,EAAE,KAAa,EAAE,IAAwB;IAClE,OAAO,KAAK,IAAI,KAAK,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,KAAK,KAAK,IAAI,GAAG,GAAG,CAAC;AACzF,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,eAAe,CAAC,KAAY;IACxC,MAAM,QAAQ,GAAG,mBAAmB,KAAK,CAAC,IAAI,IAAI,CAAC;IACnD,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAC9D,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,IAAa,CAAC,CAAC,CACpD,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAC;IAClC,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAC/B,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,IAAI,YAAY,IAAI,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,CACnF,CAAC;IACF,MAAM,MAAM,GAAG;QACX,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QACtF,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,IAAI,YAAY,CAAC;KACjD,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAE7B,OAAO;QACH,GAAG,QAAQ,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK;QACxC,wCAAwC,QAAQ,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU;KACrF,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACnB,CAAC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE;QACJ,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,mBAAmB,EAAE,SAAS;QAC9B,kBAAkB,EAAE,SAAS;QAC7B,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,WAAW,EAAE,iDAAiD;QAC9D,aAAa,EAAE,QAAQ;QACvB,iFAAiF;QACjF,sFAAsF;QACtF,mFAAmF;QACnF,8CAA8C;QAC9C,kBAAkB,EAAE,SAAS;QAC7B,oBAAoB,EAAE,SAAS;QAC/B,oBAAoB,EAChB,iIAAiI;KACxI;IACD,IAAI,EAAE;QACF,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,mBAAmB,EAAE,SAAS;QAC9B,kBAAkB,EAAE,SAAS;QAC7B,oBAAoB,EAAE,SAAS;QAC/B,iBAAiB,EAAE,SAAS;QAC5B,kBAAkB,EAAE,SAAS;QAC7B,oBAAoB,EAAE,SAAS;KAClC;IACD,IAAI,EAAE;QACF,iBAAiB,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;KAC5C;CACJ,CAAC"}

package/dist/tokens.d.ts

@@ -31,7 +31,7 @@
  * it does break is code that **enumerates** the set, an exhaustive `Record<Token, string>`
  * above all. The supported shape is the partial map, which is what a theme is anyway.
  */
-export declare const tokens: readonly ["--ui-color-accent", "--ui-color-accent-contrast", "--ui-color-surface", "--ui-color-text", "--ui-color-focus", "--ui-color-danger", "--ui-color-success", "--ui-color-warning", "--ui-color-info", "--ui-color-scrim", "--ui-radius", "--ui-space", "--ui-font", "--ui-duration-100", "--ui-easing-state", "--ui-easing-enter", "--ui-easing-exit", "--ui-icon-size", "--ui-icon-stroke", "--ui-elevation-100", "--ui-text-100"];
+export declare const tokens: readonly ["--ui-color-accent", "--ui-color-surface", "--ui-color-text", "--ui-color-focus", "--ui-color-danger", "--ui-color-success", "--ui-color-warning", "--ui-color-info", "--ui-color-scrim", "--ui-radius", "--ui-space", "--ui-font", "--ui-duration-100", "--ui-easing-state", "--ui-easing-enter", "--ui-easing-exit", "--ui-icon-size", "--ui-icon-stroke", "--ui-elevation-100", "--ui-text-100"];
 /** A CSS custom property this package defines and gives a default. */
 export type Token = (typeof tokens)[number];
 /**
@@ -44,7 +44,7 @@ export type Token = (typeof tokens)[number];
  * what it buys is an override surface a host can hold in their head: change the accent and
  * the hover and pressed colours follow, rather than being one more name each.
  */
-export declare const derivedTokens: readonly ["--ui-duration-state", "--ui-color-border", "--ui-color-text-muted", "--ui-color-hover", "--ui-color-pressed", "--ui-color-accent-hover", "--ui-color-accent-pressed", "--ui-elevation-raised", "--ui-text-supporting", "--ui-color-surface-muted"];
+export declare const derivedTokens: readonly ["--ui-duration-state", "--ui-color-border", "--ui-color-text-muted", "--ui-color-hover", "--ui-color-pressed", "--ui-color-accent-contrast", "--ui-color-accent-hover", "--ui-color-accent-pressed", "--ui-elevation-raised", "--ui-text-supporting", "--ui-color-surface-muted"];
 /** A CSS custom property this package computes rather than declares. */
 export type DerivedToken = (typeof derivedTokens)[number];
 /**
@@ -101,10 +101,35 @@ export declare const formulas: Readonly<Record<DerivedToken, string>>;
  * takes colours, so a dark value for `--ui-radius` would emit CSS the browser discards.
  */
 export declare const darkScheme: Readonly<Partial<Record<Token, string>>>;
+/**
+ * The default palette's answer to `prefers-contrast: more`: each name it moves, with its
+ * light value and its dark one.
+ *
+ * **The reader's setting, answered in the token layer as reduced motion is, and not a
+ * theme** — RFC 0003. A host chooses a theme; a reader's system asks for contrast, and a
+ * reader who needs it should not depend on a host having shipped a picker.
+ *
+ * The text, the surface, the accent and the focus ring go to the poles, the dark scheme on
+ * pure black. The accent's label follows on its own, being the accent's pole, and so do the
+ * border and the muted text, which mix toward the text. The outcome colours stay where they
+ * were chosen, at 4.5:1: an error that turned grey would stop saying it is an error.
+ *
+ * **The states are written out, as values rather than formulas.** Over pure black a mix
+ * toward the text barely moves — 8% of white is 1.01:1 — and a black or white accent has
+ * no room to shade toward, so a palette this fully known gives its states. Each is set at
+ * the step the default palette's own states take: the hover 1.41:1 from the surface in
+ * light and 1.42 in dark, the pressed 1.28 and 1.36 past it. They are derived names, and a
+ * value declared at `:root` reaches every subtree below it, which a formula must never do
+ * and a value may.
+ *
+ * A pair rather than two maps, so a name cannot be given one scheme and forgotten in the
+ * other, and so an emitter that is not CSS reads two values rather than parsing a function.
+ */
+export declare const moreContrast: Readonly<Partial<Record<Token | DerivedToken, readonly [light: string, dark: string]>>>;
 /**
  * The token defaults as a CSS rule, for a host that wants them without importing a
- * component. Returns the text of a `:root` block and the reduced-motion rule beside it; a
- * host inserts them however it prefers.
+ * component. Returns the text of a `:root` block, the reduced-motion rule beside it and the
+ * answer to `prefers-contrast: more` after both; a host inserts them however it prefers.
  *
  * **It declares `color-scheme` as well as the tokens, and that is deliberate.**
  * `color-scheme` is a real property rather than a custom one, so it can never be a token —
@@ -122,6 +147,9 @@ export declare const darkScheme: Readonly<Partial<Record<Token, string>>>;
  * declares is a literal rather than a formula. Without it, a host who tuned
  * `--ui-duration-state` would keep their motion through the collapse, and the setting
  * would be honoured for everyone except the people who had touched it.
+ *
+ * **More contrast is answered here too**, from {@link moreContrast} and for the same
+ * reason: it is the reader's setting, so no component should have to learn it exists.
  */
 export declare function tokenStyleSheet(): string;
 //# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,6aAkHT,CAAC;AAEX,sEAAsE;AACtE,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,+PA4ChB,CAAC;AAEX,wEAAwE;AACxE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAmEpD,CAAC;AAqBF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CA2C3D,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAkB/D,CAAC;AAKF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAsBxC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,+YAiHT,CAAC;AAEX,sEAAsE;AACtE,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5C;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,6RAgDhB,CAAC;AAEX,wEAAwE;AACxE,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAkEpD,CAAC;AAoEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAqD3D,CAAC;AAEF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAiB/D,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,YAAY,EAAE,QAAQ,CAC/B,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,YAAY,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAYhF,CAAC;AAKF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,eAAe,IAAI,MAAM,CA2BxC"}

package/dist/tokens.js

@@ -33,7 +33,6 @@
  */
 export const tokens = [
     '--ui-color-accent',
-    '--ui-color-accent-contrast',
     '--ui-color-surface',
     '--ui-color-text',
     '--ui-color-focus',
@@ -173,6 +172,10 @@ export const derivedTokens = [
     // control*, and the role this implements was named `accent hover / pressed`.
     '--ui-color-hover',
     '--ui-color-pressed',
+    // The text on the accent, derived from it so a host who moves the accent moves the
+    // label with it — RFC 0003. It was a ground until then, and a host's accent with the
+    // default label beside it was a pair nothing measured.
+    '--ui-color-accent-contrast',
     '--ui-color-accent-hover',
     '--ui-color-accent-pressed',
     // The purpose the elevation scale is read through, arriving with `ui-card`. `raised`
@@ -209,7 +212,6 @@ export const derivedTokens = [
  */
 export const defaults = {
     '--ui-color-accent': '#2563eb',
-    '--ui-color-accent-contrast': '#ffffff',
     '--ui-color-surface': '#ffffff',
     '--ui-color-text': '#1f2937',
     // Amber-700 rather than the amber-500 this shipped with, and the change is a floor
@@ -292,6 +294,44 @@ function ground(name) {
 function mix(foreground, amount, background) {
     return `color-mix(in oklab, ${ground(foreground)} ${String(amount)}%, ${ground(background)})`;
 }
+/**
+ * A ground's relative luminance, as relative colour syntax reads it: the WCAG weights over
+ * the linear channels. Written out wherever a formula needs it, because a CSS value has no
+ * variable of its own.
+ */
+const luminance = '(0.2126 * r + 0.7152 * g + 0.0722 * b)';
+/** 1 where `expression` is above zero and 0 where it is not — a step, as CSS can write one. */
+function step(expression) {
+    return `clamp(0, (${expression}) * infinity, 1)`;
+}
+/**
+ * White or black, read off `name` by `channel`: the one number written into all three linear
+ * channels, so 1 is white and 0 is black, and nothing between is ever produced by a step.
+ */
+function pole(name, channel) {
+    return `color(from ${ground(name)} srgb-linear ${channel} ${channel} ${channel})`;
+}
+/**
+ * The luminance where white and black stand equally far from a colour, 1.05 / (Y + 0.05)
+ * against (Y + 0.05) / 0.05. Under it white is the further pole, from it on black.
+ */
+const crossover = 0.1791;
+/**
+ * The pole the accent's states move toward. Away from the label while the label has little
+ * to spare, toward it once the label stands at 10:1 or more: lighten at or under 0.055 (a
+ * white label at 10:1 and up) or between the crossover and 0.45 (a black label under 10:1),
+ * darken otherwise.
+ *
+ * Away from the label always left a very light or a very dark accent no room to move, 697
+ * of 4096 under the 1.05 the suite asks; toward it always took the label under 4.5:1 on
+ * 1978. With the turn anywhere from 8.5:1 to 12:1 only black fails, its hover at 1.03 under
+ * every shape — measured for RFC 0003, and 10 sits in the middle.
+ */
+const room = pole('--ui-color-accent', `clamp(0, ${step(`0.055 - ${luminance}`)} + ${step(`${luminance} - ${String(crossover)}`)} * ${step(`0.45 - ${luminance}`)}, 1)`);
+/** `amount`% of the way from the accent toward the pole its states have room to move to. */
+function shade(amount) {
+    return `color-mix(in oklab, ${room} ${String(amount)}%, ${ground('--ui-color-accent')})`;
+}
 /**
  * How each derived role computes when the host has not set it.
  *
@@ -334,8 +374,15 @@ export const formulas = {
     // light, which is passing by rounding.
     '--ui-color-hover': mix('--ui-color-text', 16, '--ui-color-surface'),
     '--ui-color-pressed': mix('--ui-color-text', 26, '--ui-color-surface'),
-    '--ui-color-accent-hover': mix('--ui-color-text', 12, '--ui-color-accent'),
-    '--ui-color-accent-pressed': mix('--ui-color-text', 22, '--ui-color-accent'),
+    // The pole of the accent, white or black, whichever stands further from it: the label
+    // that reads on any accent a host picks, 0 of 4096 under 4.5:1. Black on the dark
+    // scheme's blue-400 at 8.26:1, where the ground it replaced was `#111827` at 6.98.
+    '--ui-color-accent-contrast': pole('--ui-color-accent', step(`${String(crossover)} - ${luminance}`)),
+    // Toward whichever pole has room rather than toward the text, which ran out of room on
+    // an accent already near it: the docblock on `room` carries the measurement. The light
+    // scheme's hover moves from `#255cd4` to `#1d52c6`, the pole being black there.
+    '--ui-color-accent-hover': shade(12),
+    '--ui-color-accent-pressed': shade(22),
     // 3.39:1 on the light surface and 3.96:1 on the dark one, against a floor of 3. The
     // step below clears neither — 45% is 2.94 in light, which is what a value chosen by
     // eye would have shipped.
@@ -383,10 +430,9 @@ export const formulas = {
  */
 export const darkScheme = {
     // Blue-400 over the dark surface rather than blue-600, which is legible on white and
-    // muddy on charcoal. Its contrast pair is inverted with it: dark text on a light
-    // accent is what reads at this end.
+    // muddy on charcoal. Its label needs no dark value: it is derived from the accent, so
+    // it goes to black at this end on its own.
     '--ui-color-accent': '#60a5fa',
-    '--ui-color-accent-contrast': '#111827',
     '--ui-color-surface': '#111827',
     '--ui-color-text': '#e5e7eb',
     // Red-700 is 2.74:1 on the dark surface — under the 4.5:1 floor for text, and error
@@ -400,12 +446,48 @@ export const darkScheme = {
     // Cyan-400, inverted with the other three for the same reason: 9.82:1.
     '--ui-color-info': '#22d3ee',
 };
+/**
+ * The default palette's answer to `prefers-contrast: more`: each name it moves, with its
+ * light value and its dark one.
+ *
+ * **The reader's setting, answered in the token layer as reduced motion is, and not a
+ * theme** — RFC 0003. A host chooses a theme; a reader's system asks for contrast, and a
+ * reader who needs it should not depend on a host having shipped a picker.
+ *
+ * The text, the surface, the accent and the focus ring go to the poles, the dark scheme on
+ * pure black. The accent's label follows on its own, being the accent's pole, and so do the
+ * border and the muted text, which mix toward the text. The outcome colours stay where they
+ * were chosen, at 4.5:1: an error that turned grey would stop saying it is an error.
+ *
+ * **The states are written out, as values rather than formulas.** Over pure black a mix
+ * toward the text barely moves — 8% of white is 1.01:1 — and a black or white accent has
+ * no room to shade toward, so a palette this fully known gives its states. Each is set at
+ * the step the default palette's own states take: the hover 1.41:1 from the surface in
+ * light and 1.42 in dark, the pressed 1.28 and 1.36 past it. They are derived names, and a
+ * value declared at `:root` reaches every subtree below it, which a formula must never do
+ * and a value may.
+ *
+ * A pair rather than two maps, so a name cannot be given one scheme and forgotten in the
+ * other, and so an emitter that is not CSS reads two values rather than parsing a function.
+ */
+export const moreContrast = {
+    '--ui-color-accent': ['#000000', '#ffffff'],
+    '--ui-color-surface': ['#ffffff', '#000000'],
+    '--ui-color-text': ['#000000', '#ffffff'],
+    '--ui-color-focus': ['#000000', '#ffffff'],
+    '--ui-color-hover': ['#d9d9d9', '#282828'],
+    '--ui-color-pressed': ['#c1c1c1', '#3d3d3d'],
+    '--ui-color-accent-hover': ['#333333', '#d6d6d6'],
+    '--ui-color-accent-pressed': ['#4d4d4d', '#b3b3b3'],
+    // Under the hover, so a row under the pointer is still a change rather than a stripe.
+    '--ui-color-surface-muted': ['#f2f2f2', '#141414'],
+};
 /** The category every duration name shares, which is what reduced motion collapses. */
 const duration = '--ui-duration-';
 /**
  * The token defaults as a CSS rule, for a host that wants them without importing a
- * component. Returns the text of a `:root` block and the reduced-motion rule beside it; a
- * host inserts them however it prefers.
+ * component. Returns the text of a `:root` block, the reduced-motion rule beside it and the
+ * answer to `prefers-contrast: more` after both; a host inserts them however it prefers.
  *
  * **It declares `color-scheme` as well as the tokens, and that is deliberate.**
  * `color-scheme` is a real property rather than a custom one, so it can never be a token —
@@ -423,6 +505,9 @@ const duration = '--ui-duration-';
  * declares is a literal rather than a formula. Without it, a host who tuned
  * `--ui-duration-state` would keep their motion through the collapse, and the setting
  * would be honoured for everyone except the people who had touched it.
+ *
+ * **More contrast is answered here too**, from {@link moreContrast} and for the same
+ * reason: it is the reader's setting, so no component should have to learn it exists.
  */
 export function tokenStyleSheet() {
     const grounds = tokens
@@ -439,9 +524,13 @@ export function tokenStyleSheet() {
         .filter((token) => token.startsWith(duration))
         .map((token) => `    ${token}: 0.01ms;`)
         .join('\n');
+    const contrasted = Object.entries(moreContrast)
+        .map(([token, [light, dark]]) => `    ${token}: light-dark(${light}, ${dark});`)
+        .join('\n');
     return [
         `:root {\n  color-scheme: light dark;\n${grounds}\n}`,
         `@media (prefers-reduced-motion: reduce) {\n  :root {\n${collapsed}\n  }\n}`,
+        `@media (prefers-contrast: more) {\n  :root {\n${contrasted}\n  }\n}`,
     ].join('\n\n');
 }
 //# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rak200/ui",
-  "version": "0.6.15",
+  "version": "0.7.1",
   "description": "Host-agnostic custom-element UI components for the rak200 ecosystem",
   "license": "MIT",
   "author": "rak200 <rak.ricardo@windowslive.com>",