okchroma 0.1.3 → 0.1.5

package/dist-lib/index.cjs

@@ -22,6 +22,7 @@ var index_exports = {};
 __export(index_exports, {
   CSS_FAMILY: () => CSS_FAMILY,
   DEFAULT_LINK_HEX: () => DEFAULT_LINK_HEX,
+  DISABLED_OPACITY: () => DISABLED_OPACITY,
   EXT_KEY: () => EXT_KEY,
   INK_0: () => INK_0,
   MODE_SPECS: () => MODE_SPECS,
@@ -817,7 +818,7 @@ var LIGHT = {
   stops: [
     // paper-100 (paper-0 pre-Stage-B): the resolved ladder extreme — in light it genuinely is white (rootL 1.0, zero chroma)
     { stop: 0, rootL: 1, group: "paper", produce: { hue: "warm-drift", L: "fixed", chroma: "ladder" }, satFraction: SCALE_C_LIGHT[0].sat, baseC: SCALE_C_LIGHT[0].base },
-    // paper/wash/mark-74: perceptual ladder/envelope blend on the geometric ROOT_L_LIGHT scaffold. Separation
+    // paper/wash/wax-74: perceptual ladder/envelope blend on the geometric ROOT_L_LIGHT scaffold. Separation
     // falls out of the shape (see above) — no min-separation require. Only stop 8 carries a require: the WCAG
     // 3:1 vs the resolved paper-97 (paper-2) (re-solves automatically since it references paper-97 (paper-2)).
     ...[1, 2, 3, 4, 5, 6, 7, 8].map((stop) => ({
@@ -877,7 +878,7 @@ var DARK = {
 };
 var MODE_SPECS = { light: LIGHT, dark: DARK };
 
-// node_modules/helmlab/dist/index.js
+// ../../../Users/emilygerrity/okchroma/node_modules/helmlab/dist/index.js
 function o0(n) {
   let t = new Float64Array(9);
   for (let e = 0; e < 3; e++) for (let s = 0; s < 3; s++) t[e * 3 + s] = n[e][s];
@@ -2724,8 +2725,8 @@ var SCALE = {
   "wash-85": WASH,
   "wash-80": WASH,
   // ("icons" KEPT through the 2026-08-28 on-flood strip (owner): an "icon" query
-  // landing on the mark rows is worth its ic-ON-s noise — the one surviving body carrier)
-  "mark-74": { req: "focus rings, icons, large text", contrast: AA_LARGE, theming: solved, collides: true },
+  // landing on the wax rows is worth its ic-ON-s noise — the one surviving body carrier)
+  "wax-74": { req: "focus rings, icons, large text", contrast: AA_LARGE, theming: solved, collides: true },
   "lead-53": { req: "regular text, inverted backgrounds", contrast: AA_BODY, theming: solved, collides: true },
   "ink-42": { req: "regular text, inverted backgrounds", contrast: AA_BODY, theming: solved, collides: true },
   // ("high-emphasis" reworded 2026-08-12: the surface planes took low/high as label
@@ -3376,7 +3377,7 @@ var SHARED_NAMES = {
   5: "wash-89",
   6: "wash-85",
   7: "wash-80",
-  8: "mark-74",
+  8: "wax-74",
   // THE INK BAND (C49, owner 2026-08-05): the first text stop + emphasis fill (the
   // 2026-07-29 highlight collapse — the old highlight-9 and on-highlight are
   // deleted; this stop carries both jobs, its on-color a paper token), the between
@@ -3505,6 +3506,7 @@ var SHADOW_ALPHAS = {
   12: { light: 0.12, dark: 0.64 }
 };
 var SCRIM_ALPHA = 0.6;
+var DISABLED_OPACITY = 0.38;
 var TRANSPARENT_VAR = "--alpha-transparent";
 var offsetRgba = (rung, mode) => mode === "light" ? `rgba(0, 0, 0, ${OFFSET_ALPHAS[rung]})` : `rgba(255, 255, 255, ${OFFSET_ALPHAS[rung]})`;
 var alphaRootVars = (mode) => [

package/dist-lib/index.mjs

@@ -739,7 +739,7 @@ var LIGHT = {
   stops: [
     // paper-100 (paper-0 pre-Stage-B): the resolved ladder extreme — in light it genuinely is white (rootL 1.0, zero chroma)
     { stop: 0, rootL: 1, group: "paper", produce: { hue: "warm-drift", L: "fixed", chroma: "ladder" }, satFraction: SCALE_C_LIGHT[0].sat, baseC: SCALE_C_LIGHT[0].base },
-    // paper/wash/mark-74: perceptual ladder/envelope blend on the geometric ROOT_L_LIGHT scaffold. Separation
+    // paper/wash/wax-74: perceptual ladder/envelope blend on the geometric ROOT_L_LIGHT scaffold. Separation
     // falls out of the shape (see above) — no min-separation require. Only stop 8 carries a require: the WCAG
     // 3:1 vs the resolved paper-97 (paper-2) (re-solves automatically since it references paper-97 (paper-2)).
     ...[1, 2, 3, 4, 5, 6, 7, 8].map((stop) => ({
@@ -799,7 +799,7 @@ var DARK = {
 };
 var MODE_SPECS = { light: LIGHT, dark: DARK };
 
-// node_modules/helmlab/dist/index.js
+// ../../../Users/emilygerrity/okchroma/node_modules/helmlab/dist/index.js
 function o0(n) {
   let t = new Float64Array(9);
   for (let e = 0; e < 3; e++) for (let s = 0; s < 3; s++) t[e * 3 + s] = n[e][s];
@@ -2646,8 +2646,8 @@ var SCALE = {
   "wash-85": WASH,
   "wash-80": WASH,
   // ("icons" KEPT through the 2026-08-28 on-flood strip (owner): an "icon" query
-  // landing on the mark rows is worth its ic-ON-s noise — the one surviving body carrier)
-  "mark-74": { req: "focus rings, icons, large text", contrast: AA_LARGE, theming: solved, collides: true },
+  // landing on the wax rows is worth its ic-ON-s noise — the one surviving body carrier)
+  "wax-74": { req: "focus rings, icons, large text", contrast: AA_LARGE, theming: solved, collides: true },
   "lead-53": { req: "regular text, inverted backgrounds", contrast: AA_BODY, theming: solved, collides: true },
   "ink-42": { req: "regular text, inverted backgrounds", contrast: AA_BODY, theming: solved, collides: true },
   // ("high-emphasis" reworded 2026-08-12: the surface planes took low/high as label
@@ -3298,7 +3298,7 @@ var SHARED_NAMES = {
   5: "wash-89",
   6: "wash-85",
   7: "wash-80",
-  8: "mark-74",
+  8: "wax-74",
   // THE INK BAND (C49, owner 2026-08-05): the first text stop + emphasis fill (the
   // 2026-07-29 highlight collapse — the old highlight-9 and on-highlight are
   // deleted; this stop carries both jobs, its on-color a paper token), the between
@@ -3427,6 +3427,7 @@ var SHADOW_ALPHAS = {
   12: { light: 0.12, dark: 0.64 }
 };
 var SCRIM_ALPHA = 0.6;
+var DISABLED_OPACITY = 0.38;
 var TRANSPARENT_VAR = "--alpha-transparent";
 var offsetRgba = (rung, mode) => mode === "light" ? `rgba(0, 0, 0, ${OFFSET_ALPHAS[rung]})` : `rgba(255, 255, 255, ${OFFSET_ALPHAS[rung]})`;
 var alphaRootVars = (mode) => [
@@ -3945,6 +3946,7 @@ function resolveDtcgRamp(group) {
 export {
   CSS_FAMILY,
   DEFAULT_LINK_HEX,
+  DISABLED_OPACITY,
   EXT_KEY,
   INK_0,
   MODE_SPECS,

package/dist-lib/types/engine/cssRender.d.ts

@@ -33,6 +33,7 @@ export declare const SHADOW_ALPHAS: {
 };
 export type ShadowRung = keyof typeof SHADOW_ALPHAS;
 export declare const SCRIM_ALPHA = 0.6;
+export declare const DISABLED_OPACITY = 0.38;
 export declare const TRANSPARENT_VAR = "--alpha-transparent";
 export declare const offsetRgba: (rung: OffsetRung, mode: "light" | "dark") => string;
 export declare const alphaRootVars: (mode: "light" | "dark") => string[];

package/dist-lib/types/index.d.ts

@@ -1,6 +1,6 @@
 export { generateScale, generateNeutralScale, generateSubtleSecondary, type GeneratedScale, type ColorStop, type GenerateOptions, type NeutralLevel, type ContrastProfile, } from './engine/colorEngine';
 export { resolveBrand, resolveTheme, resolveLinkTrio, resolveLinkInverseTrio, DEFAULT_LINK_HEX, SIGNAL_SCALES, signalScalesFor, SECONDARY_DISTINCT_DELTA_E, SUBTLE_TINT_MULT, SUBTLE_PASTEL_K, OUTLINE_HOVER_ALPHA, type ResolvedBrand, type ResolvedTheme, type ResolvedSecondary, type SecondaryLevel, type SecondaryStyle, type SignalOverride, } from './engine/resolve';
-export { brandCss, neutralCss, signalsCss, stopsToVars, toHex, stopHex, OFFSET_ALPHAS, SHADOW_ALPHAS, SCRIM_ALPHA, type ShadowRung, ctaNeedsBorder, ctaBorderRung, pageStopFor, } from './engine/cssRender';
+export { brandCss, neutralCss, signalsCss, stopsToVars, toHex, stopHex, OFFSET_ALPHAS, SHADOW_ALPHAS, SCRIM_ALPHA, DISABLED_OPACITY, type ShadowRung, ctaNeedsBorder, ctaBorderRung, pageStopFor, } from './engine/cssRender';
 export { CSS_FAMILY } from './engine/tokenDescriptions';
 export { themeToFigma, type FigmaGroup, type FigmaColorToken, type ThemeInput, } from './engine/figmaRender';
 export { emitDtcgRamp, resolveDtcgRamp, parseToken, EXT_KEY, RESOLVER_ID, type DtcgRampGroup, type DtcgRequirementToken, type DtcgSeedToken, type DtcgColorValue, } from './engine/requirements/dtcg';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "okchroma",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "license": "MIT",
   "description": "Color token engine: one brand hex in, a full WCAG-enforced light+dark token system out (CSS variables, DTCG JSON, Figma variables)",
   "repository": {

package/tokens/semantic.css

@@ -26,13 +26,13 @@
      theme, riding --link — no longer the brand's raw ink pair) */
 
   /* --border-default IS THE ACCESSIBILITY BORDER (owner 2026-07-29): a border that has
-     to be there — inputs and other controls — so it rides mark-74, the stop that
+     to be there — inputs and other controls — so it rides wax-74, the stop that
      carries the WCAG 1.4.11 3:1 non-text require (highlight-8 pre-Stage-B). It sat on
-     --neutral-highlight-9 until that stop was deleted; mark-74 is where the
+     --neutral-highlight-9 until that stop was deleted; wax-74 is where the
      requirement actually lives, and it is the one stop this round does not move.
      Decorative borders are --border-subtle (wash-89) and the per-family
      --*-border-default (wash-85). */
-  --border-default:       var(--neutral-mark-74);
+  --border-default:       var(--neutral-wax-74);
   --border-subtle:        var(--neutral-wash-89);
 
   /* Shadow transparencies (owner 2026-07-27) — pure black, mirrors the plugin's
@@ -43,6 +43,11 @@
   --shadow-04: rgba(0, 0, 0, 0.04);
   --shadow-08: rgba(0, 0, 0, 0.08);
   --shadow-12: rgba(0, 0, 0, 0.12);
+
+  /* Disabled opacity (owner 2026-08-29): disabled is a COMPONENT-LEVEL opacity —
+     colors stay the enabled ones and never swap. Mode-invariant; mirrors the JS
+     API's DISABLED_OPACITY constant 1:1. */
+  --disabled-opacity: 0.38;
 }
 
 [data-brand][data-theme="dark"] {
@@ -81,7 +86,7 @@
   --brand-border-subtle:         var(--brand-wash-92);
   --brand-border-subtle-hover:   var(--brand-wash-89);
   --brand-border-default:            var(--brand-wash-85);
-  --brand-border-default-hover:      var(--brand-mark-74);
+  --brand-border-default-hover:      var(--brand-wax-74);
   --brand-border-emphasis:       var(--brand-stamp-fill);
   --brand-border-emphasis-hover: var(--brand-stamp-fill-hover);
 
@@ -118,7 +123,7 @@
   --brand-alt-border-subtle:         var(--brand-alt-wash-92);
   --brand-alt-border-subtle-hover:   var(--brand-alt-wash-89);
   --brand-alt-border-default:           var(--brand-alt-wash-85);
-  --brand-alt-border-default-hover:     var(--brand-alt-mark-74);
+  --brand-alt-border-default-hover:     var(--brand-alt-wax-74);
   --brand-alt-border-emphasis:       var(--brand-alt-stamp-fill);
   --brand-alt-border-emphasis-hover: var(--brand-alt-stamp-fill-hover);
 }
@@ -154,7 +159,7 @@
   --critical-border-subtle:         var(--critical-wash-92);
   --critical-border-subtle-hover:   var(--critical-wash-89);
   --critical-border-default:       var(--critical-wash-85);
-  --critical-border-default-hover: var(--critical-mark-74);
+  --critical-border-default-hover: var(--critical-wax-74);
   --critical-border-emphasis:       var(--critical-lead-53);
 
   --warning-fg:                     var(--warning-ink-30);
@@ -169,7 +174,7 @@
   --warning-border-subtle:          var(--warning-wash-92);
   --warning-border-subtle-hover:    var(--warning-wash-89);
   --warning-border-default:        var(--warning-wash-85);
-  --warning-border-default-hover:  var(--warning-mark-74);
+  --warning-border-default-hover:  var(--warning-wax-74);
   --warning-border-emphasis:        var(--warning-lead-53);
 
   --positive-fg:                      var(--positive-ink-30);
@@ -184,7 +189,7 @@
   --positive-border-subtle:           var(--positive-wash-92);
   --positive-border-subtle-hover:     var(--positive-wash-89);
   --positive-border-default:         var(--positive-wash-85);
-  --positive-border-default-hover:   var(--positive-mark-74);
+  --positive-border-default-hover:   var(--positive-wax-74);
   --positive-border-emphasis:         var(--positive-lead-53);
 
   --info-fg:                          var(--info-ink-30);
@@ -199,6 +204,6 @@
   --info-border-subtle:               var(--info-wash-92);
   --info-border-subtle-hover:         var(--info-wash-89);
   --info-border-default:             var(--info-wash-85);
-  --info-border-default-hover:       var(--info-mark-74);
+  --info-border-default-hover:       var(--info-wax-74);
   --info-border-emphasis:             var(--info-lead-53);
 }