@helixui/tokens 3.2.0-next.104 → 3.2.0-next.110
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +0 -24
- package/dist/index.d.ts.map +1 -1
- package/dist/tokens.css +0 -10
- package/dist/tokens.json +1 -25
- package/package.json +1 -1
- package/src/tokens.json +1 -25
package/dist/index.d.ts
CHANGED
|
@@ -430,14 +430,6 @@ export declare const tokens: {
|
|
|
430
430
|
value: string;
|
|
431
431
|
description: string;
|
|
432
432
|
};
|
|
433
|
-
"on-dark-default": {
|
|
434
|
-
value: string;
|
|
435
|
-
description: string;
|
|
436
|
-
};
|
|
437
|
-
"on-dark-subtle": {
|
|
438
|
-
value: string;
|
|
439
|
-
description: string;
|
|
440
|
-
};
|
|
441
433
|
};
|
|
442
434
|
"focus-ring": {
|
|
443
435
|
value: string;
|
|
@@ -1298,14 +1290,6 @@ export declare const tokens: {
|
|
|
1298
1290
|
value: string;
|
|
1299
1291
|
description: string;
|
|
1300
1292
|
};
|
|
1301
|
-
"on-dark-default": {
|
|
1302
|
-
value: string;
|
|
1303
|
-
description: string;
|
|
1304
|
-
};
|
|
1305
|
-
"on-dark-subtle": {
|
|
1306
|
-
value: string;
|
|
1307
|
-
description: string;
|
|
1308
|
-
};
|
|
1309
1293
|
};
|
|
1310
1294
|
"focus-ring": {
|
|
1311
1295
|
value: string;
|
|
@@ -1599,14 +1583,6 @@ export declare const tokens: {
|
|
|
1599
1583
|
value: string;
|
|
1600
1584
|
description: string;
|
|
1601
1585
|
};
|
|
1602
|
-
"on-dark-default": {
|
|
1603
|
-
value: string;
|
|
1604
|
-
description: string;
|
|
1605
|
-
};
|
|
1606
|
-
"on-dark-subtle": {
|
|
1607
|
-
value: string;
|
|
1608
|
-
description: string;
|
|
1609
|
-
};
|
|
1610
1586
|
};
|
|
1611
1587
|
"focus-ring": {
|
|
1612
1588
|
value: string;
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAE9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AA+C7E,yCAAyC;AACzC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAE9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AA+C7E,yCAAyC;AACzC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAC;AASjC,oEAAoE;AACpE,eAAO,MAAM,YAAY,EAAE,UAAU,EAA6B,CAAC;AAEnE,oDAAoD;AACpD,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAEnC,CAAC;AAEP,wDAAwD;AACxD,eAAO,MAAM,wBAAwB,EAAE,UAAU,EAE3C,CAAC;AAEP,kDAAkD;AAClD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAqC,CAAC;AAEhG,wCAAwC;AACxC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE3C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,MAAoC,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAwC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAgD,CAAC"}
|
package/dist/tokens.css
CHANGED
|
@@ -126,8 +126,6 @@
|
|
|
126
126
|
--hx-color-border-strong: var(--hx-color-neutral-500);
|
|
127
127
|
--hx-color-border-focus: var(--hx-color-primary-500);
|
|
128
128
|
--hx-color-border-on-dark-strong: var(--hx-overlay-white-70);
|
|
129
|
-
--hx-color-border-on-dark-default: var(--hx-color-surface-on-dark-overlay-default);
|
|
130
|
-
--hx-color-border-on-dark-subtle: var(--hx-color-surface-on-dark-overlay-subtle);
|
|
131
129
|
--hx-color-focus-ring: var(--hx-color-primary-600);
|
|
132
130
|
--hx-color-selection-bg: var(--hx-color-primary-200);
|
|
133
131
|
--hx-color-selection-color: var(--hx-color-neutral-900);
|
|
@@ -377,8 +375,6 @@
|
|
|
377
375
|
--hx-color-border-strong: var(--hx-color-neutral-400);
|
|
378
376
|
--hx-color-border-focus: var(--hx-color-primary-400);
|
|
379
377
|
--hx-color-border-on-dark-strong: var(--hx-overlay-black-50);
|
|
380
|
-
--hx-color-border-on-dark-default: var(--hx-color-surface-on-dark-overlay-default);
|
|
381
|
-
--hx-color-border-on-dark-subtle: var(--hx-color-surface-on-dark-overlay-subtle);
|
|
382
378
|
--hx-color-focus-ring: var(--hx-color-primary-400);
|
|
383
379
|
--hx-color-selection-bg: var(--hx-color-primary-800);
|
|
384
380
|
--hx-color-selection-color: var(--hx-color-neutral-100);
|
|
@@ -425,8 +421,6 @@
|
|
|
425
421
|
--hx-color-border-strong: var(--hx-color-neutral-400);
|
|
426
422
|
--hx-color-border-focus: var(--hx-color-primary-400);
|
|
427
423
|
--hx-color-border-on-dark-strong: var(--hx-overlay-black-50);
|
|
428
|
-
--hx-color-border-on-dark-default: var(--hx-color-surface-on-dark-overlay-default);
|
|
429
|
-
--hx-color-border-on-dark-subtle: var(--hx-color-surface-on-dark-overlay-subtle);
|
|
430
424
|
--hx-color-focus-ring: var(--hx-color-primary-400);
|
|
431
425
|
--hx-color-selection-bg: var(--hx-color-primary-800);
|
|
432
426
|
--hx-color-selection-color: var(--hx-color-neutral-100);
|
|
@@ -499,8 +493,6 @@
|
|
|
499
493
|
--hx-color-border-strong: #FFFFFF;
|
|
500
494
|
--hx-color-border-focus: #FFFF00;
|
|
501
495
|
--hx-color-border-on-dark-strong: #FFFFFF;
|
|
502
|
-
--hx-color-border-on-dark-default: var(--hx-color-surface-on-dark-overlay-default);
|
|
503
|
-
--hx-color-border-on-dark-subtle: var(--hx-color-surface-on-dark-overlay-subtle);
|
|
504
496
|
--hx-color-focus-ring: #FFFF00;
|
|
505
497
|
--hx-color-selection-bg: #1AEBFF;
|
|
506
498
|
--hx-color-selection-color: #000000;
|
|
@@ -577,8 +569,6 @@
|
|
|
577
569
|
--hx-color-border-strong: #FFFFFF;
|
|
578
570
|
--hx-color-border-focus: #FFFF00;
|
|
579
571
|
--hx-color-border-on-dark-strong: #FFFFFF;
|
|
580
|
-
--hx-color-border-on-dark-default: var(--hx-color-surface-on-dark-overlay-default);
|
|
581
|
-
--hx-color-border-on-dark-subtle: var(--hx-color-surface-on-dark-overlay-subtle);
|
|
582
572
|
--hx-color-focus-ring: #FFFF00;
|
|
583
573
|
--hx-color-selection-bg: #1AEBFF;
|
|
584
574
|
--hx-color-selection-color: #000000;
|
package/dist/tokens.json
CHANGED
|
@@ -215,15 +215,7 @@
|
|
|
215
215
|
"focus": { "value": "var(--hx-color-primary-500)" },
|
|
216
216
|
"on-dark-strong": {
|
|
217
217
|
"value": "var(--hx-overlay-white-70)",
|
|
218
|
-
"description": "Strong border treatment on dark surfaces (e.g. inverted button outlines on a dark page). overlay-white-70 on neutral-900 ≈ 5.0:1 — clears WCAG 1.4.11 3:1 floor for non-text UI. Added in 3.2.1 alongside the action.* layer for the token-cascade remediation; only the strong tier survived the 3.2.2 audit because the lower-alpha siblings (overlay-white-30/10) cannot honour a border-contract — they were renamed to surface.on-dark-overlay-* (which is what they always were: translucent fills)."
|
|
219
|
-
},
|
|
220
|
-
"on-dark-default": {
|
|
221
|
-
"value": "var(--hx-color-surface-on-dark-overlay-default)",
|
|
222
|
-
"description": "DEPRECATED 3.2.2 — alias for surface.on-dark-overlay-default. Originally shipped 3.2.1 under the border.* family but it was always used as a translucent fill, never a border, and its 30% alpha cannot honour WCAG 1.4.11 3:1. Renamed to surface.on-dark-overlay-default in 3.2.2; this alias preserves the published CSS variable name (`--hx-color-border-on-dark-default`) for consumers who set it as a theme override. Scheduled for removal in 4.0.0."
|
|
223
|
-
},
|
|
224
|
-
"on-dark-subtle": {
|
|
225
|
-
"value": "var(--hx-color-surface-on-dark-overlay-subtle)",
|
|
226
|
-
"description": "DEPRECATED 3.2.2 — alias for surface.on-dark-overlay-subtle. Originally shipped 3.2.1 under the border.* family but it was always used as a translucent fill, never a border, and its 10% alpha cannot honour WCAG 1.4.11 3:1. Renamed to surface.on-dark-overlay-subtle in 3.2.2; this alias preserves the published CSS variable name (`--hx-color-border-on-dark-subtle`) for consumers who set it as a theme override. Scheduled for removal in 4.0.0."
|
|
218
|
+
"description": "Strong border treatment on dark surfaces (e.g. inverted button outlines on a dark page). overlay-white-70 on neutral-900 ≈ 5.0:1 — clears WCAG 1.4.11 3:1 floor for non-text UI. Added in 3.2.1 alongside the action.* layer for the token-cascade remediation; only the strong tier survived the 3.2.2 audit because the lower-alpha siblings (overlay-white-30/10) cannot honour a border-contract — they were renamed to surface.on-dark-overlay-* (which is what they always were: translucent fills). DEPRECATED ALIAS NOTE: --hx-color-border-on-dark-{default,subtle} shipped in 3.2.0/3.2.1 and were renamed to surface.on-dark-overlay-{default,subtle} in 3.2.2. The deprecated names are NOT emitted at :root because a :root alias would freeze the canonical override at computed-value time (CSS Custom Properties §3 — var() inside a custom-property declaration substitutes at the declaring element's computed-value time, breaking host-scoped overrides on the canonical name). Backwards compatibility is preserved at the consume sites instead: every component rule that paints with surface.on-dark-overlay-* reads var(--hx-color-border-on-dark-*, var(--hx-color-surface-on-dark-overlay-*, …)) so a consumer override on either name reaches paint. Removal scheduled for 4.0.0."
|
|
227
219
|
}
|
|
228
220
|
},
|
|
229
221
|
"focus-ring": {
|
|
@@ -660,14 +652,6 @@
|
|
|
660
652
|
"on-dark-strong": {
|
|
661
653
|
"value": "var(--hx-overlay-black-50)",
|
|
662
654
|
"description": "Dark-mode override. surface.inverse flips light (#EBEEE9) in dark mode, so the original overlay-white-70 binding paints white-ish on light = 1.12:1 (invisible). overlay-black-50 over #EBEEE9 = 3.84:1, clears the WCAG 1.4.11 3:1 floor for inverted-mode button outlines and focus rings drawn on the (now-light) inverse surface. Symmetrical with the light-mode 70% intent: dark text on light reaches the equivalent perceptual strength at a lower alpha than light text on dark."
|
|
663
|
-
},
|
|
664
|
-
"on-dark-default": {
|
|
665
|
-
"value": "var(--hx-color-surface-on-dark-overlay-default)",
|
|
666
|
-
"description": "DEPRECATED 3.2.2 — dark-mode alias preserving the published `--hx-color-border-on-dark-default` for backwards compatibility. Resolves to the renamed surface.on-dark-overlay-default token in dark mode (overlay-black-30). Removal scheduled for 4.0.0."
|
|
667
|
-
},
|
|
668
|
-
"on-dark-subtle": {
|
|
669
|
-
"value": "var(--hx-color-surface-on-dark-overlay-subtle)",
|
|
670
|
-
"description": "DEPRECATED 3.2.2 — dark-mode alias preserving the published `--hx-color-border-on-dark-subtle` for backwards compatibility. Resolves to the renamed surface.on-dark-overlay-subtle token in dark mode (overlay-black-10). Removal scheduled for 4.0.0."
|
|
671
655
|
}
|
|
672
656
|
},
|
|
673
657
|
"focus-ring": { "value": "var(--hx-color-primary-400)" },
|
|
@@ -844,14 +828,6 @@
|
|
|
844
828
|
"on-dark-strong": {
|
|
845
829
|
"value": "#FFFFFF",
|
|
846
830
|
"description": "HC override for border.on-dark-strong. The base overlay-white-70 reads softly against translucent darks but is invisible against the HC #000 canvas — pin to solid #FFFFFF (21:1 on #000) so inverted button outlines remain visible in HC."
|
|
847
|
-
},
|
|
848
|
-
"on-dark-default": {
|
|
849
|
-
"value": "var(--hx-color-surface-on-dark-overlay-default)",
|
|
850
|
-
"description": "DEPRECATED 3.2.2 — HC alias preserving the published `--hx-color-border-on-dark-default` for backwards compatibility. Resolves to the renamed surface.on-dark-overlay-default token in HC mode (#FFFFFF). Removal scheduled for 4.0.0."
|
|
851
|
-
},
|
|
852
|
-
"on-dark-subtle": {
|
|
853
|
-
"value": "var(--hx-color-surface-on-dark-overlay-subtle)",
|
|
854
|
-
"description": "DEPRECATED 3.2.2 — HC alias preserving the published `--hx-color-border-on-dark-subtle` for backwards compatibility. Resolves to the renamed surface.on-dark-overlay-subtle token in HC mode (#C0C0C0). Removal scheduled for 4.0.0."
|
|
855
831
|
}
|
|
856
832
|
},
|
|
857
833
|
"focus-ring": { "value": "#FFFF00", "description": "High-visibility yellow focus ring" },
|
package/package.json
CHANGED
package/src/tokens.json
CHANGED
|
@@ -215,15 +215,7 @@
|
|
|
215
215
|
"focus": { "value": "var(--hx-color-primary-500)" },
|
|
216
216
|
"on-dark-strong": {
|
|
217
217
|
"value": "var(--hx-overlay-white-70)",
|
|
218
|
-
"description": "Strong border treatment on dark surfaces (e.g. inverted button outlines on a dark page). overlay-white-70 on neutral-900 ≈ 5.0:1 — clears WCAG 1.4.11 3:1 floor for non-text UI. Added in 3.2.1 alongside the action.* layer for the token-cascade remediation; only the strong tier survived the 3.2.2 audit because the lower-alpha siblings (overlay-white-30/10) cannot honour a border-contract — they were renamed to surface.on-dark-overlay-* (which is what they always were: translucent fills)."
|
|
219
|
-
},
|
|
220
|
-
"on-dark-default": {
|
|
221
|
-
"value": "var(--hx-color-surface-on-dark-overlay-default)",
|
|
222
|
-
"description": "DEPRECATED 3.2.2 — alias for surface.on-dark-overlay-default. Originally shipped 3.2.1 under the border.* family but it was always used as a translucent fill, never a border, and its 30% alpha cannot honour WCAG 1.4.11 3:1. Renamed to surface.on-dark-overlay-default in 3.2.2; this alias preserves the published CSS variable name (`--hx-color-border-on-dark-default`) for consumers who set it as a theme override. Scheduled for removal in 4.0.0."
|
|
223
|
-
},
|
|
224
|
-
"on-dark-subtle": {
|
|
225
|
-
"value": "var(--hx-color-surface-on-dark-overlay-subtle)",
|
|
226
|
-
"description": "DEPRECATED 3.2.2 — alias for surface.on-dark-overlay-subtle. Originally shipped 3.2.1 under the border.* family but it was always used as a translucent fill, never a border, and its 10% alpha cannot honour WCAG 1.4.11 3:1. Renamed to surface.on-dark-overlay-subtle in 3.2.2; this alias preserves the published CSS variable name (`--hx-color-border-on-dark-subtle`) for consumers who set it as a theme override. Scheduled for removal in 4.0.0."
|
|
218
|
+
"description": "Strong border treatment on dark surfaces (e.g. inverted button outlines on a dark page). overlay-white-70 on neutral-900 ≈ 5.0:1 — clears WCAG 1.4.11 3:1 floor for non-text UI. Added in 3.2.1 alongside the action.* layer for the token-cascade remediation; only the strong tier survived the 3.2.2 audit because the lower-alpha siblings (overlay-white-30/10) cannot honour a border-contract — they were renamed to surface.on-dark-overlay-* (which is what they always were: translucent fills). DEPRECATED ALIAS NOTE: --hx-color-border-on-dark-{default,subtle} shipped in 3.2.0/3.2.1 and were renamed to surface.on-dark-overlay-{default,subtle} in 3.2.2. The deprecated names are NOT emitted at :root because a :root alias would freeze the canonical override at computed-value time (CSS Custom Properties §3 — var() inside a custom-property declaration substitutes at the declaring element's computed-value time, breaking host-scoped overrides on the canonical name). Backwards compatibility is preserved at the consume sites instead: every component rule that paints with surface.on-dark-overlay-* reads var(--hx-color-border-on-dark-*, var(--hx-color-surface-on-dark-overlay-*, …)) so a consumer override on either name reaches paint. Removal scheduled for 4.0.0."
|
|
227
219
|
}
|
|
228
220
|
},
|
|
229
221
|
"focus-ring": {
|
|
@@ -660,14 +652,6 @@
|
|
|
660
652
|
"on-dark-strong": {
|
|
661
653
|
"value": "var(--hx-overlay-black-50)",
|
|
662
654
|
"description": "Dark-mode override. surface.inverse flips light (#EBEEE9) in dark mode, so the original overlay-white-70 binding paints white-ish on light = 1.12:1 (invisible). overlay-black-50 over #EBEEE9 = 3.84:1, clears the WCAG 1.4.11 3:1 floor for inverted-mode button outlines and focus rings drawn on the (now-light) inverse surface. Symmetrical with the light-mode 70% intent: dark text on light reaches the equivalent perceptual strength at a lower alpha than light text on dark."
|
|
663
|
-
},
|
|
664
|
-
"on-dark-default": {
|
|
665
|
-
"value": "var(--hx-color-surface-on-dark-overlay-default)",
|
|
666
|
-
"description": "DEPRECATED 3.2.2 — dark-mode alias preserving the published `--hx-color-border-on-dark-default` for backwards compatibility. Resolves to the renamed surface.on-dark-overlay-default token in dark mode (overlay-black-30). Removal scheduled for 4.0.0."
|
|
667
|
-
},
|
|
668
|
-
"on-dark-subtle": {
|
|
669
|
-
"value": "var(--hx-color-surface-on-dark-overlay-subtle)",
|
|
670
|
-
"description": "DEPRECATED 3.2.2 — dark-mode alias preserving the published `--hx-color-border-on-dark-subtle` for backwards compatibility. Resolves to the renamed surface.on-dark-overlay-subtle token in dark mode (overlay-black-10). Removal scheduled for 4.0.0."
|
|
671
655
|
}
|
|
672
656
|
},
|
|
673
657
|
"focus-ring": { "value": "var(--hx-color-primary-400)" },
|
|
@@ -844,14 +828,6 @@
|
|
|
844
828
|
"on-dark-strong": {
|
|
845
829
|
"value": "#FFFFFF",
|
|
846
830
|
"description": "HC override for border.on-dark-strong. The base overlay-white-70 reads softly against translucent darks but is invisible against the HC #000 canvas — pin to solid #FFFFFF (21:1 on #000) so inverted button outlines remain visible in HC."
|
|
847
|
-
},
|
|
848
|
-
"on-dark-default": {
|
|
849
|
-
"value": "var(--hx-color-surface-on-dark-overlay-default)",
|
|
850
|
-
"description": "DEPRECATED 3.2.2 — HC alias preserving the published `--hx-color-border-on-dark-default` for backwards compatibility. Resolves to the renamed surface.on-dark-overlay-default token in HC mode (#FFFFFF). Removal scheduled for 4.0.0."
|
|
851
|
-
},
|
|
852
|
-
"on-dark-subtle": {
|
|
853
|
-
"value": "var(--hx-color-surface-on-dark-overlay-subtle)",
|
|
854
|
-
"description": "DEPRECATED 3.2.2 — HC alias preserving the published `--hx-color-border-on-dark-subtle` for backwards compatibility. Resolves to the renamed surface.on-dark-overlay-subtle token in HC mode (#C0C0C0). Removal scheduled for 4.0.0."
|
|
855
831
|
}
|
|
856
832
|
},
|
|
857
833
|
"focus-ring": { "value": "#FFFF00", "description": "High-visibility yellow focus ring" },
|