@navecss/tokens 0.1.1 → 0.3.0

package/dist/lib/theming/comment-open-tracker.js

@@ -13,6 +13,8 @@ export function linesThatBeginInsideAnUnclosedComment(lines) {
             isInsideAnOpenComment = isLineStillInsideAnOpenComment(line, isInsideAnOpenComment, reading);
         }
     }
+    markLinesFlaggedByTheUrlOpaqueReading(lines, beginningsInsideAnUnclosedComment);
+    markLinesFlaggedByTheEscapedLineBreakReading(lines, beginningsInsideAnUnclosedComment);
     return beginningsInsideAnUnclosedComment;
 }
 const AS_THE_TOKENIZER_READS_IT = {
@@ -79,3 +81,190 @@ function indexAfterAStringLiteral(line, quoteIndex, quote) {
     }
     return -1;
 }
+function markLinesFlaggedByTheUrlOpaqueReading(lines, into) {
+    let state = { isInsideAnOpenComment: false, urlCarry: 'none' };
+    for (const [index, line] of lines.entries()) {
+        if (state.isInsideAnOpenComment)
+            into.add(index);
+        state = scanLineWithOpaqueUrlContent(line, state);
+    }
+}
+function resumeUrlCarry(line, urlCarry) {
+    if (urlCarry === 'none')
+        return 0;
+    return urlCarry === 'pending' ? resolveUrlContent(line, 0) : indexAfterUnquotedUrlContent(line, 0);
+}
+function scanLineWithOpaqueUrlContent(line, state) {
+    const cursor = resumeUrlCarry(line, state.urlCarry);
+    if (typeof cursor === 'string')
+        return { isInsideAnOpenComment: false, urlCarry: cursor };
+    return scanLineForOpaqueUrlContentAndComments(line, state.isInsideAnOpenComment, cursor);
+}
+function scanLineForOpaqueUrlContentAndComments(line, wasInsideAnOpenComment, cursor) {
+    let isInsideAnOpenComment = wasInsideAnOpenComment;
+    let index = cursor;
+    while (index < line.length) {
+        if (isInsideAnOpenComment) {
+            const closerIndex = line.indexOf('*/', index);
+            if (closerIndex === -1)
+                return { isInsideAnOpenComment: true, urlCarry: 'none' };
+            isInsideAnOpenComment = false;
+            index = closerIndex + 2;
+            continue;
+        }
+        const urlLookup = tryToSkipAnUnquotedUrlToken(line, index);
+        if (typeof urlLookup === 'string')
+            return { isInsideAnOpenComment: false, urlCarry: urlLookup };
+        if (urlLookup !== undefined) {
+            index = urlLookup;
+            continue;
+        }
+        const character = line[index];
+        if (isAQuoteCharacter(character)) {
+            const afterTheString = indexAfterAStringLiteral(line, index, character);
+            index = afterTheString === -1 ? line.length : afterTheString;
+            continue;
+        }
+        if (line.startsWith('/*', index)) {
+            isInsideAnOpenComment = true;
+            index += 2;
+            continue;
+        }
+        index += 1;
+    }
+    return { isInsideAnOpenComment, urlCarry: 'none' };
+}
+function isAnIdentifierCharacter(character) {
+    return (character !== undefined && (/[A-Za-z0-9_-]/.test(character) || character.codePointAt(0) > 0x7f));
+}
+function tryToSkipAnUnquotedUrlToken(line, cursor) {
+    if (isAnIdentifierCharacter(line[cursor - 1]) || /[#@]/.test(line[cursor - 1]))
+        return undefined;
+    if (!/^url\(/i.test(line.slice(cursor, cursor + 4)))
+        return undefined;
+    return resolveUrlContent(line, cursor + 4);
+}
+function resolveUrlContent(line, cursor) {
+    let index = cursor;
+    while (index < line.length && /\s/.test(line[index]))
+        index += 1;
+    if (index === line.length)
+        return 'pending';
+    if (isAQuoteCharacter(line[index]))
+        return index;
+    return indexAfterUnquotedUrlContent(line, index);
+}
+function indexAfterUnquotedUrlContent(line, contentStart) {
+    let index = contentStart;
+    while (index < line.length) {
+        if (line[index] === '\\' && index + 1 < line.length) {
+            index += 2;
+            continue;
+        }
+        if (line[index] === ')')
+            return index + 1;
+        index += 1;
+    }
+    return 'contentOpen';
+}
+function markLinesFlaggedByTheEscapedLineBreakReading(lines, into) {
+    let state = NOTHING_IS_OPEN;
+    for (const [index, line] of lines.entries()) {
+        if (state.isInsideAnOpenComment)
+            into.add(index);
+        state = scanLineAcrossEscapedLineBreaksAndUrls(line, state);
+    }
+}
+const NOTHING_IS_OPEN = {
+    isInsideAnOpenComment: false,
+    urlCarry: 'none',
+    openStringQuote: undefined,
+};
+const STILL_INSIDE_AN_OPEN_COMMENT = {
+    ...NOTHING_IS_OPEN,
+    isInsideAnOpenComment: true,
+};
+function scanLineAcrossEscapedLineBreaksAndUrls(line, state) {
+    if (state.openStringQuote !== undefined) {
+        return resumeAnOpenStringCarriedIntoThisLine(line, state.isInsideAnOpenComment, state.openStringQuote);
+    }
+    const cursor = resumeUrlCarry(line, state.urlCarry);
+    if (typeof cursor === 'string')
+        return { ...NOTHING_IS_OPEN, urlCarry: cursor };
+    return scanFromStartOfLine(line, state.isInsideAnOpenComment, cursor);
+}
+function resumeAnOpenStringCarriedIntoThisLine(line, isInsideAnOpenComment, openStringQuote) {
+    const outcome = scanAPossiblyContinuedStringLiteral(line, -1, openStringQuote);
+    if (outcome.kind === 'continuesAcrossAnEscapedLineBreak') {
+        return { ...NOTHING_IS_OPEN, isInsideAnOpenComment, openStringQuote };
+    }
+    if (outcome.kind === 'doesNotClose') {
+        return { ...NOTHING_IS_OPEN, isInsideAnOpenComment };
+    }
+    return scanFromStartOfLine(line, isInsideAnOpenComment, outcome.indexAfter);
+}
+function stringStep(outcome, endOfLine) {
+    if (outcome.kind === 'closes')
+        return outcome.indexAfter;
+    if (outcome.kind === 'continuesAcrossAnEscapedLineBreak')
+        return undefined;
+    return endOfLine;
+}
+function scanFromStartOfLine(line, wasInsideAnOpenComment, cursor) {
+    let isInsideAnOpenComment = wasInsideAnOpenComment;
+    let index = cursor;
+    while (index < line.length) {
+        if (isInsideAnOpenComment) {
+            const closerIndex = line.indexOf('*/', index);
+            if (closerIndex === -1)
+                return STILL_INSIDE_AN_OPEN_COMMENT;
+            isInsideAnOpenComment = false;
+            index = closerIndex + 2;
+            continue;
+        }
+        const urlLookup = tryToSkipAnUnquotedUrlToken(line, index);
+        if (urlLookup !== undefined) {
+            if (typeof urlLookup === 'string')
+                return { ...NOTHING_IS_OPEN, urlCarry: urlLookup };
+            index = urlLookup;
+            continue;
+        }
+        const character = line[index];
+        if (isAQuoteCharacter(character)) {
+            const outcome = scanAPossiblyContinuedStringLiteral(line, index, character);
+            const target = stringStep(outcome, line.length);
+            if (target === undefined)
+                return { ...NOTHING_IS_OPEN, openStringQuote: character };
+            index = target;
+            continue;
+        }
+        if (line.startsWith('/*', index)) {
+            isInsideAnOpenComment = true;
+            index += 2;
+            continue;
+        }
+        index += 1;
+    }
+    return { ...NOTHING_IS_OPEN, isInsideAnOpenComment };
+}
+function scanAPossiblyContinuedStringLiteral(line, quoteIndex, quote) {
+    let cursor = quoteIndex + 1;
+    while (cursor < line.length) {
+        if (line[cursor] === '\\') {
+            if (isAnEscapedLineBreakAtEndOfLine(line, cursor)) {
+                return { kind: 'continuesAcrossAnEscapedLineBreak' };
+            }
+            cursor += 2;
+            continue;
+        }
+        if (line[cursor] === quote)
+            return { kind: 'closes', indexAfter: cursor + 1 };
+        cursor += 1;
+    }
+    return { kind: 'doesNotClose' };
+}
+function isAnEscapedLineBreakAtEndOfLine(line, cursor) {
+    if (cursor === line.length - 1)
+        return true;
+    return cursor === line.length - 2 && line[cursor + 1] === '\r';
+}

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/neutral.js

@@ -68,7 +68,7 @@ export function neutralRcsFormula(step, literals) {
     const found = literals.find((s) => s.step === step);
     if (!found)
         throw new Error(`Neutral step ${step} is not in the shared step table.`);
-    return `oklch(from var(--nave-color-tint) ${roundTo(found.l, 4)} ${roundTo(found.c, 4)} h)`;
+    return `oklch(from var(--nave-color-tint) ${roundTo(found.l, 4)} ${roundTo(found.c, 4)} h / 1)`;
 }
 function roundTo(n, d) {
     const f = 10 ** d;

package/dist/lib/theming/seed-channel-split.js

@@ -1,7 +1,13 @@
 import { clamp01 } from "./seed-refusal.js";
-const CSS_WHITESPACE_EDGES = /^[ \t\n\r\f]+|[ \t\n\r\f]+$/g;
+const CSS_WHITESPACE_CHARS = ' \t\n\r\f';
 function cssTrim(text) {
-    return text.replaceAll(CSS_WHITESPACE_EDGES, '');
+    let start = 0;
+    let end = text.length;
+    while (start < end && CSS_WHITESPACE_CHARS.includes(text[start]))
+        start += 1;
+    while (end > start && CSS_WHITESPACE_CHARS.includes(text[end - 1]))
+        end -= 1;
+    return text.slice(start, end);
 }
 const CSS_NUMBER = /^[+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:[eE][+-]?\d+)?$/;
 export function readNumericToken(text) {
@@ -22,7 +28,6 @@ function parseAlphaToken(token) {
         return clamp01(readNumericToken(t.slice(0, -1)) / 100);
     return clamp01(readNumericToken(t));
 }
-const CSS_WHITESPACE_CHARS = ' \t\n\r\f';
 function splitTopLevel(text, isSeparator) {
     const tokens = [];
     let current = '';

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/lib/validate.js

@@ -10,11 +10,25 @@ export function detectSourceKind(filePath) {
         return 'json';
     return undefined;
 }
-const DECLARED_CUSTOM_PROPERTY_RE = /(--[a-zA-Z0-9-]+)\s*:/g;
-const CSS_COMMENT_RE = /\/\*[\s\S]*?\*\//g;
+const DECLARED_CUSTOM_PROPERTY_RE = /(?<![\w\u{80}-\u{10FFFF}-])(--[a-zA-Z0-9-]+)\s*:/gu;
+function stripCssComments(css) {
+    let kept = '';
+    let from = 0;
+    for (;;) {
+        const open = css.indexOf('/*', from);
+        if (open === -1)
+            break;
+        const close = css.indexOf('*/', open + 2);
+        if (close === -1)
+            break;
+        kept += css.slice(from, open);
+        from = close + 2;
+    }
+    return kept + css.slice(from);
+}
 export function scanDeclaredCustomProperties(css) {
     const found = new Set();
-    const declarations = css.replaceAll(CSS_COMMENT_RE, '');
+    const declarations = stripCssComments(css);
     for (const match of declarations.matchAll(DECLARED_CUSTOM_PROPERTY_RE))
         found.add(match[1]);
     return found;

package/dist/palette-record.json

@@ -2,88 +2,88 @@
   "aboutThisFile": "This file is a resolved palette record: what this build produced for every semantic colour slot, in both schemes. It is not a DTCG 2025.10 document, and it is not meant to be read by a DTCG 2025.10 tool, because its keys are flat dotted names and most of its values are relative-colour-syntax strings, neither of which that format expresses. The token document is tokens.json, shipped beside it.",
   "color.surface.base.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 1 0 h)"
+    "$value": "oklch(from var(--nave-color-tint) 1 0 h / 1)"
   },
   "color.surface.base.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h / 1)"
   },
   "color.surface.raised.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 1 0 h)"
+    "$value": "oklch(from var(--nave-color-tint) 1 0 h / 1)"
   },
   "color.surface.raised.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.225 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.225 0.0067 h / 1)"
   },
   "color.surface.overlay.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 1 0 h)"
+    "$value": "oklch(from var(--nave-color-tint) 1 0 h / 1)"
   },
   "color.surface.overlay.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.27 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.27 0.0067 h / 1)"
   },
   "color.surface.sunken.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.985 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.985 0.0067 h / 1)"
   },
   "color.surface.sunken.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.12 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.12 0.0067 h / 1)"
   },
   "color.surface.inverse.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h / 1)"
   },
   "color.surface.inverse.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.965 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.965 0.0067 h / 1)"
   },
   "color.content.primary.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h / 1)"
   },
   "color.content.primary.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.965 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.965 0.0067 h / 1)"
   },
   "color.content.secondary.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.37 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.37 0.0067 h / 1)"
   },
   "color.content.secondary.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h / 1)"
   },
   "color.content.tertiary.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h / 1)",
     "$description": "Placeholder and hint text only."
   },
   "color.content.tertiary.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.72 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.72 0.0067 h / 1)",
     "$description": "Placeholder and hint text only."
   },
   "color.content.disabled.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h / 1)",
     "$description": "Text inside a disabled interactive component."
   },
   "color.content.disabled.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.37 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.37 0.0067 h / 1)",
     "$description": "Text inside a disabled interactive component."
   },
   "color.content.inverse.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.965 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.965 0.0067 h / 1)",
     "$description": "Declared foreground for surface.inverse."
   },
   "color.content.inverse.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h / 1)",
     "$description": "Declared foreground for surface.inverse."
   },
   "color.content.link.light": {
@@ -98,39 +98,39 @@
   },
   "color.border.default.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.905 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.905 0.0067 h / 1)",
     "$description": "Decorative dividers and card edges."
   },
   "color.border.default.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.37 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.37 0.0067 h / 1)",
     "$description": "Decorative dividers and card edges."
   },
   "color.border.strong.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.72 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.72 0.0067 h / 1)"
   },
   "color.border.strong.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h / 1)"
   },
   "color.border.control.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.59 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.59 0.0067 h / 1)",
     "$description": "Identifying boundary for a control (inputs, form boundaries, and the secondary action control)."
   },
   "color.border.control.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.59 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.59 0.0067 h / 1)",
     "$description": "Identifying boundary for a control (inputs, form boundaries, and the secondary action control)."
   },
   "color.border.disabled.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.94 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.94 0.0067 h / 1)"
   },
   "color.border.disabled.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.27 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.27 0.0067 h / 1)"
   },
   "color.border.focus.light": {
     "$type": "color",
@@ -166,19 +166,19 @@
   },
   "color.on-action.primary.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 1 0 h)"
+    "$value": "oklch(from var(--nave-color-tint) 1 0 h / 1)"
   },
   "color.on-action.primary.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h / 1)"
   },
   "color.action.secondary.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.965 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.965 0.0067 h / 1)"
   },
   "color.action.secondary.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.27 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.27 0.0067 h / 1)"
   },
   "color.feedback.danger.light": {
     "$type": "color",
@@ -202,92 +202,92 @@
   },
   "color.on-feedback.danger.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 1 0 h)",
+    "$value": "oklch(from var(--nave-color-tint) 1 0 h / 1)",
     "$description": "Declared foreground for the solid feedback.danger background."
   },
   "color.on-feedback.danger.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h / 1)",
     "$description": "Declared foreground for the solid feedback.danger background."
   },
   "color.feedback.warning.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h / 1)",
     "$description": "Solid-background role for a warning state (shared tinted-neutral family)."
   },
   "color.feedback.warning.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h / 1)",
     "$description": "Solid-background role for a warning state (shared tinted-neutral family)."
   },
   "color.feedback.warning.foreground.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h / 1)",
     "$description": "Foreground role for warning text and icons."
   },
   "color.feedback.warning.foreground.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h / 1)",
     "$description": "Foreground role for warning text and icons."
   },
   "color.on-feedback.warning.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 1 0 h)"
+    "$value": "oklch(from var(--nave-color-tint) 1 0 h / 1)"
   },
   "color.on-feedback.warning.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h / 1)"
   },
   "color.feedback.success.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h / 1)",
     "$description": "Alias of feedback.warning (shared tinted-neutral family)."
   },
   "color.feedback.success.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h / 1)",
     "$description": "Alias of feedback.warning (shared tinted-neutral family)."
   },
   "color.feedback.success.foreground.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h / 1)"
   },
   "color.feedback.success.foreground.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h / 1)"
   },
   "color.on-feedback.success.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 1 0 h)"
+    "$value": "oklch(from var(--nave-color-tint) 1 0 h / 1)"
   },
   "color.on-feedback.success.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h / 1)"
   },
   "color.feedback.info.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h / 1)",
     "$description": "Alias of feedback.warning (shared tinted-neutral family)."
   },
   "color.feedback.info.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h)",
+    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h / 1)",
     "$description": "Alias of feedback.warning (shared tinted-neutral family)."
   },
   "color.feedback.info.foreground.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.47 0.0067 h / 1)"
   },
   "color.feedback.info.foreground.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.835 0.0067 h / 1)"
   },
   "color.on-feedback.info.light": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 1 0 h)"
+    "$value": "oklch(from var(--nave-color-tint) 1 0 h / 1)"
   },
   "color.on-feedback.info.dark": {
     "$type": "color",
-    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h)"
+    "$value": "oklch(from var(--nave-color-tint) 0.18 0.0067 h / 1)"
   }
 }