@helixui/library 3.1.0-next.72 → 3.2.0-next.100

package/dist/css/hx-table.css

@@ -84,8 +84,7 @@
   /* ─── Focus ─── */
 
   ::slotted(:focus-visible) {
-    outline: var(--hx-focus-ring-width, 2px) solid
-      var(--hx-focus-ring-color, var(--hx-color-primary-500, #429797));
+    outline: var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, #0f7078);
     outline-offset: var(--hx-focus-ring-offset, -2px);
   }
 

package/dist/css/hx-text-input.css

@@ -21,17 +21,17 @@
     /* Border */
     --_text-input-border-color: var(
       --hx-text-input-border-color,
-      var(--hx-input-border-color, var(--hx-color-border-strong, #8e9c98))
+      var(--hx-input-border-color, var(--hx-color-border-strong, #66787b))
     );
     --_text-input-border-color-hover: var(
       --hx-text-input-border-color-hover,
-      var(--hx-color-border-strong, #8e9c98)
+      var(--hx-color-border-strong, #66787b)
     );
     --_text-input-border-color-focus: var(
       --hx-text-input-border-color-focus,
       var(
         --hx-input-focus-ring-color,
-        var(--hx-focus-ring-color, var(--hx-color-primary-400, #6ab1b1))
+        var(--hx-focus-ring-color, var(--hx-color-primary-600, #0f7078))
       )
     );
     --_text-input-border-color-invalid: var(
@@ -60,7 +60,7 @@
       --hx-text-input-focus-ring-color,
       var(
         --hx-input-focus-ring-color,
-        var(--hx-focus-ring-color, var(--hx-color-primary-400, #6ab1b1))
+        var(--hx-focus-ring-color, var(--hx-color-primary-600, #0f7078))
       )
     );
     --_text-input-focus-ring-width: var(
@@ -291,10 +291,10 @@
 
   /* ─── High Contrast Mode (forced-colors) ───
    *
-   * Component-specific overrides that complement the shared forcedColorsField
-   * mixin (composed in static styles). The mixin handles the input/wrapper
-   * core; the rules below extend it to the label / error / help-text /
-   * disabled-host surfaces unique to hx-text-input.
+   * Bespoke block — sole owner of forced-colors deference for hx-text-input.
+   * Covers wrapper/input/placeholder/focus/disabled/error/label/help-text;
+   * strictly more than forcedColorsField. The mixin is intentionally NOT
+   * composed (XOR rule — see styles/forced-colors.ts COMPOSITION RULES).
    */
 
   @media (forced-colors: active) {

package/dist/css/hx-textarea.css

@@ -13,13 +13,13 @@
     );
     --_textarea-border-color: var(
       --hx-textarea-border-color,
-      var(--hx-input-border-color, var(--hx-color-border-strong, #8e9c98))
+      var(--hx-input-border-color, var(--hx-color-border-strong, #66787b))
     );
     --_textarea-border-color-focus: var(
       --hx-textarea-border-color-focus,
       var(
         --hx-input-focus-ring-color,
-        var(--hx-focus-ring-color, var(--hx-color-primary-400, #6ab1b1))
+        var(--hx-focus-ring-color, var(--hx-color-primary-600, #0f7078))
       )
     );
     --_textarea-border-color-invalid: var(

package/dist/css/hx-time-picker.css

@@ -34,7 +34,7 @@
     display: flex;
     align-items: center;
     border: var(--hx-border-width-thin, 1px) solid
-      var(--hx-time-picker-border-color, var(--hx-color-border-strong, #8e9c98));
+      var(--hx-time-picker-border-color, var(--hx-color-border-strong, #66787b));
     border-radius: var(--hx-time-picker-border-radius, var(--hx-border-radius-md, 0.375rem));
     background-color: var(--hx-time-picker-bg, var(--hx-color-surface-default, #ffffff));
     transition:
@@ -98,7 +98,7 @@
     min-height: var(--hx-size-10, 2.5rem);
     flex-shrink: 0;
     border-inline-start: var(--hx-border-width-thin, 1px) solid
-      var(--hx-time-picker-border-color, var(--hx-color-border-strong, #8e9c98));
+      var(--hx-time-picker-border-color, var(--hx-color-border-strong, #66787b));
   }
   .field__toggle:focus-visible {
     outline: var(--hx-focus-ring-width, 2px) solid
@@ -114,7 +114,7 @@
     z-index: var(--hx-z-index-dropdown, 1000);
     background-color: var(--hx-time-picker-listbox-bg, var(--hx-color-surface-default, #ffffff));
     border: var(--hx-border-width-thin, 1px) solid
-      var(--hx-time-picker-border-color, var(--hx-color-border-strong, #8e9c98));
+      var(--hx-time-picker-border-color, var(--hx-color-border-strong, #66787b));
     border-radius: var(--hx-time-picker-border-radius, var(--hx-border-radius-md, 0.375rem));
     box-shadow: var(
       --hx-time-picker-listbox-shadow,

package/dist/css/hx-toast.css

@@ -49,33 +49,38 @@
    * error-600) because the lighter -500 fills can't pass AA against white
    * text in the precision-cool palette. The neutral-900 on-{role} tokens
    * are tuned for the lighter -500 surfaces and would fail here (e.g.
-   * neutral-900 on primary-600 = 3.07:1), so we hold fg at neutral-0
-   * directly for primary/success/danger.
-   * - neutral-0 on primary-600 (#0F7078) = 5.39:1 — AA pass
-   * - neutral-0 on success-700 (#146831) = 6.88:1 — AA pass
-   *   (success-600 #0E8A4A on white = 4.41:1 — drifts under AA at 14px)
-   * - neutral-0 on error-600   (#C92A2A) = 5.92:1 — AA pass
-   * - neutral-900 on warning-500 (#C2711C) = 4.83:1 — AA pass
+   * neutral-900 on primary-600 = 3.07:1), so the on-{role}-strong tokens
+   * (neutral-0, no dark-mode flip) keep fg legible on the darker fills.
+   * - text.on-primary-strong on info.bg-strong (primary-600, #0F7078) = 5.82:1
+   * - text.on-success-strong on success.bg-strong (success-700, #146831) = 6.88:1
+   *   (success-600 #0E8A4A on white = 4.42:1 — drifts under AA at 14px)
+   * - text.on-error-strong   on danger.bg-strong  (error-600, #C92A2A) = 5.46:1
+   * - text.on-warning        on warning.bg-strong (warning-500, #C2711C) = 4.83:1
    *   (warning stays on the lighter -500 surface so on-warning works)
+   *
+   * 3.2.1 token-cascade: bg variants now route through surface.{role}-strong
+   * semantics; fg variants route through text.on-{role}-strong (or on-warning
+   * for the warning variant). Component-tier tokens are NOT bypassed — the
+   * --hx-toast-bg / --hx-toast-color slots remain the single override point.
    */
   .toast--success {
-    --hx-toast-bg: var(--hx-color-success-700, #146831);
-    --hx-toast-color: var(--hx-color-neutral-0, #ffffff);
+    --hx-toast-bg: var(--hx-color-surface-success-strong, #146831);
+    --hx-toast-color: var(--hx-color-text-on-success-strong, #ffffff);
   }
 
   .toast--warning {
-    --hx-toast-bg: var(--hx-color-warning-500, #c2711c);
+    --hx-toast-bg: var(--hx-color-surface-warning-strong, #c2711c);
     --hx-toast-color: var(--hx-color-text-on-warning, #0d1825);
   }
 
   .toast--danger {
-    --hx-toast-bg: var(--hx-color-error-600, #c92a2a);
-    --hx-toast-color: var(--hx-color-neutral-0, #ffffff);
+    --hx-toast-bg: var(--hx-color-surface-danger-strong, #c92a2a);
+    --hx-toast-color: var(--hx-color-text-on-error-strong, #ffffff);
   }
 
   .toast--info {
-    --hx-toast-bg: var(--hx-color-primary-600, #0f7078);
-    --hx-toast-color: var(--hx-color-neutral-0, #ffffff);
+    --hx-toast-bg: var(--hx-color-surface-info-strong, #0f7078);
+    --hx-toast-color: var(--hx-color-text-on-primary-strong, #ffffff);
   }
 
   /* ─── Severity Label (WCAG 1.4.1) ─── */
@@ -168,10 +173,16 @@
   }
 
   /* ─── Forced Colors (Windows High Contrast) ─── */
-  /* Belt-and-suspenders: rich per-class HC overrides PLUS the forcedColorsSurface mixin. */
+  /* Sole owner: bespoke per-class HC overrides on .toast and .toast__close.
+     The shared forcedColorsSurface mixin was dropped in 3.2.1 (XOR rule);
+     this block now carries the surface contract the mixin used to provide
+     (background:Canvas + color:CanvasText + border:1px solid CanvasText)
+     plus the per-class affordances the mixin never touched. */
 
   @media (forced-colors: active) {
     .toast {
+      background: Canvas;
+      color: CanvasText;
       border: 1px solid CanvasText;
     }
 

package/dist/css/hx-toggle-button.css

@@ -38,7 +38,7 @@
     outline: var(--hx-focus-ring-width, 2px) solid
       var(
         --hx-toggle-button-focus-ring-color,
-        var(--hx-focus-ring-color, var(--hx-color-primary-400, #6ab1b1))
+        var(--hx-focus-ring-color, var(--hx-color-primary-600, #0f7078))
       );
     outline-offset: var(--hx-focus-ring-offset, 2px);
   }
@@ -121,7 +121,7 @@
   .button--outline {
     --hx-toggle-button-bg: transparent;
     --hx-toggle-button-color: var(--hx-color-text-primary, #0d1825);
-    --hx-toggle-button-border-color: var(--hx-color-border-strong, #8e9c98);
+    --hx-toggle-button-border-color: var(--hx-color-border-strong, #66787b);
   }
 
   .button--outline:hover {
@@ -170,8 +170,8 @@
       --hx-toggle-button-pressed-color,
       var(--hx-color-primary-700, #0f6363)
     );
-    --hx-toggle-button-border-color: var(--hx-color-primary-400, #6ab1b1);
-    box-shadow: inset 0 0 0 1px var(--hx-color-primary-400, #6ab1b1);
+    --hx-toggle-button-border-color: var(--hx-color-primary-600, #0f7078);
+    box-shadow: inset 0 0 0 1px var(--hx-color-primary-600, #0f7078);
   }
 
   /* Ghost pressed: subtle neutral fill, matching hover behavior as a baseline. */

package/dist/css/hx-top-nav.css

@@ -73,10 +73,7 @@
 
   .mobile-toggle:focus-visible {
     outline: var(--hx-focus-ring-width, 2px) solid
-      var(
-        --hx-top-nav-focus-ring-color,
-        var(--hx-focus-ring-color, var(--hx-color-primary-500, #429797))
-      );
+      var(--hx-top-nav-focus-ring-color, var(--hx-focus-ring-color, #0f7078));
     outline-offset: var(--hx-focus-ring-offset, 2px);
   }
 

package/dist/css/hx-tree-view.css

@@ -16,7 +16,7 @@
 
   .tree:focus-visible {
     outline: var(--hx-focus-ring-width, 2px) solid
-      var(--hx-focus-ring-color, var(--hx-color-primary-400, #6ab1b1));
+      var(--hx-focus-ring-color, var(--hx-color-primary-600, #0f7078));
     outline-offset: var(--hx-focus-ring-offset, 2px);
     border-radius: var(--hx-border-radius-sm, 0.25rem);
   }

package/dist/css/index.css

@@ -1,4 +1,4 @@
-/* index.css — generated 2026-04-25T16:00:33.727Z */
+/* index.css — generated 2026-04-26T12:58:09.554Z */
 /* Imports all per-component CSS files for Drupal asset pipeline */
 
 @import './hx-accordion.css';

package/dist/css/manifest.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-04-25T16:00:33.726Z",
+  "generated": "2026-04-26T12:58:09.553Z",
   "components": [
     {
       "name": "hx-accordion",
@@ -62,7 +62,7 @@
         "--hx-color-info-50",
         "--hx-color-info-500",
         "--hx-color-info-800",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-color-success-200",
         "--hx-color-success-50",
         "--hx-color-success-500",
@@ -209,7 +209,7 @@
         "--hx-color-info-50",
         "--hx-color-info-500",
         "--hx-color-info-800",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-color-success-200",
         "--hx-color-success-50",
         "--hx-color-success-500",
@@ -251,25 +251,43 @@
       "tokens": [
         "--hx-border-radius-md",
         "--hx-border-width-thin",
+        "--hx-button-active-bg",
         "--hx-button-bg",
         "--hx-button-border-color",
         "--hx-button-border-radius",
         "--hx-button-color",
+        "--hx-button-focus-ring-color",
         "--hx-button-font-family",
         "--hx-button-font-weight",
         "--hx-button-hover-bg",
         "--hx-button-inverted-color",
+        "--hx-color-action-danger-bg",
+        "--hx-color-action-danger-bg-active",
+        "--hx-color-action-danger-bg-hover",
+        "--hx-color-action-danger-bg-inverted-hover",
+        "--hx-color-action-ghost-bg-hover",
+        "--hx-color-action-ghost-fg",
+        "--hx-color-action-primary-bg",
+        "--hx-color-action-primary-bg-active",
+        "--hx-color-action-primary-bg-hover",
+        "--hx-color-action-primary-bg-inverted-hover",
+        "--hx-color-action-primary-bg-inverted-rest",
+        "--hx-color-action-secondary-bg-hover",
+        "--hx-color-action-secondary-border",
+        "--hx-color-action-secondary-fg",
+        "--hx-color-border-on-dark-default",
+        "--hx-color-border-on-dark-strong",
+        "--hx-color-border-on-dark-subtle",
         "--hx-color-border-strong",
-        "--hx-color-error-500",
-        "--hx-color-error-600",
         "--hx-color-neutral-0",
-        "--hx-color-primary-400",
         "--hx-color-primary-500",
-        "--hx-color-primary-600",
         "--hx-color-surface-raised",
         "--hx-color-surface-sunken",
+        "--hx-color-text-inverse",
         "--hx-color-text-on-error",
+        "--hx-color-text-on-error-strong",
         "--hx-color-text-on-primary",
+        "--hx-color-text-on-primary-strong",
         "--hx-color-text-primary",
         "--hx-duration-spinner",
         "--hx-filter-brightness-active",
@@ -285,11 +303,6 @@
         "--hx-line-height-tight",
         "--hx-opacity-disabled",
         "--hx-opacity-muted",
-        "--hx-overlay-white-15",
-        "--hx-overlay-white-20",
-        "--hx-overlay-white-25",
-        "--hx-overlay-white-50",
-        "--hx-overlay-white-70",
         "--hx-size-10",
         "--hx-size-12",
         "--hx-space-1",
@@ -327,6 +340,7 @@
         "--hx-card-color",
         "--hx-card-featured-border-color",
         "--hx-card-featured-border-width",
+        "--hx-card-focus-ring-color",
         "--hx-card-font-family",
         "--hx-card-gap",
         "--hx-card-image-aspect-ratio",
@@ -384,7 +398,6 @@
         "--hx-color-neutral-50",
         "--hx-color-neutral-500",
         "--hx-color-neutral-700",
-        "--hx-color-primary-500",
         "--hx-color-primary-600",
         "--hx-focus-ring-color",
         "--hx-focus-ring-offset",
@@ -421,8 +434,8 @@
         "--hx-color-border-strong",
         "--hx-color-error-500",
         "--hx-color-error-text",
-        "--hx-color-primary-400",
         "--hx-color-primary-500",
+        "--hx-color-primary-600",
         "--hx-color-surface-default",
         "--hx-color-text-muted",
         "--hx-color-text-on-primary",
@@ -499,7 +512,6 @@
         "--hx-color-error-700",
         "--hx-color-error-800",
         "--hx-color-error-900",
-        "--hx-color-focus",
         "--hx-color-info-200",
         "--hx-color-info-50",
         "--hx-color-info-500",
@@ -548,8 +560,8 @@
         "--hx-code-snippet-padding",
         "--hx-code-snippet-tab-size",
         "--hx-color-border-default",
-        "--hx-color-border-strong",
-        "--hx-color-primary-400",
+        "--hx-color-border-on-dark-strong",
+        "--hx-color-primary-600",
         "--hx-color-surface-inverse",
         "--hx-color-surface-sunken",
         "--hx-color-text-inverse",
@@ -590,6 +602,7 @@
         "--hx-color-neutral-600",
         "--hx-color-neutral-700",
         "--hx-color-neutral-900",
+        "--hx-color-picker-focus-ring-color",
         "--hx-color-picker-grid-height",
         "--hx-color-picker-panel-shadow",
         "--hx-color-picker-swatch-border",
@@ -630,9 +643,8 @@
         "--hx-color-neutral-900",
         "--hx-color-primary-100",
         "--hx-color-primary-200",
-        "--hx-color-primary-400",
         "--hx-color-primary-50",
-        "--hx-color-primary-500",
+        "--hx-color-primary-600",
         "--hx-color-primary-800",
         "--hx-color-surface-default",
         "--hx-color-text-muted",
@@ -776,6 +788,7 @@
         "--hx-data-table-cell-color",
         "--hx-data-table-checkbox-accent-color",
         "--hx-data-table-empty-color",
+        "--hx-data-table-focus-ring-color",
         "--hx-data-table-font-family",
         "--hx-data-table-header-bg",
         "--hx-data-table-header-color",
@@ -815,7 +828,6 @@
         "--hx-color-error-500",
         "--hx-color-error-text",
         "--hx-color-neutral-900",
-        "--hx-color-primary-400",
         "--hx-color-primary-500",
         "--hx-color-primary-600",
         "--hx-color-surface-default",
@@ -876,7 +888,6 @@
         "--hx-border-radius-sm",
         "--hx-border-width-thin",
         "--hx-color-border-default",
-        "--hx-color-primary-500",
         "--hx-color-surface-default",
         "--hx-color-surface-overlay",
         "--hx-color-surface-sunken",
@@ -888,6 +899,7 @@
         "--hx-dialog-body-padding",
         "--hx-dialog-border-radius",
         "--hx-dialog-close-btn-color",
+        "--hx-dialog-close-btn-focus-ring-color",
         "--hx-dialog-close-btn-hover-bg",
         "--hx-dialog-close-btn-hover-color",
         "--hx-dialog-color",
@@ -947,7 +959,6 @@
         "--hx-border-radius-md",
         "--hx-border-width-thin",
         "--hx-color-border-default",
-        "--hx-color-primary-500",
         "--hx-color-surface-default",
         "--hx-color-surface-overlay",
         "--hx-color-surface-sunken",
@@ -957,6 +968,7 @@
         "--hx-drawer-bg",
         "--hx-drawer-body-padding",
         "--hx-drawer-close-btn-color",
+        "--hx-drawer-close-btn-focus-ring-color",
         "--hx-drawer-close-btn-hover-bg",
         "--hx-drawer-close-btn-hover-color",
         "--hx-drawer-color",
@@ -1078,6 +1090,7 @@
         "--hx-file-upload-dropzone-border-color",
         "--hx-file-upload-dropzone-border-radius",
         "--hx-file-upload-error-color",
+        "--hx-file-upload-focus-ring-color",
         "--hx-file-upload-font-family",
         "--hx-file-upload-progress-color",
         "--hx-file-upload-progress-height",
@@ -1176,6 +1189,7 @@
         "--hx-icon-button-border-color",
         "--hx-icon-button-border-radius",
         "--hx-icon-button-color",
+        "--hx-icon-button-focus-ring-color",
         "--hx-icon-button-size",
         "--hx-opacity-disabled",
         "--hx-size-10",
@@ -1213,7 +1227,6 @@
         "--hx-border-radius-sm",
         "--hx-color-error-700",
         "--hx-color-error-text",
-        "--hx-color-primary-400",
         "--hx-color-primary-600",
         "--hx-color-primary-700",
         "--hx-color-primary-800",
@@ -1315,7 +1328,6 @@
         "--hx-color-neutral-700",
         "--hx-color-neutral-800",
         "--hx-color-neutral-900",
-        "--hx-color-primary-500",
         "--hx-color-primary-600",
         "--hx-focus-ring-color",
         "--hx-focus-ring-offset",
@@ -1328,6 +1340,7 @@
         "--hx-nav-bg",
         "--hx-nav-border-radius",
         "--hx-nav-color",
+        "--hx-nav-focus-ring-color",
         "--hx-nav-font-family",
         "--hx-nav-font-size",
         "--hx-nav-item-padding",
@@ -1404,7 +1417,6 @@
         "--hx-border-radius-md",
         "--hx-border-width-thin",
         "--hx-color-border-default",
-        "--hx-color-primary-500",
         "--hx-color-surface-default",
         "--hx-color-surface-raised",
         "--hx-color-surface-sunken",
@@ -1418,6 +1430,7 @@
         "--hx-font-size-sm",
         "--hx-opacity-disabled",
         "--hx-overflow-menu-button-color",
+        "--hx-overflow-menu-focus-ring-color",
         "--hx-overflow-menu-item-color",
         "--hx-overflow-menu-panel-bg",
         "--hx-overflow-menu-panel-border",
@@ -1462,6 +1475,7 @@
         "--hx-pagination-button-size",
         "--hx-pagination-color",
         "--hx-pagination-ellipsis-color",
+        "--hx-pagination-focus-ring-color",
         "--hx-pagination-font-family",
         "--hx-pagination-gap",
         "--hx-pagination-hover-bg",
@@ -1529,6 +1543,7 @@
         "--hx-opacity-50",
         "--hx-opacity-90",
         "--hx-phi-field-disabled-opacity",
+        "--hx-phi-field-focus-ring-color",
         "--hx-phi-field-font-family",
         "--hx-phi-field-letter-spacing",
         "--hx-phi-field-masked-color",
@@ -1545,7 +1560,6 @@
       "tokens": [
         "--hx-border-radius-md",
         "--hx-color-border-default",
-        "--hx-color-primary-500",
         "--hx-color-surface-default",
         "--hx-color-text-primary",
         "--hx-focus-ring-color",
@@ -1560,6 +1574,7 @@
         "--hx-popover-border-color",
         "--hx-popover-border-radius",
         "--hx-popover-color",
+        "--hx-popover-focus-ring-color",
         "--hx-popover-font-family",
         "--hx-popover-font-size",
         "--hx-popover-max-width",
@@ -1673,7 +1688,7 @@
       "tokens": [
         "--hx-border-radius-sm",
         "--hx-color-border-strong",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-color-warning-300",
         "--hx-color-warning-400",
         "--hx-focus-ring-color",
@@ -1701,9 +1716,8 @@
         "--hx-color-error-500",
         "--hx-color-error-text",
         "--hx-color-primary-100",
-        "--hx-color-primary-400",
         "--hx-color-primary-50",
-        "--hx-color-primary-500",
+        "--hx-color-primary-600",
         "--hx-color-surface-default",
         "--hx-color-text-muted",
         "--hx-color-text-placeholder",
@@ -1755,20 +1769,20 @@
       "tokens": [
         "--hx-border-radius-sm",
         "--hx-border-width-thin",
-        "--hx-color-border-strong",
-        "--hx-color-primary-400",
+        "--hx-color-border-on-dark-strong",
         "--hx-color-surface-inverse",
         "--hx-color-text-inverse",
         "--hx-focus-ring-color",
         "--hx-focus-ring-offset",
         "--hx-focus-ring-width",
         "--hx-side-nav-bg",
-        "--hx-side-nav-border-color",
         "--hx-side-nav-collapsed-width",
         "--hx-side-nav-color",
+        "--hx-side-nav-focus-ring-color",
         "--hx-side-nav-footer-padding",
         "--hx-side-nav-header-padding",
         "--hx-side-nav-toggle-color",
+        "--hx-side-nav-toggle-hover-color",
         "--hx-side-nav-width",
         "--hx-space-14",
         "--hx-space-2",
@@ -1807,8 +1821,8 @@
         "--hx-border-width-thin",
         "--hx-color-border-default",
         "--hx-color-border-strong",
-        "--hx-color-primary-400",
         "--hx-color-primary-500",
+        "--hx-color-primary-600",
         "--hx-color-surface-default",
         "--hx-color-text-muted",
         "--hx-color-text-secondary",
@@ -1888,10 +1902,10 @@
         "--hx-color-neutral-0",
         "--hx-color-primary-200",
         "--hx-color-primary-300",
-        "--hx-color-primary-400",
         "--hx-color-primary-50",
         "--hx-color-primary-500",
         "--hx-color-primary-600",
+        "--hx-color-primary-900",
         "--hx-color-surface-default",
         "--hx-color-surface-raised",
         "--hx-color-surface-sunken",
@@ -1949,6 +1963,7 @@
         "--hx-split-panel-btn-icon-size",
         "--hx-split-panel-divider-color",
         "--hx-split-panel-divider-size",
+        "--hx-split-panel-focus-ring-color",
         "--hx-touch-target-min",
         "--hx-transition-fast"
       ]
@@ -2095,7 +2110,6 @@
         "--hx-border-radius-full",
         "--hx-color-border-strong",
         "--hx-color-error-text",
-        "--hx-color-primary-400",
         "--hx-color-primary-500",
         "--hx-color-primary-600",
         "--hx-color-surface-default",
@@ -2150,7 +2164,6 @@
       "name": "hx-table",
       "file": "hx-table.css",
       "tokens": [
-        "--hx-color-primary-500",
         "--hx-color-surface-raised",
         "--hx-color-text-strong",
         "--hx-focus-ring-color",
@@ -2301,7 +2314,7 @@
         "--hx-color-border-strong",
         "--hx-color-error-600",
         "--hx-color-error-text",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-color-surface-default",
         "--hx-color-surface-sunken",
         "--hx-color-text-disabled",
@@ -2354,7 +2367,7 @@
         "--hx-color-border-strong",
         "--hx-color-error-600",
         "--hx-color-error-text",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-color-surface-default",
         "--hx-color-text-muted",
         "--hx-color-text-placeholder",
@@ -2453,14 +2466,16 @@
       "tokens": [
         "--hx-border-radius-md",
         "--hx-border-radius-sm",
-        "--hx-color-error-600",
-        "--hx-color-neutral-0",
-        "--hx-color-primary-600",
-        "--hx-color-success-700",
+        "--hx-color-surface-danger-strong",
+        "--hx-color-surface-info-strong",
         "--hx-color-surface-inverse",
+        "--hx-color-surface-success-strong",
+        "--hx-color-surface-warning-strong",
         "--hx-color-text-inverse",
+        "--hx-color-text-on-error-strong",
+        "--hx-color-text-on-primary-strong",
+        "--hx-color-text-on-success-strong",
         "--hx-color-text-on-warning",
-        "--hx-color-warning-500",
         "--hx-focus-ring-offset",
         "--hx-focus-ring-width",
         "--hx-font-family-sans",
@@ -2494,7 +2509,6 @@
         "--hx-color-neutral-0",
         "--hx-color-neutral-500",
         "--hx-color-primary-100",
-        "--hx-color-primary-400",
         "--hx-color-primary-50",
         "--hx-color-primary-500",
         "--hx-color-primary-600",
@@ -2569,7 +2583,6 @@
         "--hx-border-radius-sm",
         "--hx-border-width-thin",
         "--hx-color-border-default",
-        "--hx-color-primary-500",
         "--hx-color-surface-default",
         "--hx-color-surface-sunken",
         "--hx-color-text-strong",
@@ -2587,6 +2600,7 @@
         "--hx-top-nav-bg",
         "--hx-top-nav-border-color",
         "--hx-top-nav-color",
+        "--hx-top-nav-focus-ring-color",
         "--hx-top-nav-font-family",
         "--hx-top-nav-height",
         "--hx-top-nav-padding-x",
@@ -2601,7 +2615,7 @@
       "file": "hx-tree-view.css",
       "tokens": [
         "--hx-border-radius-sm",
-        "--hx-color-primary-400",
+        "--hx-color-primary-600",
         "--hx-focus-ring-color",
         "--hx-focus-ring-offset",
         "--hx-focus-ring-width",