@eos-ui/tokens 0.5.2 → 0.5.3

package/dist/generated/defaults.d.ts

@@ -14,7 +14,7 @@ export declare const defaults: {
     readonly background: "#ffffff";
     readonly surface: "#ffffff";
     readonly "surface-tint": "#eaf4f8";
-    readonly "surface-hover": "color-mix(in srgb, var(--e-surface-tint), var(--e-ink) 3%)";
+    readonly "surface-hover": "color-mix(in srgb, var(--e-surface), var(--e-ink) 9%)";
     readonly ink: "#000000";
     readonly "print-ink": "#000000";
     readonly "print-paper": "#ffffff";

package/dist/generated/defaults.js

@@ -15,7 +15,7 @@ export const defaults = {
     "background": "#ffffff",
     "surface": "#ffffff",
     "surface-tint": "#eaf4f8",
-    "surface-hover": "color-mix(in srgb, var(--e-surface-tint), var(--e-ink) 3%)",
+    "surface-hover": "color-mix(in srgb, var(--e-surface), var(--e-ink) 9%)",
     "ink": "#000000",
     "print-ink": "#000000",
     "print-paper": "#ffffff",
@@ -185,7 +185,7 @@ export const usage = {
     "background": "The page ground: the colour behind everything, painted by the app shell and the page. White by default, the same as `surface`. The `background` input of `defineTheme` sets it; when only `surface` is given the page ground follows the surface.",
     "surface": "What sits on the page: cards, fields, popovers, dialogs, panels and headers. Every screen starts on white. The `surface` input of `defineTheme` sets it, and with it derives `surface-tint`, the soft tone backdrops and, on a dark surface, the light action colours.",
     "surface-tint": "The surface's second step: wells, hovered rows, table headers, footers, empty slots and the information tone's tint. Derived from `surface` by shifting its lightness 0.045 toward the foreground (0.06 the other way on a dark surface) in the brand hue (a neutral grey with `contrast: \"high\"`). About 1.1:1 against white, so never a boundary on its own.",
-    "surface-hover": "The hover tone for rows, items and tiles that sit on `surface`: `surface-tint` pulled 3% toward `ink`: the same fill as the selected nav item, so a hovered item and a selected one match. Follows a dark surface and a custom brand automatically.",
+    "surface-hover": "The hover tone for rows, items, tiles and fields that sit on `surface`: `surface` pulled 9% toward `ink`, a neutral step with no brand tint. The same fill as the selected nav item, so a hovered item and a selected one match. Follows a dark surface automatically.",
     "ink": "Body copy, headings and icons on `surface`, `surface-tint`, `primary`, `secondary`, `danger` and the soft tints. Also the neutral chip colour. Set by the `foreground` input of `defineTheme`, which also drives `muted`, `border` and `border-strong`.",
     "print-ink": "Text and rules when printing, whatever the theme: black.",
     "print-paper": "The page and fills when printing, whatever the theme: white.",
@@ -259,7 +259,7 @@ export const derivedFrom = {
     "background": "background,surface",
     "surface": "surface",
     "surface-tint": "surface,brand,contrast",
-    "surface-hover": "surface-tint,ink",
+    "surface-hover": "surface,ink",
     "ink": "foreground,surface",
     "scrim": "surface,contrast",
     "muted": "foreground,surface,contrast",

package/dist/tokens.css

@@ -17,7 +17,7 @@
   --e-background: #ffffff;
   --e-surface: #ffffff;
   --e-surface-tint: #eaf4f8;
-  --e-surface-hover: color-mix(in srgb, var(--e-surface-tint), var(--e-ink) 3%);
+  --e-surface-hover: color-mix(in srgb, var(--e-surface), var(--e-ink) 9%);
   --e-ink: #000000;
   --e-print-ink: #000000;
   --e-print-paper: #ffffff;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eos-ui/tokens",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Eos design tokens: CSS custom properties, typed values and a theme generator with contrast checks.",
   "type": "module",
   "license": "MIT",

package/src/tokens.json

@@ -105,9 +105,9 @@
       },
       {
         "name": "surface-hover",
-        "value": "color-mix(in srgb, var(--e-surface-tint), var(--e-ink) 3%)",
-        "usage": "The hover tone for rows, items and tiles that sit on `surface`: `surface-tint` pulled 3% toward `ink`: the same fill as the selected nav item, so a hovered item and a selected one match. Follows a dark surface and a custom brand automatically.",
-        "from": "surface-tint,ink"
+        "value": "color-mix(in srgb, var(--e-surface), var(--e-ink) 9%)",
+        "usage": "The hover tone for rows, items, tiles and fields that sit on `surface`: `surface` pulled 9% toward `ink`, a neutral step with no brand tint. The same fill as the selected nav item, so a hovered item and a selected one match. Follows a dark surface automatically.",
+        "from": "surface,ink"
       },
       {
         "name": "ink",