@helixui/library 3.2.0-next.83 → 3.2.0-next.89

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.
Files changed (34) hide show
  1. package/custom-elements.json +115 -315
  2. package/dist/components/hx-button/hx-button.d.ts +29 -49
  3. package/dist/components/hx-button/hx-button.d.ts.map +1 -1
  4. package/dist/components/hx-button/hx-button.styles.d.ts.map +1 -1
  5. package/dist/components/hx-button/index.js +1 -1
  6. package/dist/components/hx-side-nav/hx-side-nav.d.ts +4 -19
  7. package/dist/components/hx-side-nav/hx-side-nav.d.ts.map +1 -1
  8. package/dist/components/hx-side-nav/index.js +1 -1
  9. package/dist/components/hx-text-input/hx-text-input.d.ts +13 -30
  10. package/dist/components/hx-text-input/hx-text-input.d.ts.map +1 -1
  11. package/dist/components/hx-toast/hx-toast.d.ts +10 -6
  12. package/dist/components/hx-toast/hx-toast.d.ts.map +1 -1
  13. package/dist/components/hx-toast/hx-toast.styles.d.ts.map +1 -1
  14. package/dist/components/hx-toast/index.js +1 -1
  15. package/dist/css/helix-all.css +35 -6
  16. package/dist/css/helix-core.css +28 -5
  17. package/dist/css/helix-feedback.css +7 -1
  18. package/dist/css/hx-button.css +28 -5
  19. package/dist/css/hx-toast.css +7 -1
  20. package/dist/css/index.css +1 -1
  21. package/dist/css/manifest.json +4 -1
  22. package/dist/index.js +3 -3
  23. package/dist/shared/{hx-button-kWxjKqo-.js → hx-button-D3Royxqp.js} +34 -11
  24. package/dist/shared/hx-button-D3Royxqp.js.map +1 -0
  25. package/dist/shared/{hx-nav-item-CMyMv5Gv.js → hx-nav-item-C9zXD1zK.js} +2 -2
  26. package/dist/shared/hx-nav-item-C9zXD1zK.js.map +1 -0
  27. package/dist/shared/hx-text-input-ClrrmoE1.js.map +1 -1
  28. package/dist/shared/{toast-factory-Mz1GaaFF.js → toast-factory-YSznocIV.js} +38 -33
  29. package/dist/shared/toast-factory-YSznocIV.js.map +1 -0
  30. package/figma-inventory.json +158 -385
  31. package/package.json +2 -2
  32. package/dist/shared/hx-button-kWxjKqo-.js.map +0 -1
  33. package/dist/shared/hx-nav-item-CMyMv5Gv.js.map +0 -1
  34. package/dist/shared/toast-factory-Mz1GaaFF.js.map +0 -1
package/dist/components/hx-button/hx-button.d.ts CHANGED
@@ -27,60 +27,40 @@ declare const HelixButton_base: typeof HelixElement;
27
27
  * @csspart suffix - The suffix slot container span.
28
28
  * @csspart spinner - The loading spinner SVG element.
29
29
  *
30
- * @cssprop [--hx-button-bg=var(--hx-color-primary-500)] - Button background color.
31
- * @cssprop [--hx-button-hover-bg] - Hover background color override. When set, overrides the variant default hover background from outside the shadow DOM.
32
- * @cssprop [--hx-button-color=var(--hx-color-neutral-0)] - Button text color.
33
- * @cssprop [--hx-button-border-color=transparent] - Button border color.
30
+ * @cssprop [--hx-button-bg=var(--hx-color-action-primary-bg)] - Button background color (3.2.1 cascade — variant rules route through action.{primary,secondary,ghost,danger}.bg).
31
+ * @cssprop [--hx-button-hover-bg] - Hover background override; when set, overrides the variant default hover background from outside the shadow DOM.
32
+ * @cssprop [--hx-button-color=var(--hx-color-text-on-primary)] - Button text color (variants route through text.on-{role} / text.on-{role}-strong).
33
+ * @cssprop [--hx-button-border-color=transparent] - Button border color (secondary/outline variants route through action.secondary.border).
34
34
  * @cssprop [--hx-button-border-radius=var(--hx-border-radius-md)] - Button border radius.
35
35
  * @cssprop [--hx-button-font-family=var(--hx-font-family-sans)] - Button font family.
36
36
  * @cssprop [--hx-button-font-weight=var(--hx-font-weight-semibold)] - Button font weight.
37
37
  * @cssprop [--hx-button-focus-ring-color=var(--hx-focus-ring-color)] - Focus ring color.
38
38
  *
39
- * @cssprop [--hx-button-inverted-color=#ffffff] - Text color when inverted.
40
- * @cssprop [--hx-button-inverted-ghost-hover-bg=rgba(255,255,255,0.15)] - Ghost hover bg when inverted.
41
- * @cssprop [--hx-button-inverted-focus-ring-color=rgba(255,255,255,0.5)] - Focus ring color when inverted.
42
- * @cssprop [--hx-opacity-disabled] - Opacity.
43
- * @cssprop [--hx-space-2] - Spacing token.
44
- * @cssprop [--hx-border-width-thin] - Width.
45
- * @cssprop [--hx-border-radius-md] - CSS custom property.
46
- * @cssprop [--hx-color-primary-500] - Color.
47
- * @cssprop [--hx-color-neutral-0] - Color.
48
- * @cssprop [--hx-font-family-sans] - Font family.
49
- * @cssprop [--hx-font-weight-semibold] - Font weight.
50
- * @cssprop [--hx-line-height-tight] - Line height.
51
- * @cssprop [--hx-transition-fast] - Transition timing.
52
- * @cssprop [--hx-focus-ring-width] - Width.
53
- * @cssprop [--hx-focus-ring-color] - Color.
54
- * @cssprop [--hx-focus-ring-offset] - CSS custom property.
55
- * @cssprop [--hx-filter-brightness-hover] - CSS filter.
56
- * @cssprop [--hx-filter-brightness-active] - CSS filter.
57
- * @cssprop [--hx-space-1] - Spacing token.
58
- * @cssprop [--hx-space-3] - Spacing token.
59
- * @cssprop [--hx-font-size-sm] - Font size.
60
- * @cssprop [--hx-touch-target-min] - Minimum touch target size.
61
- * @cssprop [--hx-space-4] - Spacing token.
62
- * @cssprop [--hx-font-size-md] - Font size.
63
- * @cssprop [--hx-size-10] - Size token.
64
- * @cssprop [--hx-space-6] - Spacing token.
65
- * @cssprop [--hx-font-size-lg] - Font size.
66
- * @cssprop [--hx-size-12] - Size token.
67
- * @cssprop [--hx-color-primary-50] - Color.
68
- * @cssprop [--hx-color-neutral-100] - Color.
69
- * @cssprop [--hx-color-neutral-900] - Color.
70
- * @cssprop [--hx-color-neutral-200] - Color.
71
- * @cssprop [--hx-color-error-500] - Color.
72
- * @cssprop [--hx-color-error-600] - Color.
73
- * @cssprop [--hx-color-neutral-300] - Color.
74
- * @cssprop [--hx-color-neutral-50] - Color.
75
- * @cssprop [--hx-color-primary-600] - Color.
76
- * @cssprop [--hx-duration-spinner] - Animation duration.
77
- * @cssprop [--hx-opacity-muted] - Opacity.
78
- * @cssprop [--hx-overlay-white-50] - Overlay color.
79
- * @cssprop [--hx-color-primary-400] - Color.
80
- * @cssprop [--hx-overlay-white-70] - Overlay color.
81
- * @cssprop [--hx-overlay-white-15] - Overlay color.
82
- * @cssprop [--hx-overlay-white-25] - Overlay color.
83
- * @cssprop [--hx-overlay-white-20] - Overlay color.
39
+ * @cssprop [--hx-button-inverted-color=var(--hx-color-text-inverse)] - Text color when inverted (resolves to neutral-0).
40
+ * @cssprop [--hx-button-inverted-ghost-hover-bg=var(--hx-color-border-on-dark-default)] - Ghost hover bg when inverted (overlay-white-30 ≈ 5:1 vs neutral-900).
41
+ * @cssprop [--hx-button-inverted-focus-ring-color=var(--hx-color-border-on-dark-strong)] - Focus ring color when inverted (overlay-white-70 = ~5:1 vs neutral-900).
42
+ *
43
+ * @cssprop [--hx-color-action-primary-bg] - Primary variant resting fill (3.2.1 semantic action layer).
44
+ * @cssprop [--hx-color-action-primary-bg-hover] - Primary variant hover fill.
45
+ * @cssprop [--hx-color-action-primary-bg-active] - Primary variant active/pressed fill.
46
+ * @cssprop [--hx-color-action-secondary-fg] - Secondary/outline variant fg (resolves to primary-600 light, primary-400 dark).
47
+ * @cssprop [--hx-color-action-secondary-border] - Secondary/outline variant border.
48
+ * @cssprop [--hx-color-action-secondary-bg-hover] - Secondary/outline variant hover fill.
49
+ * @cssprop [--hx-color-action-ghost-fg] - Ghost variant fg.
50
+ * @cssprop [--hx-color-action-ghost-bg-hover] - Ghost variant hover fill.
51
+ * @cssprop [--hx-color-action-danger-bg] - Danger variant resting fill.
52
+ * @cssprop [--hx-color-action-danger-bg-hover] - Danger variant hover fill.
53
+ * @cssprop [--hx-color-action-danger-bg-active] - Danger variant active fill.
54
+ * @cssprop [--hx-color-text-on-primary] - Foreground for primary fill (resolves to neutral-900 — AA-tuned for primary-500).
55
+ * @cssprop [--hx-color-text-on-primary-strong] - Foreground for primary-hover fill (resolves to neutral-0 across modes).
56
+ * @cssprop [--hx-color-text-on-error] - Foreground for danger fill (resolves to neutral-900).
57
+ * @cssprop [--hx-color-text-on-error-strong] - Foreground for danger-hover fill (resolves to neutral-0 across modes).
58
+ * @cssprop [--hx-color-text-primary] - Foreground for tertiary variant on surface.sunken.
59
+ * @cssprop [--hx-color-surface-sunken] - Tertiary variant resting fill.
60
+ * @cssprop [--hx-color-surface-raised] - Tertiary variant hover fill.
61
+ * @cssprop [--hx-color-border-on-dark-subtle] - Inverted-tertiary resting border (overlay-white-10).
62
+ * @cssprop [--hx-color-border-on-dark-default] - Inverted-tertiary hover border + inverted-secondary/ghost hover border (overlay-white-30).
63
+ * @cssprop [--hx-color-border-on-dark-strong] - Inverted focus-visible outline (overlay-white-70).
84
64
  */
85
65
  export declare class HelixButton extends HelixButton_base {
86
66
  static styles: import('lit').CSSResult[];
package/dist/components/hx-button/hx-button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"hx-button.d.ts","sourceRoot":"","sources":["../../../src/components/hx-button/hx-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC9E,OAAO,4CAA4C,CAAC;AAIpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKnD,6DAA6D;AAC7D,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,UAAU,CAAC;CAC3B;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,qBACa,WAAY,SAAQ,gBAAgC;IAM/D,OAAgB,MAAM,4BAAuB;IAI7C,gBAAgB;IAChB,OAAgB,cAAc,UAAQ;IAItC;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAa;IAE3F;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,OAAO,UAAS;IAEhB;;;OAGG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC;;;OAGG;IAEH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC;;;OAGG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAEtC;;;;OAIG;IAEH,IAAI,UAAS;IAEb;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;;;;;;;OAQG;IAEH,eAAe,EAAE,MAAM,CAAM;IAE7B;;;;OAIG;IACH,OAAO,KAAK,eAAe,GAE1B;cAIkB,eAAe,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAM3D,gBAAgB;IAChB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAO5B;IAGX,OAAO,CAAC,qBAAqB,CAAS;IAE7B,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe3D,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAgB/D,gBAAgB;IAChB,OAAO,CAAC,wBAAwB;IAoBhC;;;OAGG;IACH,OAAO,CAAC,YAAY;IAgCpB;;;OAGG;IACH,OAAO,CAAC,cAAc;IA6BtB;;;OAGG;IACH,OAAO,CAAC,YAAY;IAiBX,MAAM;CAyChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,WAAW,CAAC;KAC1B;IACD,UAAU,mBAAmB;QAC3B,UAAU,EAAE,WAAW,CAAC;YAAE,aAAa,EAAE,UAAU,CAAA;SAAE,CAAC,CAAC;KACxD;CACF"}
1
+ {"version":3,"file":"hx-button.d.ts","sourceRoot":"","sources":["../../../src/components/hx-button/hx-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAC9E,OAAO,4CAA4C,CAAC;AAIpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAKnD,6DAA6D;AAC7D,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,UAAU,CAAC;CAC3B;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,qBACa,WAAY,SAAQ,gBAAgC;IAM/D,OAAgB,MAAM,4BAAuB;IAI7C,gBAAgB;IAChB,OAAgB,cAAc,UAAQ;IAItC;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAa;IAE3F;;;OAGG;IAEH,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAEhC;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,OAAO,UAAS;IAEhB;;;OAGG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAE/C;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC;;;OAGG;IAEH,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAEvC;;;OAGG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAa;IAErC;;;OAGG;IAEH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAa;IAEtC;;;;OAIG;IAEH,IAAI,UAAS;IAEb;;;;OAIG;IAEH,QAAQ,UAAS;IAEjB;;;;;;;;OAQG;IAEH,eAAe,EAAE,MAAM,CAAM;IAE7B;;;;OAIG;IACH,OAAO,KAAK,eAAe,GAE1B;cAIkB,eAAe,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAM3D,gBAAgB;IAChB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAO5B;IAGX,OAAO,CAAC,qBAAqB,CAAS;IAE7B,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAe3D,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAgB/D,gBAAgB;IAChB,OAAO,CAAC,wBAAwB;IAoBhC;;;OAGG;IACH,OAAO,CAAC,YAAY;IAgCpB;;;OAGG;IACH,OAAO,CAAC,cAAc;IA6BtB;;;OAGG;IACH,OAAO,CAAC,YAAY;IAiBX,MAAM;CAyChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,WAAW,CAAC;KAC1B;IACD,UAAU,mBAAmB;QAC3B,UAAU,EAAE,WAAW,CAAC;YAAE,aAAa,EAAE,UAAU,CAAA;SAAE,CAAC,CAAC;KACxD;CACF"}
package/dist/components/hx-button/hx-button.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"hx-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-button/hx-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAgV7B,CAAC"}
1
+ {"version":3,"file":"hx-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-button/hx-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAuW7B,CAAC"}
package/dist/components/hx-button/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { H as e } from "../../shared/hx-button-kWxjKqo-.js";
1
+ import { H as e } from "../../shared/hx-button-D3Royxqp.js";
2
2
  export {
3
3
  e as HelixButton
4
4
  };
package/dist/components/hx-side-nav/hx-side-nav.d.ts CHANGED
@@ -30,25 +30,10 @@ import { HelixElement } from '../../base/index.js';
30
30
  * @cssprop [--hx-side-nav-footer-padding=var(--hx-space-4)] - Footer padding.
31
31
  * @cssprop [--hx-side-nav-toggle-color=var(--hx-color-text-inverse)] - Toggle button icon color (resting).
32
32
  * @cssprop [--hx-side-nav-toggle-hover-color=var(--hx-color-text-inverse)] - Toggle button icon color on hover.
33
- * @cssprop [--hx-color-neutral-900] - Color.
34
- * @cssprop [--hx-color-neutral-100] - Color.
35
- * @cssprop [--hx-transition-normal] - Transition timing.
36
- * @cssprop [--hx-border-width-thin] - Width.
37
- * @cssprop [--hx-color-neutral-700] - Color.
38
- * @cssprop [--hx-space-4] - Spacing token.
39
- * @cssprop [--hx-space-14] - Spacing token.
40
- * @cssprop [--hx-space-3] - Spacing token.
41
- * @cssprop [--hx-space-2] - Spacing token.
42
- * @cssprop [--hx-space-8] - Spacing token.
43
- * @cssprop [--hx-border-radius-sm] - CSS custom property.
44
- * @cssprop [--hx-color-neutral-400] - Color.
45
- * @cssprop [--hx-transition-fast] - Transition timing.
46
- * @cssprop [--hx-overlay-white-10] - Overlay color.
47
- * @cssprop [--hx-focus-ring-width] - Width.
48
- * @cssprop [--hx-focus-ring-color] - Color.
49
- * @cssprop [--hx-color-primary-400] - Color.
50
- * @cssprop [--hx-focus-ring-offset] - CSS custom property.
51
- * @cssprop [--hx-space-5] - Spacing token.
33
+ * @cssprop [--hx-color-surface-inverse] - Side-nav surface fill (resolves to neutral-900 light, near-black dark).
34
+ * @cssprop [--hx-color-text-inverse] - Side-nav text color (resolves to neutral-0).
35
+ * @cssprop [--hx-color-border-strong] - Header/footer divider border.
36
+ * @cssprop [--hx-color-border-on-dark-subtle] - Toggle button hover surface (overlay-white-10 primitive — semantic layer for inverted affordances).
52
37
  */
53
38
  export declare class HelixSideNav extends HelixElement {
54
39
  static styles: import('lit').CSSResult[];
package/dist/components/hx-side-nav/hx-side-nav.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"hx-side-nav.d.ts","sourceRoot":"","sources":["../../../src/components/hx-side-nav/hx-side-nav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,4CAA4C,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,qBACa,YAAa,SAAQ,YAAY;IAI5C,OAAgB,MAAM,4BAAwB;IAI9C;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,KAAK,SAAqB;IAIjB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS/D;;;;OAIG;IACH,gBAAgB;IAChB,OAAO,CAAC,6BAA6B;IAkBrC;;;OAGG;IACH,gBAAgB;IAChB,OAAO,CAAC,oBAAoB;IAM5B;;;;;OAKG;IACH,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAgItB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAgCrB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAQhB,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,YAAY,CAAC;KAC7B;CACF;AAED,YAAY,EAAE,YAAY,IAAI,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"hx-side-nav.d.ts","sourceRoot":"","sources":["../../../src/components/hx-side-nav/hx-side-nav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAChD,OAAO,4CAA4C,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,qBACa,YAAa,SAAQ,YAAY;IAI5C,OAAgB,MAAM,4BAAwB;IAI9C;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,KAAK,SAAqB;IAIjB,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAS/D;;;;OAIG;IACH,gBAAgB;IAChB,OAAO,CAAC,6BAA6B;IAkBrC;;;OAGG;IACH,gBAAgB;IAChB,OAAO,CAAC,oBAAoB;IAM5B;;;;;OAKG;IACH,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAgItB,gBAAgB;IAChB,OAAO,CAAC,aAAa;IAgCrB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAQhB,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,YAAY,CAAC;KAC7B;CACF;AAED,YAAY,EAAE,YAAY,IAAI,SAAS,EAAE,CAAC"}
package/dist/components/hx-side-nav/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { H as i, a as x } from "../../shared/hx-nav-item-CMyMv5Gv.js";
1
+ import { H as i, a as x } from "../../shared/hx-nav-item-C9zXD1zK.js";
2
2
  export {
3
3
  i as HelixNavItem,
4
4
  x as HelixSideNav
package/dist/components/hx-text-input/hx-text-input.d.ts CHANGED
@@ -41,36 +41,19 @@ declare const HelixTextInput_base: typeof HelixElement & (new (...args: any[]) =
41
41
  * @cssprop [--hx-input-label-color=var(--hx-color-text-strong)] - Label text color.
42
42
  * @cssprop [--hx-input-sm-font-size=0.875rem] - Font size for the sm size variant.
43
43
  * @cssprop [--hx-input-lg-font-size=1.125rem] - Font size for the lg size variant.
44
- * @cssprop [--hx-opacity-disabled] - Opacity.
45
- * @cssprop [--hx-focus-ring-color] - Color.
46
- * @cssprop [--hx-color-primary-400] - Color.
47
- * @cssprop [--hx-focus-ring-width] - Width.
48
- * @cssprop [--hx-focus-ring-opacity] - CSS custom property.
49
- * @cssprop [--hx-space-1] - Spacing token.
50
- * @cssprop [--hx-font-family-sans] - Font family.
51
- * @cssprop [--hx-font-size-sm] - Font size.
52
- * @cssprop [--hx-font-weight-medium] - Font weight.
53
- * @cssprop [--hx-color-neutral-700] - Color.
54
- * @cssprop [--hx-line-height-normal] - Line height.
55
- * @cssprop [--hx-color-error-text] - Color.
56
- * @cssprop [--hx-font-weight-bold] - Font weight.
57
- * @cssprop [--hx-border-width-thin] - Width.
58
- * @cssprop [--hx-color-neutral-300] - Color.
59
- * @cssprop [--hx-border-radius-md] - CSS custom property.
60
- * @cssprop [--hx-color-neutral-0] - Color.
61
- * @cssprop [--hx-transition-fast] - Transition timing.
62
- * @cssprop [--hx-color-error-500] - Color.
63
- * @cssprop [--hx-color-neutral-500] - Color.
64
- * @cssprop [--hx-space-3] - Spacing token.
65
- * @cssprop [--hx-space-2] - Spacing token.
66
- * @cssprop [--hx-font-size-md] - Font size.
67
- * @cssprop [--hx-color-neutral-800] - Color.
68
- * @cssprop [--hx-size-10] - Size token.
69
- * @cssprop [--hx-color-neutral-400] - Color.
70
- * @cssprop [--hx-size-8] - Size token.
71
- * @cssprop [--hx-space-4] - Spacing token.
72
- * @cssprop [--hx-size-12] - Size token.
73
- * @cssprop [--hx-font-size-xs] - Font size.
44
+ *
45
+ * @cssprop [--hx-text-input-border-width=var(--hx-border-width-thin)] - Outer border-width override (canonical hx-{tag}-* prefix; sits above --hx-input-* aliases in the cascade).
46
+ * @cssprop [--hx-text-input-padding-x=var(--hx-space-3)] - Outer horizontal padding override.
47
+ * @cssprop [--hx-text-input-padding-y=var(--hx-space-2)] - Outer vertical padding override.
48
+ * @cssprop [--hx-text-input-font-size=var(--hx-font-size-md)] - Outer font-size override.
49
+ * @cssprop [--hx-text-input-sm-font-size] - Outer sm-variant font-size override (falls through to --hx-input-sm-font-size).
50
+ * @cssprop [--hx-text-input-lg-font-size] - Outer lg-variant font-size override (falls through to --hx-input-lg-font-size).
51
+ *
52
+ * @cssprop [--hx-color-surface-default] - Resting field surface (semantic).
53
+ * @cssprop [--hx-color-text-strong] - Resting input text + label color (semantic).
54
+ * @cssprop [--hx-color-border-strong] - Resting border color (semantic).
55
+ * @cssprop [--hx-color-error-text] - Error state text + border color (semantic).
56
+ * @cssprop [--hx-color-error-600] - Error border primitive fallback inside the focus-state cascade.
74
57
  */
75
58
  export declare class HelixTextInput extends HelixTextInput_base {
76
59
  static styles: import('lit').CSSResult[];
package/dist/components/hx-text-input/hx-text-input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"hx-text-input.d.ts","sourceRoot":"","sources":["../../../src/components/hx-text-input/hx-text-input.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"hx-text-input.d.ts","sourceRoot":"","sources":["../../../src/components/hx-text-input/hx-text-input.ts"],"names":[],"mappings":"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"}
package/dist/components/hx-toast/hx-toast.d.ts CHANGED
@@ -32,8 +32,8 @@ export type ToastVariant = 'default' | 'success' | 'warning' | 'danger' | 'info'
32
32
  * @cssprop [--hx-space-3] - Spacing token.
33
33
  * @cssprop [--hx-space-4] - Spacing token.
34
34
  * @cssprop [--hx-border-radius-md] - CSS custom property.
35
- * @cssprop [--hx-color-neutral-900] - Color.
36
- * @cssprop [--hx-color-neutral-0] - Color.
35
+ * @cssprop [--hx-color-surface-inverse] - Default-variant background semantic (neutral-900 anchor; flipped per mode).
36
+ * @cssprop [--hx-color-text-inverse] - Default-variant foreground semantic (neutral-0 anchor; flipped per mode).
37
37
  * @cssprop [--hx-toast-font-family=var(--hx-font-family-sans)] - CSS custom property.
38
38
  * @cssprop [--hx-font-family-sans] - Font family.
39
39
  * @cssprop [--hx-font-size-sm] - Font size.
@@ -42,10 +42,14 @@ export type ToastVariant = 'default' | 'success' | 'warning' | 'danger' | 'info'
42
42
  * @cssprop [--hx-toast-enter-translate=var(--hx-space-2)] - CSS custom property.
43
43
  * @cssprop [--hx-space-2] - Spacing token.
44
44
  * @cssprop [--hx-transition-normal] - Transition timing.
45
- * @cssprop [--hx-color-success-600] - Color.
46
- * @cssprop [--hx-color-warning-500] - Color.
47
- * @cssprop [--hx-color-error-600] - Color.
48
- * @cssprop [--hx-color-primary-600] - Color.
45
+ * @cssprop [--hx-color-surface-success-strong] - Success-variant background semantic (3.2.1 cascade).
46
+ * @cssprop [--hx-color-surface-warning-strong] - Warning-variant background semantic (3.2.1 cascade).
47
+ * @cssprop [--hx-color-surface-danger-strong] - Danger-variant background semantic (3.2.1 cascade).
48
+ * @cssprop [--hx-color-surface-info-strong] - Info-variant background semantic (3.2.1 cascade).
49
+ * @cssprop [--hx-color-text-on-success-strong] - Success-variant foreground semantic (neutral-0 across modes).
50
+ * @cssprop [--hx-color-text-on-warning] - Warning-variant foreground semantic (neutral-900; warning sits on lighter -500 fill).
51
+ * @cssprop [--hx-color-text-on-error-strong] - Danger-variant foreground semantic (neutral-0 across modes).
52
+ * @cssprop [--hx-color-text-on-primary-strong] - Info-variant foreground semantic (neutral-0 across modes).
49
53
  * @cssprop [--hx-touch-target-min] - Minimum touch target size.
50
54
  * @cssprop [--hx-space-1] - Spacing token.
51
55
  * @cssprop [--hx-border-radius-sm] - CSS custom property.
package/dist/components/hx-toast/hx-toast.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"hx-toast.d.ts","sourceRoot":"","sources":["../../../src/components/hx-toast/hx-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,4CAA4C,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,qBACa,UAAW,SAAQ,YAAY;IAC1C,OAAgB,MAAM,4BAA2C;IAIjE;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAa;IAE3E;;;OAGG;IAEH,QAAQ,SAAQ;IAEhB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;OAGG;IAEH,UAAU,SAA0B;IAIpC,gBAAgB;IACC,OAAO,CAAC,QAAQ,CAAsB;IAEvD,oEAAoE;IAC3D,OAAO,CAAC,iBAAiB,CAAS;IAE3C,gBAAgB;IAChB,OAAO,CAAC,MAAM,CAA8C;IAI5D,0EAA0E;IAC1E,OAAO,KAAK,cAAc,GAIzB;IAED,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAAuB;IAE9C,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAAuB;IAIrC,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAiBtD,oBAAoB,IAAI,IAAI;IAOrC,sBAAsB;IACtB,IAAI,IAAI,IAAI;IAMZ,sBAAsB;IACtB,IAAI,IAAI,IAAI;IAQZ,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAUnB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IASnB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAMnB,gBAAgB;IAChB,OAAO,CAAC,SAAS;IAIjB,gBAAgB;IAChB,OAAO,CAAC,SAAS;IAsBjB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAIzB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAMzB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAItB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAMvB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAIpB,gBAAgB;IAChB,OAAO,CAAC,uBAAuB;IAU/B,gBAAgB;IAChB,OAAO,KAAK,KAAK,GAEhB;IAED,gBAAgB;IAChB,OAAO,KAAK,SAAS,GAEpB;IAMD,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAS1B,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAS1B,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IASzB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IASvB,4FAA4F;IAC5F,OAAO,KAAK,YAAY,GAavB;IAID,gBAAgB;IAChB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAKtC;IAEF,gBAAgB;IAChB,OAAO,KAAK,cAAc,GAEzB;IAIQ,MAAM;CA6DhB;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}
1
+ {"version":3,"file":"hx-toast.d.ts","sourceRoot":"","sources":["../../../src/components/hx-toast/hx-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,4CAA4C,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,qBACa,UAAW,SAAQ,YAAY;IAO1C,OAAgB,MAAM,4BAAsB;IAI5C;;;OAGG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAa;IAE3E;;;OAGG;IAEH,QAAQ,SAAQ;IAEhB;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;OAGG;IAEH,UAAU,SAA0B;IAIpC,gBAAgB;IACC,OAAO,CAAC,QAAQ,CAAsB;IAEvD,oEAAoE;IAC3D,OAAO,CAAC,iBAAiB,CAAS;IAE3C,gBAAgB;IAChB,OAAO,CAAC,MAAM,CAA8C;IAI5D,0EAA0E;IAC1E,OAAO,KAAK,cAAc,GAIzB;IAED,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAAuB;IAE9C,gBAAgB;IAChB,OAAO,CAAC,eAAe,CAAuB;IAIrC,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAiBtD,oBAAoB,IAAI,IAAI;IAOrC,sBAAsB;IACtB,IAAI,IAAI,IAAI;IAMZ,sBAAsB;IACtB,IAAI,IAAI,IAAI;IAQZ,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAUnB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IASnB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAOzB,gBAAgB;IAChB,OAAO,CAAC,WAAW;IAMnB,gBAAgB;IAChB,OAAO,CAAC,SAAS;IAIjB,gBAAgB;IAChB,OAAO,CAAC,SAAS;IAsBjB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAIzB,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IAMzB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAItB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAMvB,gBAAgB;IAChB,OAAO,CAAC,YAAY;IAIpB,gBAAgB;IAChB,OAAO,CAAC,uBAAuB;IAU/B,gBAAgB;IAChB,OAAO,KAAK,KAAK,GAEhB;IAED,gBAAgB;IAChB,OAAO,KAAK,SAAS,GAEpB;IAMD,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAS1B,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAS1B,gBAAgB;IAChB,OAAO,CAAC,iBAAiB;IASzB,gBAAgB;IAChB,OAAO,CAAC,eAAe;IASvB,4FAA4F;IAC5F,OAAO,KAAK,YAAY,GAavB;IAID,gBAAgB;IAChB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAKtC;IAEF,gBAAgB;IAChB,OAAO,KAAK,cAAc,GAEzB;IAIQ,MAAM;CA6DhB;AAID,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}
package/dist/components/hx-toast/hx-toast.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"hx-toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-toast/hx-toast.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,yBA2L5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAyEjC,CAAC"}
1
+ {"version":3,"file":"hx-toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-toast/hx-toast.styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,yBAiM5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAyEjC,CAAC"}
package/dist/components/hx-toast/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { H as s, a as o, t as e } from "../../shared/toast-factory-Mz1GaaFF.js";
1
+ import { H as s, a as o, t as e } from "../../shared/toast-factory-YSznocIV.js";
2
2
  export {
3
3
  s as HelixToast,
4
4
  o as HelixToastStack,
package/dist/css/helix-all.css CHANGED
@@ -1120,8 +1120,8 @@
1120
1120
 
1121
1121
  .button--secondary {
1122
1122
  --hx-button-bg: transparent;
1123
- /* primary-500 (#429797) text on white surface = 3.43:1 — fails AA.
1124
- primary-600 (#0F7078) on white = 6.06:1 — AA pass. */
1123
+ /* primary-500 (#429797) text on white surface = 3.44:1 — fails AA.
1124
+ primary-600 (#0F7078) on white = 5.82:1 — AA pass. */
1125
1125
  --hx-button-color: var(--hx-color-action-secondary-fg, #0f7078);
1126
1126
  --hx-button-border-color: var(--hx-color-action-secondary-border, #0f7078);
1127
1127
  }
@@ -1150,7 +1150,7 @@
1150
1150
  }
1151
1151
 
1152
1152
  /* on-error tokens are tuned for error-500 (neutral-900 on #E5493E ≈ 4.59:1).
1153
- error-600 (#C92A2A) drops that to 2.25:1 — AA fail. text.on-error-strong
1153
+ error-600 (#C92A2A) drops that to 3.28:1 — AA fail. text.on-error-strong
1154
1154
  resolves to neutral-0 across modes (no dark flip) so the darker hover fill
1155
1155
  stays legible. Mirrors hx-toast precedent (commit 300e21ab0); routed
1156
1156
  through the semantic tier in 3.2.1 token-cascade remediation. */
@@ -1159,10 +1159,22 @@
1159
1159
  --hx-button-color: var(--hx-color-text-on-error-strong, #ffffff);
1160
1160
  }
1161
1161
 
1162
+ /* Pressed state binds explicitly to action.danger.bg-active (error-700,
1163
+ #A21312) + text.on-error-strong (neutral-0) = 7.96:1 AA. Base
1164
+ .button:active filter:brightness(0.8) would compound on top of bg-hover
1165
+ (#C92A2A) and produce ~3.3:1 sub-AA on the bound colors. Override the
1166
+ filter to none. HC override on action.danger.bg-active flips to HC
1167
+ error-500 so the on-error-strong (HC = #000) pair is AA in HC too. */
1168
+ .button--danger:active {
1169
+ --hx-button-bg: var(--hx-button-active-bg, var(--hx-color-action-danger-bg-active, #a21312));
1170
+ --hx-button-color: var(--hx-color-text-on-error-strong, #ffffff);
1171
+ filter: none;
1172
+ }
1173
+
1162
1174
  .button--ghost {
1163
1175
  --hx-button-bg: transparent;
1164
- /* primary-500 (#429797) text on white surface = 3.43:1 — fails AA.
1165
- primary-600 (#0F7078) on white = 6.06:1 — AA pass. */
1176
+ /* primary-500 (#429797) text on white surface = 3.44:1 — fails AA.
1177
+ primary-600 (#0F7078) on white = 5.82:1 — AA pass. */
1166
1178
  --hx-button-color: var(--hx-color-action-ghost-fg, #0f7078);
1167
1179
  --hx-button-border-color: transparent;
1168
1180
  }
@@ -1191,6 +1203,17 @@
1191
1203
  --hx-button-color: var(--hx-color-text-on-primary-strong, #ffffff);
1192
1204
  }
1193
1205
 
1206
+ /* Pressed state binds explicitly to action.primary.bg-active (primary-700,
1207
+ #0F6363) + text.on-primary-strong (neutral-0) = 7.03:1 AA. The base
1208
+ .button:active filter:brightness(0.8) would compound on top of bg-hover
1209
+ (#0F7078) and produce ~3.7:1 sub-AA on the bound colors. Override the
1210
+ filter to none so the action.*.bg-active token is what actually paints. */
1211
+ .button--primary:active {
1212
+ --hx-button-bg: var(--hx-button-active-bg, var(--hx-color-action-primary-bg-active, #0f6363));
1213
+ --hx-button-color: var(--hx-color-text-on-primary-strong, #ffffff);
1214
+ filter: none;
1215
+ }
1216
+
1194
1217
  /* ─── Disabled ─── */
1195
1218
 
1196
1219
  /* Note: opacity is applied on :host([disabled]) above — do NOT add opacity here.
@@ -12340,10 +12363,16 @@ export const helixTableSectionBaseStyles = css`
12340
12363
  }
12341
12364
 
12342
12365
  /* ─── Forced Colors (Windows High Contrast) ─── */
12343
- /* Belt-and-suspenders: rich per-class HC overrides PLUS the forcedColorsSurface mixin. */
12366
+ /* Sole owner: bespoke per-class HC overrides on .toast and .toast__close.
12367
+ The shared forcedColorsSurface mixin was dropped in 3.2.1 (XOR rule);
12368
+ this block now carries the surface contract the mixin used to provide
12369
+ (background:Canvas + color:CanvasText + border:1px solid CanvasText)
12370
+ plus the per-class affordances the mixin never touched. */
12344
12371
 
12345
12372
  @media (forced-colors: active) {
12346
12373
  .toast {
12374
+ background: Canvas;
12375
+ color: CanvasText;
12347
12376
  border: 1px solid CanvasText;
12348
12377
  }
12349
12378
 
package/dist/css/helix-core.css CHANGED
@@ -443,8 +443,8 @@
443
443
 
444
444
  .button--secondary {
445
445
  --hx-button-bg: transparent;
446
- /* primary-500 (#429797) text on white surface = 3.43:1 — fails AA.
447
- primary-600 (#0F7078) on white = 6.06:1 — AA pass. */
446
+ /* primary-500 (#429797) text on white surface = 3.44:1 — fails AA.
447
+ primary-600 (#0F7078) on white = 5.82:1 — AA pass. */
448
448
  --hx-button-color: var(--hx-color-action-secondary-fg, #0f7078);
449
449
  --hx-button-border-color: var(--hx-color-action-secondary-border, #0f7078);
450
450
  }
@@ -473,7 +473,7 @@
473
473
  }
474
474
 
475
475
  /* on-error tokens are tuned for error-500 (neutral-900 on #E5493E ≈ 4.59:1).
476
- error-600 (#C92A2A) drops that to 2.25:1 — AA fail. text.on-error-strong
476
+ error-600 (#C92A2A) drops that to 3.28:1 — AA fail. text.on-error-strong
477
477
  resolves to neutral-0 across modes (no dark flip) so the darker hover fill
478
478
  stays legible. Mirrors hx-toast precedent (commit 300e21ab0); routed
479
479
  through the semantic tier in 3.2.1 token-cascade remediation. */
@@ -482,10 +482,22 @@
482
482
  --hx-button-color: var(--hx-color-text-on-error-strong, #ffffff);
483
483
  }
484
484
 
485
+ /* Pressed state binds explicitly to action.danger.bg-active (error-700,
486
+ #A21312) + text.on-error-strong (neutral-0) = 7.96:1 AA. Base
487
+ .button:active filter:brightness(0.8) would compound on top of bg-hover
488
+ (#C92A2A) and produce ~3.3:1 sub-AA on the bound colors. Override the
489
+ filter to none. HC override on action.danger.bg-active flips to HC
490
+ error-500 so the on-error-strong (HC = #000) pair is AA in HC too. */
491
+ .button--danger:active {
492
+ --hx-button-bg: var(--hx-button-active-bg, var(--hx-color-action-danger-bg-active, #a21312));
493
+ --hx-button-color: var(--hx-color-text-on-error-strong, #ffffff);
494
+ filter: none;
495
+ }
496
+
485
497
  .button--ghost {
486
498
  --hx-button-bg: transparent;
487
- /* primary-500 (#429797) text on white surface = 3.43:1 — fails AA.
488
- primary-600 (#0F7078) on white = 6.06:1 — AA pass. */
499
+ /* primary-500 (#429797) text on white surface = 3.44:1 — fails AA.
500
+ primary-600 (#0F7078) on white = 5.82:1 — AA pass. */
489
501
  --hx-button-color: var(--hx-color-action-ghost-fg, #0f7078);
490
502
  --hx-button-border-color: transparent;
491
503
  }
@@ -514,6 +526,17 @@
514
526
  --hx-button-color: var(--hx-color-text-on-primary-strong, #ffffff);
515
527
  }
516
528
 
529
+ /* Pressed state binds explicitly to action.primary.bg-active (primary-700,
530
+ #0F6363) + text.on-primary-strong (neutral-0) = 7.03:1 AA. The base
531
+ .button:active filter:brightness(0.8) would compound on top of bg-hover
532
+ (#0F7078) and produce ~3.7:1 sub-AA on the bound colors. Override the
533
+ filter to none so the action.*.bg-active token is what actually paints. */
534
+ .button--primary:active {
535
+ --hx-button-bg: var(--hx-button-active-bg, var(--hx-color-action-primary-bg-active, #0f6363));
536
+ --hx-button-color: var(--hx-color-text-on-primary-strong, #ffffff);
537
+ filter: none;
538
+ }
539
+
517
540
  /* ─── Disabled ─── */
518
541
 
519
542
  /* Note: opacity is applied on :host([disabled]) above — do NOT add opacity here.
package/dist/css/helix-feedback.css CHANGED
@@ -1357,10 +1357,16 @@
1357
1357
  }
1358
1358
 
1359
1359
  /* ─── Forced Colors (Windows High Contrast) ─── */
1360
- /* Belt-and-suspenders: rich per-class HC overrides PLUS the forcedColorsSurface mixin. */
1360
+ /* Sole owner: bespoke per-class HC overrides on .toast and .toast__close.
1361
+ The shared forcedColorsSurface mixin was dropped in 3.2.1 (XOR rule);
1362
+ this block now carries the surface contract the mixin used to provide
1363
+ (background:Canvas + color:CanvasText + border:1px solid CanvasText)
1364
+ plus the per-class affordances the mixin never touched. */
1361
1365
 
1362
1366
  @media (forced-colors: active) {
1363
1367
  .toast {
1368
+ background: Canvas;
1369
+ color: CanvasText;
1364
1370
  border: 1px solid CanvasText;
1365
1371
  }
1366
1372
 
package/dist/css/hx-button.css CHANGED
@@ -94,8 +94,8 @@
94
94
 
95
95
  .button--secondary {
96
96
  --hx-button-bg: transparent;
97
- /* primary-500 (#429797) text on white surface = 3.43:1 — fails AA.
98
- primary-600 (#0F7078) on white = 6.06:1 — AA pass. */
97
+ /* primary-500 (#429797) text on white surface = 3.44:1 — fails AA.
98
+ primary-600 (#0F7078) on white = 5.82:1 — AA pass. */
99
99
  --hx-button-color: var(--hx-color-action-secondary-fg, #0f7078);
100
100
  --hx-button-border-color: var(--hx-color-action-secondary-border, #0f7078);
101
101
  }
@@ -124,7 +124,7 @@
124
124
  }
125
125
 
126
126
  /* on-error tokens are tuned for error-500 (neutral-900 on #E5493E ≈ 4.59:1).
127
- error-600 (#C92A2A) drops that to 2.25:1 — AA fail. text.on-error-strong
127
+ error-600 (#C92A2A) drops that to 3.28:1 — AA fail. text.on-error-strong
128
128
  resolves to neutral-0 across modes (no dark flip) so the darker hover fill
129
129
  stays legible. Mirrors hx-toast precedent (commit 300e21ab0); routed
130
130
  through the semantic tier in 3.2.1 token-cascade remediation. */
@@ -133,10 +133,22 @@
133
133
  --hx-button-color: var(--hx-color-text-on-error-strong, #ffffff);
134
134
  }
135
135
 
136
+ /* Pressed state binds explicitly to action.danger.bg-active (error-700,
137
+ #A21312) + text.on-error-strong (neutral-0) = 7.96:1 AA. Base
138
+ .button:active filter:brightness(0.8) would compound on top of bg-hover
139
+ (#C92A2A) and produce ~3.3:1 sub-AA on the bound colors. Override the
140
+ filter to none. HC override on action.danger.bg-active flips to HC
141
+ error-500 so the on-error-strong (HC = #000) pair is AA in HC too. */
142
+ .button--danger:active {
143
+ --hx-button-bg: var(--hx-button-active-bg, var(--hx-color-action-danger-bg-active, #a21312));
144
+ --hx-button-color: var(--hx-color-text-on-error-strong, #ffffff);
145
+ filter: none;
146
+ }
147
+
136
148
  .button--ghost {
137
149
  --hx-button-bg: transparent;
138
- /* primary-500 (#429797) text on white surface = 3.43:1 — fails AA.
139
- primary-600 (#0F7078) on white = 6.06:1 — AA pass. */
150
+ /* primary-500 (#429797) text on white surface = 3.44:1 — fails AA.
151
+ primary-600 (#0F7078) on white = 5.82:1 — AA pass. */
140
152
  --hx-button-color: var(--hx-color-action-ghost-fg, #0f7078);
141
153
  --hx-button-border-color: transparent;
142
154
  }
@@ -165,6 +177,17 @@
165
177
  --hx-button-color: var(--hx-color-text-on-primary-strong, #ffffff);
166
178
  }
167
179
 
180
+ /* Pressed state binds explicitly to action.primary.bg-active (primary-700,
181
+ #0F6363) + text.on-primary-strong (neutral-0) = 7.03:1 AA. The base
182
+ .button:active filter:brightness(0.8) would compound on top of bg-hover
183
+ (#0F7078) and produce ~3.7:1 sub-AA on the bound colors. Override the
184
+ filter to none so the action.*.bg-active token is what actually paints. */
185
+ .button--primary:active {
186
+ --hx-button-bg: var(--hx-button-active-bg, var(--hx-color-action-primary-bg-active, #0f6363));
187
+ --hx-button-color: var(--hx-color-text-on-primary-strong, #ffffff);
188
+ filter: none;
189
+ }
190
+
168
191
  /* ─── Disabled ─── */
169
192
 
170
193
  /* Note: opacity is applied on :host([disabled]) above — do NOT add opacity here.
package/dist/css/hx-toast.css CHANGED
@@ -173,10 +173,16 @@
173
173
  }
174
174
 
175
175
  /* ─── Forced Colors (Windows High Contrast) ─── */
176
- /* Belt-and-suspenders: rich per-class HC overrides PLUS the forcedColorsSurface mixin. */
176
+ /* Sole owner: bespoke per-class HC overrides on .toast and .toast__close.
177
+ The shared forcedColorsSurface mixin was dropped in 3.2.1 (XOR rule);
178
+ this block now carries the surface contract the mixin used to provide
179
+ (background:Canvas + color:CanvasText + border:1px solid CanvasText)
180
+ plus the per-class affordances the mixin never touched. */
177
181
 
178
182
  @media (forced-colors: active) {
179
183
  .toast {
184
+ background: Canvas;
185
+ color: CanvasText;
180
186
  border: 1px solid CanvasText;
181
187
  }
182
188
 
package/dist/css/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* index.css — generated 2026-04-25T21:20:27.891Z */
1
+ /* index.css — generated 2026-04-25T23:24:47.443Z */
2
2
  /* Imports all per-component CSS files for Drupal asset pipeline */
3
3
 
4
4
  @import './hx-accordion.css';
package/dist/css/manifest.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "generated": "2026-04-25T21:20:27.890Z",
2
+ "generated": "2026-04-25T23:24:47.443Z",
3
3
  "components": [
4
4
  {
5
5
  "name": "hx-accordion",
@@ -251,6 +251,7 @@
251
251
  "tokens": [
252
252
  "--hx-border-radius-md",
253
253
  "--hx-border-width-thin",
254
+ "--hx-button-active-bg",
254
255
  "--hx-button-bg",
255
256
  "--hx-button-border-color",
256
257
  "--hx-button-border-radius",
@@ -261,10 +262,12 @@
261
262
  "--hx-button-hover-bg",
262
263
  "--hx-button-inverted-color",
263
264
  "--hx-color-action-danger-bg",
265
+ "--hx-color-action-danger-bg-active",
264
266
  "--hx-color-action-danger-bg-hover",
265
267
  "--hx-color-action-ghost-bg-hover",
266
268
  "--hx-color-action-ghost-fg",
267
269
  "--hx-color-action-primary-bg",
270
+ "--hx-color-action-primary-bg-active",
268
271
  "--hx-color-action-primary-bg-hover",
269
272
  "--hx-color-action-primary-bg-inverted-hover",
270
273
  "--hx-color-action-secondary-bg-hover",
package/dist/index.js CHANGED
@@ -6,7 +6,7 @@ import { H as v } from "./shared/hx-avatar-C9hOmlAb.js";
6
6
  import { H as E } from "./shared/hx-badge-CQXgOXJM.js";
7
7
  import { H as k } from "./shared/hx-banner-DT7Zn9Bo.js";
8
8
  import { H as B, a as P } from "./shared/hx-breadcrumb-item-COeYcB2x.js";
9
- import { H as M } from "./shared/hx-button-kWxjKqo-.js";
9
+ import { H as M } from "./shared/hx-button-D3Royxqp.js";
10
10
  import { H as N } from "./shared/hx-button-group-BI-QBqmO.js";
11
11
  import { H as A } from "./shared/hx-card-CU1QnjNb.js";
12
12
  import { H as G, a as U } from "./shared/hx-carousel-item-BaE4hpLl.js";
@@ -53,7 +53,7 @@ import { H as So } from "./shared/hx-prose-BThYcASV.js";
53
53
  import { H as To, a as bo } from "./shared/hx-radio-N8xgDd_5.js";
54
54
  import { H as go } from "./shared/hx-rating-i2FL1WUN.js";
55
55
  import { H as vo } from "./shared/hx-select-vgaBo1Ai.js";
56
- import { H as Eo, a as Do } from "./shared/hx-nav-item-CMyMv5Gv.js";
56
+ import { H as Eo, a as Do } from "./shared/hx-nav-item-C9zXD1zK.js";
57
57
  import { H as wo } from "./shared/hx-skeleton-Cnieh5Uc.js";
58
58
  import { H as Po } from "./shared/hx-slider-ydBamYhd.js";
59
59
  import { H as Mo } from "./shared/hx-spinner-DL5AYr16.js";
@@ -74,7 +74,7 @@ import { F as St, H as yt } from "./shared/hx-text-input-ClrrmoE1.js";
74
74
  import { H as bt } from "./shared/hx-textarea-D9O4U8cb.js";
75
75
  import { H as gt } from "./shared/hx-theme-BiyQ7UUK.js";
76
76
  import { H as vt } from "./shared/hx-time-picker-m0z4nFB-.js";
77
- import { H as Et, a as Dt, t as kt } from "./shared/toast-factory-Mz1GaaFF.js";
77
+ import { H as Et, a as Dt, t as kt } from "./shared/toast-factory-YSznocIV.js";
78
78
  import { H as Bt } from "./shared/hx-toggle-button-Dd8clXB4.js";
79
79
  import { H as Ft } from "./shared/hx-tooltip-nYOv9OLu.js";
80
80
  import { H as Lt } from "./shared/hx-top-nav-CchPYaiV.js";