@navecss/tokens 0.4.0 → 0.6.0

package/TOKENS.md

@@ -167,6 +167,8 @@ non-colour value is exactly what its name says.
 | `--nave-color-action-primary-active`       | no                          |
 | `--nave-color-on-action-primary`           | yes                         |
 | `--nave-color-action-secondary`            | yes                         |
+| `--nave-color-action-secondary-hover`      | yes                         |
+| `--nave-color-action-secondary-active`     | yes                         |
 | `--nave-color-action-highlight`            | yes                         |
 | `--nave-color-feedback-danger`             | no                          |
 | `--nave-color-feedback-danger-foreground`  | no                          |

package/dist/core-contract.json

@@ -2,7 +2,7 @@
   "formatVersion": 1,
   "producer": {
     "name": "@navecss/core",
-    "version": "0.4.0"
+    "version": "0.6.0"
   },
   "tokens": [
     "--nave-border-width-focus",

package/dist/css.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/lib/theming/adjacency.d.ts

@@ -2,7 +2,7 @@ import { type Adjacency } from './adjacency-source.ts';
 import { type SlotMapping } from './semantics.ts';
 export type { Adjacency, MeasuredOpenSlots, OrphanCheckResult } from './adjacency-source.ts';
 export { ADJACENCY, ADJACENCY_EXCLUSIONS, ADJACENCY_OPEN, assertNoOrphanedSemanticSlot, } from './adjacency-source.ts';
-declare const MINIMUM_COVERAGE_CATEGORIES: readonly ["contentOnSurface", "inversePair", "onActionOnAction", "textOnFeedback", "sunken", "borderControl", "borderFocus", "filledAction", "filledFeedback"];
+declare const MINIMUM_COVERAGE_CATEGORIES: readonly ["contentOnSurface", "inversePair", "onActionOnAction", "textOnFeedback", "sunken", "borderControl", "borderFocus", "filledAction", "filledFeedback", "secondaryForegroundOnStates"];
 export type CoverageCategory = (typeof MINIMUM_COVERAGE_CATEGORIES)[number];
 export declare function coverageCategories(adjacency?: readonly Adjacency[]): Record<CoverageCategory, boolean>;
 export declare function assertCoverageFloor(adjacency?: readonly Adjacency[]): void;

package/dist/lib/theming/adjacency.js

@@ -12,7 +12,9 @@ const MINIMUM_COVERAGE_CATEGORIES = [
     'borderFocus',
     'filledAction',
     'filledFeedback',
+    'secondaryForegroundOnStates',
 ];
+const ACTION_SECONDARY_STATE_FILLS = ['action.secondary.hover', 'action.secondary.active'];
 export function coverageCategories(adjacency = ADJACENCY) {
     return {
         contentOnSurface: adjacency.some((a) => a.subject.startsWith('content.') && a.against.startsWith('surface.')),
@@ -24,6 +26,7 @@ export function coverageCategories(adjacency = ADJACENCY) {
         borderFocus: adjacency.some((a) => a.subject === 'border.focus'),
         filledAction: adjacency.some((a) => a.subject === 'action.primary' && a.class === 'non-text'),
         filledFeedback: adjacency.some((a) => a.subject === 'feedback.danger' && a.class === 'non-text'),
+        secondaryForegroundOnStates: ACTION_SECONDARY_STATE_FILLS.every((fill) => adjacency.some((a) => a.subject === 'action.secondary.foreground' && a.against === fill && a.class === 'text')),
     };
 }
 const COVERAGE_FLOOR_VIOLATION_REASON = 'missing from the declared adjacency set. This set has a required minimum: every ' +

package/dist/lib/theming/semantics.js

@@ -35,6 +35,8 @@ export const CHROMATIC_MAPPING = {
     'action.primary.active': { light: ref('primary', 800), dark: ref('primary', 150) },
     'on-action.primary': { light: ref('neutral', 0), dark: ref('neutral', 900) },
     'action.secondary': { light: ref('neutral', 100), dark: ref('neutral', 800) },
+    'action.secondary.hover': { light: ref('neutral', 150), dark: ref('neutral', 700) },
+    'action.secondary.active': { light: ref('neutral', 200), dark: ref('neutral', 850) },
     'action.highlight': { light: ref('neutral', 100), dark: ref('neutral', 700) },
     'feedback.danger': { light: ref('danger', 600), dark: ref('danger', 300) },
     'feedback.danger.foreground': { light: ref('danger', 600), dark: ref('danger', 300) },

package/dist/palette-record.json

@@ -180,6 +180,22 @@
     "$type": "color",
     "$value": "oklch(from var(--nave-color-tint) 0.27 0.0067 h / 1)"
   },
+  "color.action.secondary.hover.light": {
+    "$type": "color",
+    "$value": "oklch(from var(--nave-color-tint) 0.94 0.0067 h / 1)"
+  },
+  "color.action.secondary.hover.dark": {
+    "$type": "color",
+    "$value": "oklch(from var(--nave-color-tint) 0.37 0.0067 h / 1)"
+  },
+  "color.action.secondary.active.light": {
+    "$type": "color",
+    "$value": "oklch(from var(--nave-color-tint) 0.905 0.0067 h / 1)"
+  },
+  "color.action.secondary.active.dark": {
+    "$type": "color",
+    "$value": "oklch(from var(--nave-color-tint) 0.225 0.0067 h / 1)"
+  },
   "color.action.highlight.light": {
     "$type": "color",
     "$value": "oklch(from var(--nave-color-tint) 0.965 0.0067 h / 1)",

package/dist/tokens.css

@@ -423,6 +423,8 @@
     --nave-color-action-primary-active: light-dark(oklch(0.27 0.0398 186.17), oklch(0.94 0.0574 186.17));
     --nave-color-on-action-primary: light-dark(oklch(from var(--nave-color-tint) 1 0 h / 1), oklch(from var(--nave-color-tint) 0.18 0.0067 h / 1));
     --nave-color-action-secondary: light-dark(oklch(from var(--nave-color-tint) 0.965 0.0067 h / 1), oklch(from var(--nave-color-tint) 0.27 0.0067 h / 1));
+    --nave-color-action-secondary-hover: light-dark(oklch(from var(--nave-color-tint) 0.94 0.0067 h / 1), oklch(from var(--nave-color-tint) 0.37 0.0067 h / 1));
+    --nave-color-action-secondary-active: light-dark(oklch(from var(--nave-color-tint) 0.905 0.0067 h / 1), oklch(from var(--nave-color-tint) 0.225 0.0067 h / 1));
     --nave-color-action-highlight: light-dark(oklch(from var(--nave-color-tint) 0.965 0.0067 h / 1), oklch(from var(--nave-color-tint) 0.37 0.0067 h / 1));
     --nave-color-feedback-danger: light-dark(oklch(0.47 0.1455 15.02), oklch(0.835 0.0661 15.02));
     --nave-color-feedback-danger-foreground: light-dark(oklch(0.47 0.1455 15.02), oklch(0.835 0.0661 15.02));

package/dist/tokens.d.ts

@@ -104,6 +104,8 @@ export declare type ColorPropertyName =
   | '--nave-color-action-primary-active'
   | '--nave-color-action-primary-hover'
   | '--nave-color-action-secondary'
+  | '--nave-color-action-secondary-active'
+  | '--nave-color-action-secondary-hover'
   | '--nave-color-backdrop-modal'
   | '--nave-color-border-control'
   | '--nave-color-border-default'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navecss/tokens",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "DTCG 2025.10 design tokens for Nave: seed-derived semantic colours, typography, spacing, and the rest of the token layer, built by a first-party DTCG 2025.10 reader.",
   "keywords": [
     "css",
@@ -24,7 +24,10 @@
       "import": "./dist/tokens.js",
       "default": "./dist/tokens.js"
     },
-    "./css": "./dist/tokens.css",
+    "./css": {
+      "types": "./dist/css.d.ts",
+      "default": "./dist/tokens.css"
+    },
     "./js": {
       "types": "./dist/tokens.d.ts",
       "import": "./dist/tokens.js",
@@ -51,11 +54,11 @@
     "TOKENS.md"
   ],
   "devDependencies": {
-    "@types/node": "^26.6.4",
-    "@vitest/coverage-v8": "5.0.3",
-    "prettier": "3.9.9",
+    "@types/node": "^26.6.6",
+    "@vitest/coverage-v8": "5.1.0",
+    "prettier": "3.9.10",
     "typescript": "6.0.3",
-    "vitest": "5.0.3"
+    "vitest": "5.1.0"
   },
   "engines": {
     "node": ">=22.18"
@@ -79,6 +82,6 @@
     "lint": "eslint build.ts generate-tokens-doc.ts src test --max-warnings 0",
     "lint:fix": "eslint build.ts generate-tokens-doc.ts src test --fix",
     "test": "vitest run",
-    "check:pack": "node ../../scripts/without-dry-run.mjs publint && node ../../scripts/without-dry-run.mjs attw --pack . --profile esm-only --exclude-entrypoints css"
+    "check:pack": "node ../../scripts/without-dry-run.mjs publint && node ../../scripts/without-dry-run.mjs attw --pack . --profile esm-only"
   }
 }

package/tokens.json

@@ -89,6 +89,14 @@
           {
             "against": "action.secondary",
             "class": "text"
+          },
+          {
+            "against": "action.secondary.hover",
+            "class": "text"
+          },
+          {
+            "against": "action.secondary.active",
+            "class": "text"
           }
         ],
         "content.link": [