@helixui/library 3.5.0 → 3.7.0
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/custom-elements.json +529 -81
- package/dist/components/hx-alert/hx-alert.d.ts +18 -0
- package/dist/components/hx-alert/hx-alert.d.ts.map +1 -1
- package/dist/components/hx-badge/index.js +1 -1
- package/dist/components/hx-button/hx-button.d.ts +18 -0
- package/dist/components/hx-button/hx-button.d.ts.map +1 -1
- package/dist/components/hx-button/hx-button.styles.d.ts.map +1 -1
- package/dist/components/hx-button/index.js +1 -1
- package/dist/components/hx-checkbox/hx-checkbox.d.ts +18 -0
- package/dist/components/hx-checkbox/hx-checkbox.d.ts.map +1 -1
- package/dist/components/hx-checkbox/hx-checkbox.styles.d.ts.map +1 -1
- package/dist/components/hx-checkbox/index.js +1 -1
- package/dist/components/hx-date-picker/hx-date-picker.styles.d.ts.map +1 -1
- package/dist/components/hx-date-picker/index.js +1 -1
- package/dist/components/hx-dialog/hx-dialog.d.ts +18 -0
- package/dist/components/hx-dialog/hx-dialog.d.ts.map +1 -1
- package/dist/components/hx-icon-button/hx-icon-button.styles.d.ts.map +1 -1
- package/dist/components/hx-icon-button/index.js +1 -1
- package/dist/components/hx-pagination/hx-pagination.styles.d.ts.map +1 -1
- package/dist/components/hx-pagination/index.js +1 -1
- package/dist/components/hx-radio-group/index.js +1 -1
- package/dist/components/hx-steps/index.js +1 -1
- package/dist/components/hx-text-input/hx-text-input.d.ts +18 -0
- package/dist/components/hx-text-input/hx-text-input.d.ts.map +1 -1
- package/dist/components/hx-toggle-button/hx-toggle-button.styles.d.ts.map +1 -1
- package/dist/components/hx-toggle-button/index.js +1 -1
- package/dist/css/helix-all.css +59 -34
- package/dist/css/helix-core.css +20 -14
- package/dist/css/helix-forms.css +33 -17
- package/dist/css/helix-navigation.css +6 -3
- package/dist/css/helix-tokens.css +5 -4
- package/dist/css/hx-badge.css +5 -5
- package/dist/css/hx-button.css +11 -4
- package/dist/css/hx-checkbox.css +10 -4
- package/dist/css/hx-date-picker.css +5 -2
- package/dist/css/hx-icon-button.css +4 -5
- package/dist/css/hx-pagination.css +6 -3
- package/dist/css/hx-toggle-button.css +18 -11
- package/dist/css/index.css +1 -1
- package/dist/css/manifest.json +18 -9
- package/dist/index.js +9 -9
- package/dist/shared/hx-alert-Bto8-TIi.js.map +1 -1
- package/dist/shared/{hx-badge-JlFtAdxS.js → hx-badge-DFL35nzi.js} +16 -16
- package/dist/shared/hx-badge-DFL35nzi.js.map +1 -0
- package/dist/shared/{hx-button-BOwAEcF1.js → hx-button-rRNmD4fd.js} +12 -5
- package/dist/shared/hx-button-rRNmD4fd.js.map +1 -0
- package/dist/shared/{hx-checkbox-CYd0YV_u.js → hx-checkbox-hPlIw6Lb.js} +25 -19
- package/dist/shared/hx-checkbox-hPlIw6Lb.js.map +1 -0
- package/dist/shared/{hx-date-picker-B49yo4Vm.js → hx-date-picker-DSKDkCy1.js} +6 -3
- package/dist/shared/hx-date-picker-DSKDkCy1.js.map +1 -0
- package/dist/shared/hx-dialog-B4weoj_1.js.map +1 -1
- package/dist/shared/{hx-icon-button-a6OpeQz5.js → hx-icon-button-B2BdVdyK.js} +10 -11
- package/dist/shared/hx-icon-button-B2BdVdyK.js.map +1 -0
- package/dist/shared/{hx-pagination-C7y8GVyU.js → hx-pagination-D726PyTM.js} +7 -4
- package/dist/shared/hx-pagination-D726PyTM.js.map +1 -0
- package/dist/shared/{hx-radio-C7eTj5YI.js → hx-radio-CY4kQfZw.js} +44 -44
- package/dist/shared/{hx-radio-C7eTj5YI.js.map → hx-radio-CY4kQfZw.js.map} +1 -1
- package/dist/shared/{hx-step-R2rjp1fT.js → hx-step-CUzliIK_.js} +3 -3
- package/dist/shared/hx-step-CUzliIK_.js.map +1 -0
- package/dist/shared/hx-text-input-D6FlOZM-.js.map +1 -1
- package/dist/shared/{hx-toggle-button-DwBers3A.js → hx-toggle-button-DSJeFlb0.js} +52 -45
- package/dist/shared/{hx-toggle-button-DwBers3A.js.map → hx-toggle-button-DSJeFlb0.js.map} +1 -1
- package/figma-inventory.json +1399 -103
- package/package.json +2 -2
- package/dist/shared/hx-badge-JlFtAdxS.js.map +0 -1
- package/dist/shared/hx-button-BOwAEcF1.js.map +0 -1
- package/dist/shared/hx-checkbox-CYd0YV_u.js.map +0 -1
- package/dist/shared/hx-date-picker-B49yo4Vm.js.map +0 -1
- package/dist/shared/hx-icon-button-a6OpeQz5.js.map +0 -1
- package/dist/shared/hx-pagination-C7y8GVyU.js.map +0 -1
- package/dist/shared/hx-step-R2rjp1fT.js.map +0 -1
|
@@ -79,6 +79,24 @@ export interface HxAlertCloseDetail {
|
|
|
79
79
|
* @cssprop [--hx-space-4] - Spacing token.
|
|
80
80
|
* @cssprop [--hx-space-5] - Spacing token.
|
|
81
81
|
* @cssprop [--hx-transition-fast] - Transition timing.
|
|
82
|
+
* @aaa-certified 2026-05-08
|
|
83
|
+
* @aaa-criteria 1.4.6, 1.4.9, 2.1.3, 2.3.3, 2.4.12, 2.4.13, 2.5.5, 3.2.5, 3.3.6, forced-colors, apg-keyboard
|
|
84
|
+
* @aaa-audit src/components/hx-alert/AAA-AUDIT.md
|
|
85
|
+
* @keyboard-contract dismiss=Escape
|
|
86
|
+
* @aria-pattern alert
|
|
87
|
+
* @aria-pattern-source https://www.w3.org/WAI/ARIA/apg/patterns/alert/
|
|
88
|
+
* @forced-colors-supported true
|
|
89
|
+
* @stability stable
|
|
90
|
+
* @since 3.6.0
|
|
91
|
+
* @form-associated false
|
|
92
|
+
* @theme-aware true
|
|
93
|
+
* @brand-aware true
|
|
94
|
+
* @drupal-sdc-eligible true
|
|
95
|
+
* @react-wrapper-status complete
|
|
96
|
+
* @figma-component-name hx-alert
|
|
97
|
+
* @priority-tier P0
|
|
98
|
+
* @phi-handles false
|
|
99
|
+
* @clinical-context none
|
|
82
100
|
*/
|
|
83
101
|
export declare class HelixAlert extends HelixElement {
|
|
84
102
|
static styles: import('lit').CSSResult[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-alert.d.ts","sourceRoot":"","sources":["../../../src/components/hx-alert/hx-alert.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,kEAAkE;AAClE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,4DAA4D;AAC5D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED
|
|
1
|
+
{"version":3,"file":"hx-alert.d.ts","sourceRoot":"","sources":["../../../src/components/hx-alert/hx-alert.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,kEAAkE;AAClE,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpE,4DAA4D;AAC5D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2FG;AACH,qBACa,UAAW,SAAQ,YAAY;IAC1C,OAAgB,MAAM,4BAA2C;IAIjE;;;OAGG;IAEH,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAU;IAE3D;;;OAGG;IAEH,WAAW,UAAS;IAEpB;;;;;OAKG;IAEH,OAAO,SAAM;IAEb;;;OAGG;IACqC,UAAU,SAAiB;IAEnE;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;OAGG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,MAAM,UAAS;IAEf;;;;OAIG;IAEH,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAElC;;;;;OAKG;IAEH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IAIpC,gBAAgB;IAEhB,OAAO,CAAC,WAAW,CAAS;IAE5B,gBAAgB;IAEhB,OAAO,CAAC,SAAS,CAAS;IAI1B,gBAAgB;IAChB,OAAO,CAAC,yBAAyB,CAA6B;IAC9D,gBAAgB;IAChB,OAAO,CAAC,uBAAuB,CAA6B;IAE5D;;;;;;;;;OASG;IACH,OAAO,CAAC,eAAe,CAAK;IAI5B,gBAAgB;IAChB,OAAO,CAAC,qBAAqB;IAU7B,gBAAgB;IAChB,OAAO,KAAK,uBAAuB,GAElC;IAED,qEAAqE;IACrE,gBAAgB;IAChB,OAAO,KAAK,YAAY,GAEvB;IAED;;;;OAIG;IACH,gBAAgB;IAChB,OAAO,KAAK,KAAK,GAEhB;IAIQ,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAY5B,YAAY,IAAI,IAAI;cAoBV,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAyDzE,gBAAgB;IAChB,OAAO,CAAC,eAAe;IAQvB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAQ1B,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAQ1B,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAQxB,gBAAgB;IAChB,OAAO,CAAC,kBAAkB;IAc1B,gBAAgB;IAChB,OAAO,CAAC,gBAAgB;IAUxB,gBAAgB;IAChB,OAAO,CAAC,cAAc;IAqCb,MAAM;CA+EhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF;AAED,YAAY,EAAE,UAAU,IAAI,OAAO,EAAE,CAAC"}
|
|
@@ -68,6 +68,24 @@ declare const HelixButton_base: typeof HelixElement;
|
|
|
68
68
|
* @cssprop [--hx-color-border-on-dark-strong] - Inverted-secondary/outline border + inverted focus-visible outline (overlay-white-70 ≈ 5:1 — clears WCAG 1.4.11 3:1 floor).
|
|
69
69
|
* @cssprop [--hx-color-border-on-dark-subtle] - DEPRECATED 3.2.2; renamed to --hx-color-surface-on-dark-overlay-subtle (the value paints a translucent fill, not a border). Consume sites read both names via deprecated-first fallback so existing overrides keep working until removal in 4.0.0.
|
|
70
70
|
* @cssprop [--hx-color-border-on-dark-default] - DEPRECATED 3.2.2; renamed to --hx-color-surface-on-dark-overlay-default (the value paints a translucent fill, not a border). Consume sites read both names via deprecated-first fallback so existing overrides keep working until removal in 4.0.0.
|
|
71
|
+
* @aaa-certified 2026-05-08
|
|
72
|
+
* @aaa-criteria 1.4.6, 1.4.9, 2.1.3, 2.3.3, 2.4.12, 2.4.13, 2.5.5, 3.2.5, 3.3.6, forced-colors, apg-keyboard
|
|
73
|
+
* @aaa-audit src/components/hx-button/AAA-AUDIT.md
|
|
74
|
+
* @keyboard-contract activate=Enter,Space; disabled-suppresses=true
|
|
75
|
+
* @aria-pattern button
|
|
76
|
+
* @aria-pattern-source https://www.w3.org/WAI/ARIA/apg/patterns/button/
|
|
77
|
+
* @forced-colors-supported true
|
|
78
|
+
* @stability stable
|
|
79
|
+
* @since 3.6.0
|
|
80
|
+
* @form-associated true
|
|
81
|
+
* @theme-aware true
|
|
82
|
+
* @brand-aware true
|
|
83
|
+
* @drupal-sdc-eligible true
|
|
84
|
+
* @react-wrapper-status complete
|
|
85
|
+
* @figma-component-name hx-button
|
|
86
|
+
* @priority-tier P0
|
|
87
|
+
* @phi-handles false
|
|
88
|
+
* @clinical-context none
|
|
71
89
|
*/
|
|
72
90
|
export declare class HelixButton extends HelixButton_base {
|
|
73
91
|
static styles: import('lit').CSSResult[];
|
|
@@ -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
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiFG;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;;;;;;;;;;;;;;OAcG;IAEH,QAAQ,UAAS;IAEjB;;;;;;;;OAQG;IAEH,eAAe,EAAE,MAAM,CAAM;IAE7B;;;;;;;;;;;;;;OAcG;IACH,OAAO,KAAK,eAAe,GAO1B;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;CAoEhB;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 +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,
|
|
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,yBAwc7B,CAAC"}
|
|
@@ -69,6 +69,24 @@ declare const HelixCheckbox_base: typeof HelixElement & (new (...args: any[]) =>
|
|
|
69
69
|
* @cssprop [--hx-size-6] - Size token.
|
|
70
70
|
* @cssprop [--hx-font-size-md] - Font size.
|
|
71
71
|
* @cssprop [--hx-color-error-500] - Color.
|
|
72
|
+
* @aaa-certified 2026-05-08
|
|
73
|
+
* @aaa-criteria 1.4.6, 1.4.9, 2.1.3, 2.3.3, 2.4.12, 2.4.13, 2.5.5, 3.2.5, 3.3.6, forced-colors, apg-keyboard
|
|
74
|
+
* @aaa-audit src/components/hx-checkbox/AAA-AUDIT.md
|
|
75
|
+
* @keyboard-contract activate=Space; disabled-suppresses=true
|
|
76
|
+
* @aria-pattern checkbox
|
|
77
|
+
* @aria-pattern-source https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/
|
|
78
|
+
* @forced-colors-supported true
|
|
79
|
+
* @stability stable
|
|
80
|
+
* @since 3.6.0
|
|
81
|
+
* @form-associated true
|
|
82
|
+
* @theme-aware true
|
|
83
|
+
* @brand-aware true
|
|
84
|
+
* @drupal-sdc-eligible true
|
|
85
|
+
* @react-wrapper-status complete
|
|
86
|
+
* @figma-component-name hx-checkbox
|
|
87
|
+
* @priority-tier P0
|
|
88
|
+
* @phi-handles false
|
|
89
|
+
* @clinical-context none
|
|
72
90
|
*/
|
|
73
91
|
export declare class HelixCheckbox extends HelixCheckbox_base {
|
|
74
92
|
static styles: import('lit').CSSResult[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/hx-checkbox/hx-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,4CAA4C,CAAC;AAKpD,OAAO,EAAE,YAAY,EAAmB,MAAM,qBAAqB,CAAC;AAgBpE,gEAAgE;AAChE,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;;AAED
|
|
1
|
+
{"version":3,"file":"hx-checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/hx-checkbox/hx-checkbox.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-checkbox/hx-checkbox.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"hx-checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-checkbox/hx-checkbox.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yBAkT/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-date-picker/hx-date-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"hx-date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-date-picker/hx-date-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBA0ajC,CAAC"}
|
|
@@ -176,6 +176,24 @@ import { HelixElement } from '../../base/index.js';
|
|
|
176
176
|
* @cssprop [--hx-color-primary-500] - Color.
|
|
177
177
|
* @cssprop [--hx-focus-ring-offset] - CSS custom property.
|
|
178
178
|
* @cssprop [--hx-space-3] - Spacing token.
|
|
179
|
+
* @aaa-certified 2026-05-08
|
|
180
|
+
* @aaa-criteria 1.4.6, 1.4.9, 2.1.3, 2.3.3, 2.4.12, 2.4.13, 2.5.5, 3.2.5, 3.3.6, forced-colors, apg-keyboard
|
|
181
|
+
* @aaa-audit src/components/hx-dialog/AAA-AUDIT.md
|
|
182
|
+
* @keyboard-contract dismiss=Escape; trap-focus=true
|
|
183
|
+
* @aria-pattern dialog
|
|
184
|
+
* @aria-pattern-source https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
|
|
185
|
+
* @forced-colors-supported true
|
|
186
|
+
* @stability stable
|
|
187
|
+
* @since 3.6.0
|
|
188
|
+
* @form-associated false
|
|
189
|
+
* @theme-aware true
|
|
190
|
+
* @brand-aware true
|
|
191
|
+
* @drupal-sdc-eligible true
|
|
192
|
+
* @react-wrapper-status complete
|
|
193
|
+
* @figma-component-name hx-dialog
|
|
194
|
+
* @priority-tier P0
|
|
195
|
+
* @phi-handles false
|
|
196
|
+
* @clinical-context none
|
|
179
197
|
*/
|
|
180
198
|
export declare class HelixDialog extends HelixElement {
|
|
181
199
|
static styles: import('lit').CSSResult[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/hx-dialog/hx-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,4CAA4C,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAmB,MAAM,qBAAqB,CAAC;AA2BpE
|
|
1
|
+
{"version":3,"file":"hx-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/hx-dialog/hx-dialog.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-icon-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-icon-button/hx-icon-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"hx-icon-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-icon-button/hx-icon-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBAwNjC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-pagination.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-pagination/hx-pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"hx-pagination.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-pagination/hx-pagination.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,yBAoMjC,CAAC"}
|
|
@@ -54,6 +54,24 @@ declare const HelixTextInput_base: typeof HelixElement & (new (...args: any[]) =
|
|
|
54
54
|
* @cssprop [--hx-color-border-strong] - Resting border color (semantic).
|
|
55
55
|
* @cssprop [--hx-color-error-text] - Error state text + border color (semantic).
|
|
56
56
|
* @cssprop [--hx-color-error-600] - Error border primitive fallback inside the invalid-state cascade.
|
|
57
|
+
* @aaa-certified 2026-05-08
|
|
58
|
+
* @aaa-criteria 1.4.6, 1.4.9, 2.1.3, 2.3.3, 2.4.12, 2.4.13, 2.5.5, 3.2.5, 3.3.6, forced-colors, apg-keyboard
|
|
59
|
+
* @aaa-audit src/components/hx-text-input/AAA-AUDIT.md
|
|
60
|
+
* @keyboard-contract activate=character-input; disabled-suppresses=true
|
|
61
|
+
* @aria-pattern textbox
|
|
62
|
+
* @aria-pattern-source https://www.w3.org/TR/wai-aria-1.2/#textbox
|
|
63
|
+
* @forced-colors-supported true
|
|
64
|
+
* @stability stable
|
|
65
|
+
* @since 3.6.0
|
|
66
|
+
* @form-associated true
|
|
67
|
+
* @theme-aware true
|
|
68
|
+
* @brand-aware true
|
|
69
|
+
* @drupal-sdc-eligible true
|
|
70
|
+
* @react-wrapper-status complete
|
|
71
|
+
* @figma-component-name hx-text-input
|
|
72
|
+
* @priority-tier P0
|
|
73
|
+
* @phi-handles false
|
|
74
|
+
* @clinical-context none
|
|
57
75
|
*/
|
|
58
76
|
export declare class HelixTextInput extends HelixTextInput_base {
|
|
59
77
|
static styles: import('lit').CSSResult[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-text-input.d.ts","sourceRoot":"","sources":["../../../src/components/hx-text-input/hx-text-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,4CAA4C,CAAC;AAKpD,OAAO,EAAE,YAAY,EAAmB,MAAM,qBAAqB,CAAC;AASpE,4EAA4E;AAC5E,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;;AAED
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hx-toggle-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-toggle-button/hx-toggle-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,
|
|
1
|
+
{"version":3,"file":"hx-toggle-button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/hx-toggle-button/hx-toggle-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,yBAyRnC,CAAC"}
|
package/dist/css/helix-all.css
CHANGED
|
@@ -538,8 +538,8 @@
|
|
|
538
538
|
justify-content: center;
|
|
539
539
|
gap: var(--hx-space-1, 0.25rem);
|
|
540
540
|
border-radius: var(--hx-badge-border-radius, var(--hx-border-radius-md, 0.375rem));
|
|
541
|
-
background-color: var(--hx-badge-bg, var(--hx-color-primary-
|
|
542
|
-
color: var(--hx-badge-color, var(--hx-color-text-on-primary, #
|
|
541
|
+
background-color: var(--hx-badge-bg, var(--hx-color-action-primary-bg, #0f7078));
|
|
542
|
+
color: var(--hx-badge-color, var(--hx-color-text-on-primary, #ffffff));
|
|
543
543
|
font-family: var(--hx-badge-font-family, var(--hx-font-family-sans, sans-serif));
|
|
544
544
|
font-weight: var(--hx-badge-font-weight, var(--hx-font-weight-semibold, 600));
|
|
545
545
|
line-height: var(--hx-line-height-tight, 1.25);
|
|
@@ -571,11 +571,11 @@
|
|
|
571
571
|
/* ─── Style Variants ─── */
|
|
572
572
|
|
|
573
573
|
.badge--primary {
|
|
574
|
-
--hx-badge-bg: var(--hx-badge-primary-bg, var(--hx-color-primary-
|
|
575
|
-
--hx-badge-color: var(--hx-badge-primary-color, var(--hx-color-text-on-primary, #
|
|
574
|
+
--hx-badge-bg: var(--hx-badge-primary-bg, var(--hx-color-action-primary-bg, #0f7078));
|
|
575
|
+
--hx-badge-color: var(--hx-badge-primary-color, var(--hx-color-text-on-primary, #ffffff));
|
|
576
576
|
--hx-badge-pulse-color-internal: var(
|
|
577
577
|
--hx-badge-pulse-color,
|
|
578
|
-
var(--hx-badge-primary-bg, var(--hx-color-primary-
|
|
578
|
+
var(--hx-badge-primary-bg, var(--hx-color-action-primary-bg, #0f7078))
|
|
579
579
|
);
|
|
580
580
|
}
|
|
581
581
|
|
|
@@ -1344,9 +1344,16 @@
|
|
|
1344
1344
|
(primary-400, light teal). The base :host([inverted]) .button rule binds
|
|
1345
1345
|
color to text.inverse, which flips by mode (neutral-0 in light, neutral-900
|
|
1346
1346
|
in dark). On a permanent light-teal fill, white text drops to 2.4:1 in
|
|
1347
|
-
light mode (AA fail). Pin color to
|
|
1348
|
-
|
|
1349
|
-
|
|
1347
|
+
light mode (AA fail). Pin color to neutral-900 directly (the primitive,
|
|
1348
|
+
not text.primary which flips to neutral-100 in dark mode and would regress
|
|
1349
|
+
the pair to ~2.10:1) so the foreground is dark in both modes —
|
|
1350
|
+
neutral-900 on primary-400 = 7.27:1 AAA in Apex; AAA across all 6 brands.
|
|
1351
|
+
Decoupled from text.on-primary in 3.3.x because text.on-primary now
|
|
1352
|
+
resolves to neutral-0 (white) for the AAA-large coordinated pair on
|
|
1353
|
+
primary-600; using it here would regress this pair to ~2.45:1 (Apex)
|
|
1354
|
+
since primary-400 is light teal. neutral-900 is the correct anchor — it
|
|
1355
|
+
is the primitive that both light/dark text.primary used to resolve to,
|
|
1356
|
+
never flipped by mode/brand.
|
|
1350
1357
|
Pressed === hover visually in inverted mode is acceptable UX (the
|
|
1351
1358
|
transient absence of pointer over the button signals release).
|
|
1352
1359
|
The fallback chain wraps --hx-button-active-bg (highest precedence) and
|
|
@@ -1361,7 +1368,7 @@
|
|
|
1361
1368
|
);
|
|
1362
1369
|
color: var(
|
|
1363
1370
|
--hx-button-inverted-primary-interactive-color,
|
|
1364
|
-
var(--hx-color-
|
|
1371
|
+
var(--hx-color-neutral-900, #0d1825)
|
|
1365
1372
|
);
|
|
1366
1373
|
}
|
|
1367
1374
|
|
|
@@ -2156,15 +2163,21 @@
|
|
|
2156
2163
|
/* ─── Checked State ─── */
|
|
2157
2164
|
|
|
2158
2165
|
.checkbox--checked .checkbox__box {
|
|
2159
|
-
background-color: var(--hx-checkbox-checked-bg, var(--hx-color-primary-
|
|
2160
|
-
border-color: var(
|
|
2166
|
+
background-color: var(--hx-checkbox-checked-bg, var(--hx-color-action-primary-bg, #0f7078));
|
|
2167
|
+
border-color: var(
|
|
2168
|
+
--hx-checkbox-checked-border-color,
|
|
2169
|
+
var(--hx-color-action-primary-bg, #0f7078)
|
|
2170
|
+
);
|
|
2161
2171
|
}
|
|
2162
2172
|
|
|
2163
2173
|
/* ─── Indeterminate State ─── */
|
|
2164
2174
|
|
|
2165
2175
|
.checkbox--indeterminate .checkbox__box {
|
|
2166
|
-
background-color: var(--hx-checkbox-checked-bg, var(--hx-color-primary-
|
|
2167
|
-
border-color: var(
|
|
2176
|
+
background-color: var(--hx-checkbox-checked-bg, var(--hx-color-action-primary-bg, #0f7078));
|
|
2177
|
+
border-color: var(
|
|
2178
|
+
--hx-checkbox-checked-border-color,
|
|
2179
|
+
var(--hx-color-action-primary-bg, #0f7078)
|
|
2180
|
+
);
|
|
2168
2181
|
}
|
|
2169
2182
|
|
|
2170
2183
|
/* ─── Error State ─── */
|
|
@@ -4483,13 +4496,16 @@
|
|
|
4483
4496
|
}
|
|
4484
4497
|
|
|
4485
4498
|
.calendar__day--selected {
|
|
4486
|
-
background-color: var(--hx-date-picker-selected-bg, var(--hx-color-primary-
|
|
4499
|
+
background-color: var(--hx-date-picker-selected-bg, var(--hx-color-action-primary-bg, #0f7078));
|
|
4487
4500
|
color: var(--hx-date-picker-selected-color, var(--hx-color-text-on-primary, #ffffff));
|
|
4488
4501
|
font-weight: var(--hx-font-weight-semibold, 600);
|
|
4489
4502
|
}
|
|
4490
4503
|
|
|
4491
4504
|
.calendar__day--selected:hover {
|
|
4492
|
-
background-color: var(
|
|
4505
|
+
background-color: var(
|
|
4506
|
+
--hx-date-picker-selected-hover-bg,
|
|
4507
|
+
var(--hx-color-action-primary-bg-hover, #0f6363)
|
|
4508
|
+
);
|
|
4493
4509
|
}
|
|
4494
4510
|
|
|
4495
4511
|
.calendar__day--today:not(.calendar__day--selected) {
|
|
@@ -6031,16 +6047,15 @@ export const helixGridItemStyles = css`
|
|
|
6031
6047
|
/* ─── Style Variants ─── */
|
|
6032
6048
|
|
|
6033
6049
|
.button--primary {
|
|
6034
|
-
--hx-icon-button-bg: var(--hx-color-primary-
|
|
6050
|
+
--hx-icon-button-bg: var(--hx-color-action-primary-bg, #0f7078);
|
|
6035
6051
|
--hx-icon-button-color: var(--hx-color-text-on-primary, #ffffff);
|
|
6036
6052
|
--hx-icon-button-border-color: transparent;
|
|
6037
6053
|
}
|
|
6038
6054
|
|
|
6039
|
-
/*
|
|
6040
|
-
|
|
6041
|
-
icons. Pin fg at neutral-0 (5.82:1 on primary-600). Mirrors hx-button. */
|
|
6055
|
+
/* Hover deepens to action.primary.bg-hover (primary-700) + neutral-0 = 7.03:1 AA.
|
|
6056
|
+
Mirrors hx-button. */
|
|
6042
6057
|
.button--primary:hover {
|
|
6043
|
-
--hx-icon-button-bg: var(--hx-color-primary-
|
|
6058
|
+
--hx-icon-button-bg: var(--hx-color-action-primary-bg-hover, #0f6363);
|
|
6044
6059
|
--hx-icon-button-color: var(--hx-color-neutral-0, #ffffff);
|
|
6045
6060
|
}
|
|
6046
6061
|
|
|
@@ -7367,7 +7382,10 @@ export const helixGridItemStyles = css`
|
|
|
7367
7382
|
|
|
7368
7383
|
.button:hover:not(:disabled) {
|
|
7369
7384
|
background: var(--hx-pagination-hover-bg, var(--hx-color-surface-sunken, #ebeee9));
|
|
7370
|
-
border-color: var(
|
|
7385
|
+
border-color: var(
|
|
7386
|
+
--hx-pagination-hover-border-color,
|
|
7387
|
+
var(--hx-color-action-primary-bg, #0f7078)
|
|
7388
|
+
);
|
|
7371
7389
|
}
|
|
7372
7390
|
|
|
7373
7391
|
.button:focus-visible {
|
|
@@ -7377,10 +7395,10 @@ export const helixGridItemStyles = css`
|
|
|
7377
7395
|
}
|
|
7378
7396
|
|
|
7379
7397
|
.button[aria-current='page'] {
|
|
7380
|
-
background: var(--hx-pagination-active-bg, var(--hx-color-primary-
|
|
7398
|
+
background: var(--hx-pagination-active-bg, var(--hx-color-action-primary-bg, #0f7078));
|
|
7381
7399
|
border-color: var(
|
|
7382
7400
|
--hx-pagination-active-border-color,
|
|
7383
|
-
var(--hx-pagination-active-bg, var(--hx-color-primary-
|
|
7401
|
+
var(--hx-pagination-active-bg, var(--hx-color-action-primary-bg, #0f7078))
|
|
7384
7402
|
);
|
|
7385
7403
|
color: var(--hx-pagination-active-color, var(--hx-color-text-on-primary, #ffffff));
|
|
7386
7404
|
font-weight: var(--hx-font-weight-semibold, 600);
|
|
@@ -12682,7 +12700,7 @@ export const helixToastStackStyles = css`
|
|
|
12682
12700
|
gap: var(--hx-space-2, 0.5rem);
|
|
12683
12701
|
border: var(--hx-border-width-thin, 1px) solid var(--hx-toggle-button-border-color, transparent);
|
|
12684
12702
|
border-radius: var(--hx-toggle-button-border-radius, var(--hx-border-radius-md, 0.375rem));
|
|
12685
|
-
background-color: var(--hx-toggle-button-bg, var(--hx-color-primary-
|
|
12703
|
+
background-color: var(--hx-toggle-button-bg, var(--hx-color-action-primary-bg, #0f7078));
|
|
12686
12704
|
color: var(--hx-toggle-button-color, var(--hx-color-text-on-primary, #ffffff));
|
|
12687
12705
|
font-family: var(--hx-toggle-button-font-family, var(--hx-font-family-sans, sans-serif));
|
|
12688
12706
|
font-weight: var(--hx-toggle-button-font-weight, var(--hx-font-weight-semibold, 600));
|
|
@@ -12755,7 +12773,7 @@ export const helixToastStackStyles = css`
|
|
|
12755
12773
|
/* ─── Style Variants ─── */
|
|
12756
12774
|
|
|
12757
12775
|
.button--primary {
|
|
12758
|
-
--hx-toggle-button-bg: var(--hx-color-primary-
|
|
12776
|
+
--hx-toggle-button-bg: var(--hx-color-action-primary-bg, #0f7078);
|
|
12759
12777
|
--hx-toggle-button-color: var(--hx-color-text-on-primary, #ffffff);
|
|
12760
12778
|
--hx-toggle-button-border-color: transparent;
|
|
12761
12779
|
}
|
|
@@ -12833,12 +12851,15 @@ export const helixToastStackStyles = css`
|
|
|
12833
12851
|
* so the state change is immediately legible.
|
|
12834
12852
|
*/
|
|
12835
12853
|
.button--secondary.button--pressed {
|
|
12836
|
-
--hx-toggle-button-bg: var(
|
|
12854
|
+
--hx-toggle-button-bg: var(
|
|
12855
|
+
--hx-toggle-button-pressed-bg,
|
|
12856
|
+
var(--hx-color-action-primary-bg, #0f7078)
|
|
12857
|
+
);
|
|
12837
12858
|
--hx-toggle-button-color: var(
|
|
12838
12859
|
--hx-toggle-button-pressed-color,
|
|
12839
12860
|
var(--hx-color-text-on-primary, #ffffff)
|
|
12840
12861
|
);
|
|
12841
|
-
--hx-toggle-button-border-color: var(--hx-color-primary-
|
|
12862
|
+
--hx-toggle-button-border-color: var(--hx-color-action-primary-bg, #0f7078);
|
|
12842
12863
|
}
|
|
12843
12864
|
|
|
12844
12865
|
/* Tertiary pressed: use primary-100 bg + primary-700 text + border for WCAG 3:1 non-text contrast. */
|
|
@@ -12849,7 +12870,8 @@ export const helixToastStackStyles = css`
|
|
|
12849
12870
|
var(--hx-color-primary-700, #0f6363)
|
|
12850
12871
|
);
|
|
12851
12872
|
--hx-toggle-button-border-color: var(--hx-color-primary-600, #0f7078);
|
|
12852
|
-
box-shadow: inset 0 0 0
|
|
12873
|
+
box-shadow: inset 0 0 0 var(--hx-toggle-button-pressed-ring-width, 1px)
|
|
12874
|
+
var(--hx-color-primary-600, #0f7078);
|
|
12853
12875
|
}
|
|
12854
12876
|
|
|
12855
12877
|
/* Ghost pressed: subtle neutral fill, matching hover behavior as a baseline. */
|
|
@@ -12873,7 +12895,8 @@ export const helixToastStackStyles = css`
|
|
|
12873
12895
|
var(--hx-color-text-primary, #0d1825)
|
|
12874
12896
|
);
|
|
12875
12897
|
--hx-toggle-button-border-color: var(--hx-color-text-muted, #4a5362);
|
|
12876
|
-
box-shadow: inset 0 0 0
|
|
12898
|
+
box-shadow: inset 0 0 0 var(--hx-toggle-button-pressed-ring-width, 1px)
|
|
12899
|
+
var(--hx-color-neutral-500, #66787b);
|
|
12877
12900
|
}
|
|
12878
12901
|
|
|
12879
12902
|
/* ─── Disabled ─── */
|
|
@@ -12908,15 +12931,17 @@ export const helixToastStackStyles = css`
|
|
|
12908
12931
|
@media (forced-colors: active) {
|
|
12909
12932
|
.button {
|
|
12910
12933
|
forced-color-adjust: none;
|
|
12911
|
-
background-color: ButtonFace;
|
|
12912
|
-
color: ButtonText;
|
|
12913
|
-
border: 2px solid
|
|
12934
|
+
background-color: var(--hx-toggle-button-fc-bg, ButtonFace);
|
|
12935
|
+
color: var(--hx-toggle-button-fc-color, ButtonText);
|
|
12936
|
+
border: var(--hx-toggle-button-fc-border-width, 2px) solid
|
|
12937
|
+
var(--hx-toggle-button-fc-border-color, ButtonText);
|
|
12914
12938
|
}
|
|
12915
12939
|
|
|
12916
12940
|
:host(:focus-visible) .button,
|
|
12917
12941
|
.button:focus-visible {
|
|
12918
|
-
outline: 3px solid
|
|
12919
|
-
|
|
12942
|
+
outline: var(--hx-toggle-button-fc-focus-ring-width, 3px) solid
|
|
12943
|
+
var(--hx-toggle-button-fc-focus-ring-color, Highlight);
|
|
12944
|
+
outline-offset: var(--hx-toggle-button-fc-focus-ring-offset, 2px);
|
|
12920
12945
|
}
|
|
12921
12946
|
|
|
12922
12947
|
.button--pressed {
|
package/dist/css/helix-core.css
CHANGED
|
@@ -145,8 +145,8 @@
|
|
|
145
145
|
justify-content: center;
|
|
146
146
|
gap: var(--hx-space-1, 0.25rem);
|
|
147
147
|
border-radius: var(--hx-badge-border-radius, var(--hx-border-radius-md, 0.375rem));
|
|
148
|
-
background-color: var(--hx-badge-bg, var(--hx-color-primary-
|
|
149
|
-
color: var(--hx-badge-color, var(--hx-color-text-on-primary, #
|
|
148
|
+
background-color: var(--hx-badge-bg, var(--hx-color-action-primary-bg, #0f7078));
|
|
149
|
+
color: var(--hx-badge-color, var(--hx-color-text-on-primary, #ffffff));
|
|
150
150
|
font-family: var(--hx-badge-font-family, var(--hx-font-family-sans, sans-serif));
|
|
151
151
|
font-weight: var(--hx-badge-font-weight, var(--hx-font-weight-semibold, 600));
|
|
152
152
|
line-height: var(--hx-line-height-tight, 1.25);
|
|
@@ -178,11 +178,11 @@
|
|
|
178
178
|
/* ─── Style Variants ─── */
|
|
179
179
|
|
|
180
180
|
.badge--primary {
|
|
181
|
-
--hx-badge-bg: var(--hx-badge-primary-bg, var(--hx-color-primary-
|
|
182
|
-
--hx-badge-color: var(--hx-badge-primary-color, var(--hx-color-text-on-primary, #
|
|
181
|
+
--hx-badge-bg: var(--hx-badge-primary-bg, var(--hx-color-action-primary-bg, #0f7078));
|
|
182
|
+
--hx-badge-color: var(--hx-badge-primary-color, var(--hx-color-text-on-primary, #ffffff));
|
|
183
183
|
--hx-badge-pulse-color-internal: var(
|
|
184
184
|
--hx-badge-pulse-color,
|
|
185
|
-
var(--hx-badge-primary-bg, var(--hx-color-primary-
|
|
185
|
+
var(--hx-badge-primary-bg, var(--hx-color-action-primary-bg, #0f7078))
|
|
186
186
|
);
|
|
187
187
|
}
|
|
188
188
|
|
|
@@ -667,9 +667,16 @@
|
|
|
667
667
|
(primary-400, light teal). The base :host([inverted]) .button rule binds
|
|
668
668
|
color to text.inverse, which flips by mode (neutral-0 in light, neutral-900
|
|
669
669
|
in dark). On a permanent light-teal fill, white text drops to 2.4:1 in
|
|
670
|
-
light mode (AA fail). Pin color to
|
|
671
|
-
|
|
672
|
-
|
|
670
|
+
light mode (AA fail). Pin color to neutral-900 directly (the primitive,
|
|
671
|
+
not text.primary which flips to neutral-100 in dark mode and would regress
|
|
672
|
+
the pair to ~2.10:1) so the foreground is dark in both modes —
|
|
673
|
+
neutral-900 on primary-400 = 7.27:1 AAA in Apex; AAA across all 6 brands.
|
|
674
|
+
Decoupled from text.on-primary in 3.3.x because text.on-primary now
|
|
675
|
+
resolves to neutral-0 (white) for the AAA-large coordinated pair on
|
|
676
|
+
primary-600; using it here would regress this pair to ~2.45:1 (Apex)
|
|
677
|
+
since primary-400 is light teal. neutral-900 is the correct anchor — it
|
|
678
|
+
is the primitive that both light/dark text.primary used to resolve to,
|
|
679
|
+
never flipped by mode/brand.
|
|
673
680
|
Pressed === hover visually in inverted mode is acceptable UX (the
|
|
674
681
|
transient absence of pointer over the button signals release).
|
|
675
682
|
The fallback chain wraps --hx-button-active-bg (highest precedence) and
|
|
@@ -684,7 +691,7 @@
|
|
|
684
691
|
);
|
|
685
692
|
color: var(
|
|
686
693
|
--hx-button-inverted-primary-interactive-color,
|
|
687
|
-
var(--hx-color-
|
|
694
|
+
var(--hx-color-neutral-900, #0d1825)
|
|
688
695
|
);
|
|
689
696
|
}
|
|
690
697
|
|
|
@@ -1394,16 +1401,15 @@
|
|
|
1394
1401
|
/* ─── Style Variants ─── */
|
|
1395
1402
|
|
|
1396
1403
|
.button--primary {
|
|
1397
|
-
--hx-icon-button-bg: var(--hx-color-primary-
|
|
1404
|
+
--hx-icon-button-bg: var(--hx-color-action-primary-bg, #0f7078);
|
|
1398
1405
|
--hx-icon-button-color: var(--hx-color-text-on-primary, #ffffff);
|
|
1399
1406
|
--hx-icon-button-border-color: transparent;
|
|
1400
1407
|
}
|
|
1401
1408
|
|
|
1402
|
-
/*
|
|
1403
|
-
|
|
1404
|
-
icons. Pin fg at neutral-0 (5.82:1 on primary-600). Mirrors hx-button. */
|
|
1409
|
+
/* Hover deepens to action.primary.bg-hover (primary-700) + neutral-0 = 7.03:1 AA.
|
|
1410
|
+
Mirrors hx-button. */
|
|
1405
1411
|
.button--primary:hover {
|
|
1406
|
-
--hx-icon-button-bg: var(--hx-color-primary-
|
|
1412
|
+
--hx-icon-button-bg: var(--hx-color-action-primary-bg-hover, #0f6363);
|
|
1407
1413
|
--hx-icon-button-color: var(--hx-color-neutral-0, #ffffff);
|
|
1408
1414
|
}
|
|
1409
1415
|
|