@navecss/tokens 0.2.0 → 0.3.0

package/README.md

@@ -22,7 +22,7 @@ pnpm add @navecss/tokens
 @import url('@navecss/tokens/css');
 ```
 
-This emits the token layer's custom properties (`--nave-*`) inside `@layer tokens.defaults`. Keep the `/css`: unlike `@navecss/core`, whose bare package name is its stylesheet, the bare `@navecss/tokens` is the JavaScript entry point. `@navecss/core` imports this automatically; install `@navecss/tokens` on its own only if you are building without `@navecss/core` (for example, on top of Base UI or Radix UI directly).
+This emits the token layer's custom properties (`--nave-*`) inside `@layer tokens.defaults`. Keep the `/css`: unlike `@navecss/core`, whose bare package name is its stylesheet, the bare `@navecss/tokens` is the JavaScript entry point. `@navecss/core` imports this automatically; install `@navecss/tokens` on its own only if you are building without `@navecss/core` (for example, with Radix UI, or with [`@navecss/base-ui`](https://github.com/navecss/navecss/tree/main/packages/base-ui#readme), which styles Base UI's components from these tokens and does not need core).
 
 ## What ships
 
@@ -99,7 +99,7 @@ Write `--flag=value` and not `--flag value`. A `#rrggbb` seed passed as a
 separate word begins a shell comment, so the rest of the command is discarded
 and you get a usage error rather than a wrong colour.
 
-0.1.0 ships no consumer contrast-threshold input. No flag of this entry point sets one, and the build reads none. This is the absence of an input, not a limit on the consumer: a consumer may hold whatever contrast target they choose and check their palette against it with their own tooling. Where a check Nave ships runs in a consumer's build over the consumer's values, it reports and does not fail. A consumer-settable target is deliberately out of 0.1.0 rather than overlooked.
+0.1.0 ships no consumer contrast-threshold input. No flag of this entry point sets one, and the build reads none. This is the absence of an input, not a limit on the consumer: a consumer may hold whatever contrast target they choose and check their palette against it with their own tooling. No contrast check this entry point runs over a consumer's values can fail the build, and none prints or returns a result. A consumer-settable target is deliberately out of 0.1.0 rather than overlooked.
 
 ```bash
 navecss-tokens validate --source=src/styles/nave/tokens.css

package/TOKENS.md

@@ -88,6 +88,7 @@ non-colour value is exactly what its name says.
 | `--nave-border-width-none`  |
 | `--nave-border-width-sm`    |
 | `--nave-border-width-focus` |
+| `--nave-border-width-mark`  |
 | `--nave-border-width-lg`    |
 
 ## Radius

package/dist/core-contract.json

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

package/dist/lib/theming/copy-lint.d.ts

@@ -8,6 +8,6 @@ export declare function assertDescriptionsAreClean(...descriptionMaps: readonly
 export declare const RETHEMING_NOTICE = "Changing this changes everything Nave derives from it. The contrast of the resulting palette follows from what you set, and checking it is yours.";
 export declare function assertNoticeIsClean(notice?: string, noticeLabel?: string): void;
 export declare const FEEDBACK_SHARED_IDENTITY_NOTICE = "warning, success and info, and their -foreground variants, resolve to one shared value here; only danger differs. Colour alone therefore cannot tell those three states apart, so wherever a feedback token carries meaning, give it a text label naming the state and a distinct icon or shape that differs per state.";
-export declare const NO_CONSUMER_CONTRAST_THRESHOLD_INPUT = "0.1.0 ships no consumer contrast-threshold input. No flag of this entry point sets one, and the build reads none. This is the absence of an input, not a limit on the consumer: a consumer may hold whatever contrast target they choose and check their palette against it with their own tooling. Where a check Nave ships runs in a consumer's build over the consumer's values, it reports and does not fail. A consumer-settable target is deliberately out of 0.1.0 rather than overlooked.";
+export declare const NO_CONSUMER_CONTRAST_THRESHOLD_INPUT = "0.1.0 ships no consumer contrast-threshold input. No flag of this entry point sets one, and the build reads none. This is the absence of an input, not a limit on the consumer: a consumer may hold whatever contrast target they choose and check their palette against it with their own tooling. No contrast check this entry point runs over a consumer's values can fail the build, and none prints or returns a result. A consumer-settable target is deliberately out of 0.1.0 rather than overlooked.";
 export declare function assertNoticeIsEmitted(css: string, notice: string, noticeLabel: string): void;
 export declare function assertHarnessFramingIsClean(): void;

package/dist/lib/theming/copy-lint.js

@@ -47,7 +47,7 @@ export function assertNoticeIsClean(notice = RETHEMING_NOTICE, noticeLabel = 'Re
     }
 }
 export const FEEDBACK_SHARED_IDENTITY_NOTICE = 'warning, success and info, and their -foreground variants, resolve to one shared value here; only danger differs. Colour alone therefore cannot tell those three states apart, so wherever a feedback token carries meaning, give it a text label naming the state and a distinct icon or shape that differs per state.';
-export const NO_CONSUMER_CONTRAST_THRESHOLD_INPUT = "0.1.0 ships no consumer contrast-threshold input. No flag of this entry point sets one, and the build reads none. This is the absence of an input, not a limit on the consumer: a consumer may hold whatever contrast target they choose and check their palette against it with their own tooling. Where a check Nave ships runs in a consumer's build over the consumer's values, it reports and does not fail. A consumer-settable target is deliberately out of 0.1.0 rather than overlooked.";
+export const NO_CONSUMER_CONTRAST_THRESHOLD_INPUT = "0.1.0 ships no consumer contrast-threshold input. No flag of this entry point sets one, and the build reads none. This is the absence of an input, not a limit on the consumer: a consumer may hold whatever contrast target they choose and check their palette against it with their own tooling. No contrast check this entry point runs over a consumer's values can fail the build, and none prints or returns a result. A consumer-settable target is deliberately out of 0.1.0 rather than overlooked.";
 export function assertNoticeIsEmitted(css, notice, noticeLabel) {
     if (!css.includes(notice)) {
         throw new Error(`${noticeLabel} violation: the notice is not present, verbatim, in the emitted CSS. Restore it exactly as authored.`);

package/dist/lib/theming/emit.js

@@ -34,7 +34,7 @@ export function emitCss(result, layer = 'tokens.defaults') {
             h: result.records.primary.usedSeed.h,
         });
     const lines = [
-        '/* Nave theming — generated, do not edit. See this package\'s README ("Theming"). */',
+        '/* Nave theming — generated, do not edit. See the @navecss/tokens README ("Theming"). */',
         '',
         `@property ${TINT_PROPERTY} {`,
         `  syntax: '<color>';`,

package/dist/lib/theming/third-party-provenance.d.ts

@@ -1,4 +1,4 @@
-export declare const R6_CONSUMER_ARTIFACTS: readonly ["tokens.css", "tokens.js", "tokens.d.ts", "breakpoints.js", "breakpoints.d.ts", "palette-record.json", "build-record.json"];
+export declare const CONSUMER_ARTIFACTS: readonly ["tokens.css", "tokens.js", "tokens.d.ts", "breakpoints.js", "breakpoints.d.ts", "palette-record.json", "build-record.json"];
 export interface ProvenanceArtifact {
     path: string;
     content: string;

package/dist/lib/theming/third-party-provenance.js

@@ -1,4 +1,4 @@
-export const R6_CONSUMER_ARTIFACTS = [
+export const CONSUMER_ARTIFACTS = [
     'tokens.css',
     'tokens.js',
     'tokens.d.ts',

package/dist/tokens.css

@@ -167,6 +167,12 @@
     initial-value: 2px;
   }
 
+  @property --nave-border-width-mark {
+    syntax: '<length>';
+    inherits: true;
+    initial-value: 2px;
+  }
+
   @property --nave-border-width-lg {
     syntax: '<length>';
     inherits: true;
@@ -339,6 +345,7 @@
     --nave-border-width-none: 0px;
     --nave-border-width-sm: 1px;
     --nave-border-width-focus: 2px;
+    --nave-border-width-mark: 2px;
     --nave-border-width-lg: 4px;
     --nave-radius-none: 0px;
     --nave-radius-sm: 4px;
@@ -380,7 +387,7 @@
   }
 }
 
-/* Nave theming — generated, do not edit. See this package's README ("Theming"). */
+/* Nave theming — generated, do not edit. See the @navecss/tokens README ("Theming"). */
 
 @property --nave-color-tint {
   syntax: '<color>';

package/dist/tokens.d.ts

@@ -61,6 +61,7 @@ export declare const tokens: {
   '--nave-border-width-none': string
   '--nave-border-width-sm': string
   '--nave-border-width-focus': string
+  '--nave-border-width-mark': string
   '--nave-border-width-lg': string
   '--nave-radius-none': string
   '--nave-radius-sm': string

package/dist/tokens.js

@@ -62,6 +62,7 @@ export const tokens = {
   '--nave-border-width-none': "0px",
   '--nave-border-width-sm': "1px",
   '--nave-border-width-focus': "2px",
+  '--nave-border-width-mark': "2px",
   '--nave-border-width-lg': "4px",
   '--nave-radius-none': "0px",
   '--nave-radius-sm': "4px",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navecss/tokens",
-  "version": "0.2.0",
+  "version": "0.3.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",
@@ -51,11 +51,11 @@
     "TOKENS.md"
   ],
   "devDependencies": {
-    "@types/node": "^26.6.2",
-    "@vitest/coverage-v8": "5.0.1",
+    "@types/node": "^26.6.4",
+    "@vitest/coverage-v8": "5.0.3",
     "prettier": "3.9.9",
     "typescript": "6.0.3",
-    "vitest": "5.0.1"
+    "vitest": "5.0.3"
   },
   "engines": {
     "node": ">=22.18"
@@ -79,7 +79,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",
-    "test:coverage": "vitest run --coverage",
     "check:pack": "node ../../scripts/without-dry-run.mjs publint && node ../../scripts/without-dry-run.mjs attw --pack . --profile esm-only --exclude-entrypoints css"
   }
 }

package/tokens.json

@@ -33,12 +33,24 @@
           {
             "against": "surface.sunken",
             "class": "text"
+          },
+          {
+            "against": "surface.overlay",
+            "class": "text"
           }
         ],
         "content.secondary": [
           {
             "against": "surface.base",
             "class": "text"
+          },
+          {
+            "against": "surface.raised",
+            "class": "text"
+          },
+          {
+            "against": "surface.overlay",
+            "class": "text"
           }
         ],
         "content.tertiary": [
@@ -49,6 +61,14 @@
           {
             "against": "surface.sunken",
             "class": "text"
+          },
+          {
+            "against": "surface.raised",
+            "class": "text"
+          },
+          {
+            "against": "surface.overlay",
+            "class": "text"
           }
         ],
         "content.inverse": [
@@ -67,6 +87,14 @@
           {
             "against": "surface.base",
             "class": "text"
+          },
+          {
+            "against": "surface.raised",
+            "class": "text"
+          },
+          {
+            "against": "surface.overlay",
+            "class": "text"
           }
         ],
         "on-action.primary": [
@@ -155,12 +183,28 @@
           {
             "against": "surface.base",
             "class": "non-text"
+          },
+          {
+            "against": "surface.raised",
+            "class": "non-text"
+          },
+          {
+            "against": "surface.overlay",
+            "class": "non-text"
           }
         ],
         "feedback.danger": [
           {
             "against": "surface.base",
             "class": "non-text"
+          },
+          {
+            "against": "surface.raised",
+            "class": "non-text"
+          },
+          {
+            "against": "surface.overlay",
+            "class": "non-text"
           }
         ],
         "feedback.warning": [
@@ -173,6 +217,18 @@
           {
             "against": "surface.base",
             "class": "non-text"
+          },
+          {
+            "against": "surface.base",
+            "class": "text"
+          },
+          {
+            "against": "surface.raised",
+            "class": "text"
+          },
+          {
+            "against": "surface.overlay",
+            "class": "text"
           }
         ]
       }
@@ -597,6 +653,14 @@
       "$type": "dimension",
       "$description": "Focus ring indicator outline width"
     },
+    "mark": {
+      "$value": {
+        "value": 2,
+        "unit": "px"
+      },
+      "$type": "dimension",
+      "$description": "Strokes of glyphs drawn in CSS: check marks, indeterminate bars"
+    },
     "lg": {
       "$value": {
         "value": 4,
@@ -626,7 +690,7 @@
         "unit": "px"
       },
       "$type": "dimension",
-      "$description": "Inputs, buttons, tags"
+      "$description": "Inputs, buttons, tags, and the popovers, menus and select lists anchored to a control"
     },
     "card": {
       "$value": {