@helixui/tokens 3.2.0-next.85 → 3.2.0-next.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +7 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/tokens.css +1 -0
- package/dist/tokens.json +14 -7
- package/package.json +1 -1
- package/src/tokens.json +14 -7
package/dist/index.d.ts
CHANGED
|
@@ -498,6 +498,10 @@ export declare const tokens: {
|
|
|
498
498
|
value: string;
|
|
499
499
|
description: string;
|
|
500
500
|
};
|
|
501
|
+
"bg-inverted-hover": {
|
|
502
|
+
value: string;
|
|
503
|
+
description: string;
|
|
504
|
+
};
|
|
501
505
|
};
|
|
502
506
|
};
|
|
503
507
|
};
|
|
@@ -1745,6 +1749,7 @@ export declare const tokens: {
|
|
|
1745
1749
|
"--hx-breadcrumb-text-color": null;
|
|
1746
1750
|
};
|
|
1747
1751
|
"hx-button": {
|
|
1752
|
+
"--hx-button-active-bg": null;
|
|
1748
1753
|
"--hx-button-bg": null;
|
|
1749
1754
|
"--hx-button-border-color": null;
|
|
1750
1755
|
"--hx-button-border-radius": null;
|
|
@@ -1754,8 +1759,10 @@ export declare const tokens: {
|
|
|
1754
1759
|
"--hx-button-font-weight": null;
|
|
1755
1760
|
"--hx-button-hover-bg": null;
|
|
1756
1761
|
"--hx-button-inverted-color": null;
|
|
1762
|
+
"--hx-button-inverted-danger-interactive-color": null;
|
|
1757
1763
|
"--hx-button-inverted-focus-ring-color": null;
|
|
1758
1764
|
"--hx-button-inverted-ghost-hover-bg": null;
|
|
1765
|
+
"--hx-button-inverted-primary-interactive-color": null;
|
|
1759
1766
|
};
|
|
1760
1767
|
"hx-button-group": {
|
|
1761
1768
|
"--hx-button-group-border-radius": null;
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAE9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AA+C7E,yCAAyC;AACzC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,UAAU,EAAE,MAAM,YAAY,CAAC;AAE9D,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AA+C7E,yCAAyC;AACzC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAC;AASjC,oEAAoE;AACpE,eAAO,MAAM,YAAY,EAAE,UAAU,EAA6B,CAAC;AAEnE,oDAAoD;AACpD,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAEnC,CAAC;AAEP,wDAAwD;AACxD,eAAO,MAAM,wBAAwB,EAAE,UAAU,EAE3C,CAAC;AAEP,kDAAkD;AAClD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,EAAE,CAAqC,CAAC;AAEhG,wCAAwC;AACxC,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAE3C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,MAAoC,CAAC;AAEjE;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,MAAwC,CAAC;AAEpE;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAgD,CAAC"}
|
package/dist/tokens.css
CHANGED
|
@@ -141,6 +141,7 @@
|
|
|
141
141
|
--hx-color-action-danger-bg: var(--hx-color-error-500);
|
|
142
142
|
--hx-color-action-danger-bg-hover: var(--hx-color-error-600);
|
|
143
143
|
--hx-color-action-danger-bg-active: var(--hx-color-error-700);
|
|
144
|
+
--hx-color-action-danger-bg-inverted-hover: var(--hx-color-error-400);
|
|
144
145
|
--hx-body-bg: var(--hx-color-surface-default);
|
|
145
146
|
--hx-body-color: var(--hx-color-text-primary);
|
|
146
147
|
--hx-body-font-family: var(--hx-font-family-sans);
|
package/dist/tokens.json
CHANGED
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
"overlay": { "value": "rgba(0, 0, 0, 0.75)" },
|
|
183
183
|
"success-strong": {
|
|
184
184
|
"value": "var(--hx-color-success-700)",
|
|
185
|
-
"description": "Emphasis success surface for high-prominence components (e.g. hx-toast--success). Pairs with text.
|
|
185
|
+
"description": "Emphasis success surface for high-prominence components (e.g. hx-toast--success). Pairs with text.on-success-strong (neutral-0, no dark-mode flip) for AA — neutral-0 on success-700 (#146831) = 6.88:1. Do NOT pair with text.inverse: surface.success-strong itself does not dark-mode-flip (the value stays success-700 in light and dark), but text.inverse does flip to neutral-900 in dark mode — pairing the two produces dark text on a dark fill (sub-AA). Added in 3.2.1 to route the toast variant fills through the semantic tier instead of consuming success-700 directly."
|
|
186
186
|
},
|
|
187
187
|
"warning-strong": {
|
|
188
188
|
"value": "var(--hx-color-warning-500)",
|
|
@@ -190,11 +190,11 @@
|
|
|
190
190
|
},
|
|
191
191
|
"danger-strong": {
|
|
192
192
|
"value": "var(--hx-color-error-600)",
|
|
193
|
-
"description": "Emphasis danger surface for high-prominence components (e.g. hx-toast--danger). Pairs with text.
|
|
193
|
+
"description": "Emphasis danger surface for high-prominence components (e.g. hx-toast--danger). Pairs with text.on-error-strong (neutral-0, no dark-mode flip) for AA — neutral-0 on error-600 (#C92A2A) = 5.46:1. Do NOT pair with text.inverse: surface.danger-strong itself does not dark-mode-flip (the value stays error-600 in light and dark), but text.inverse does flip to neutral-900 in dark mode — pairing the two produces dark text on a dark fill (sub-AA). Tracks action.danger.bg-hover by value (also error-600) but is exposed as a surface semantic so non-interactive consumers (toasts, banners) don't reach into the action.* hover state to find it."
|
|
194
194
|
},
|
|
195
195
|
"info-strong": {
|
|
196
196
|
"value": "var(--hx-color-primary-600)",
|
|
197
|
-
"description": "Emphasis info surface for high-prominence components (e.g. hx-toast--info). Pairs with text.
|
|
197
|
+
"description": "Emphasis info surface for high-prominence components (e.g. hx-toast--info). Pairs with text.on-primary-strong (neutral-0, no dark-mode flip) for AA — neutral-0 on primary-600 (#0F7078) = 5.82:1. Do NOT pair with text.inverse: surface.info-strong itself does not dark-mode-flip (the value stays primary-600 in light and dark), but text.inverse does flip to neutral-900 in dark mode — pairing the two produces dark text on a dark fill (sub-AA). Tracks action.primary.bg-hover by value but exposed under surface.* so toasts/banners consume a surface semantic, not an action-state semantic."
|
|
198
198
|
}
|
|
199
199
|
},
|
|
200
200
|
"border": {
|
|
@@ -276,6 +276,10 @@
|
|
|
276
276
|
"bg-active": {
|
|
277
277
|
"value": "var(--hx-color-error-700)",
|
|
278
278
|
"description": "Active/pressed state for danger surfaces. Pairs with text.on-error-strong (neutral-0) — error-700 on neutral-0 = 7.96:1 AA."
|
|
279
|
+
},
|
|
280
|
+
"bg-inverted-hover": {
|
|
281
|
+
"value": "var(--hx-color-error-400)",
|
|
282
|
+
"description": "Hover/pressed state for danger surfaces that live on a dark/inverted background — flips lighter rather than darker so the affordance reads against an already-dark page. error-400 (#FC7264) on surface.inverse (neutral-900, #0D1825) = 6.58:1, clears the WCAG 1.4.11 3:1 UI floor. Sister token to action.primary.bg-inverted-hover; added in 3.2.1 round-7 to close the inverted-mode :active regression where base error-700 (#A21312) on dark surface dropped to ~3:1."
|
|
279
283
|
}
|
|
280
284
|
}
|
|
281
285
|
}
|
|
@@ -583,11 +587,11 @@
|
|
|
583
587
|
"color": {
|
|
584
588
|
"error-text": {
|
|
585
589
|
"value": "var(--hx-color-error-400)",
|
|
586
|
-
"description": "WCAG AA compliant error text for dark backgrounds. #F87171 = 6.
|
|
590
|
+
"description": "WCAG AA compliant error text for dark backgrounds. #F87171 = 6.46:1 on neutral-900 dark surface."
|
|
587
591
|
},
|
|
588
592
|
"success-text": {
|
|
589
593
|
"value": "var(--hx-color-success-400)",
|
|
590
|
-
"description": "WCAG AA compliant success text for dark backgrounds. #4ADE80 = 10.
|
|
594
|
+
"description": "WCAG AA compliant success text for dark backgrounds. #4ADE80 = 10.26:1 on neutral-900 dark surface."
|
|
591
595
|
},
|
|
592
596
|
"text": {
|
|
593
597
|
"primary": { "value": "var(--hx-color-neutral-100)" },
|
|
@@ -796,7 +800,7 @@
|
|
|
796
800
|
"danger": {
|
|
797
801
|
"bg-active": {
|
|
798
802
|
"value": "var(--hx-color-error-500)",
|
|
799
|
-
"description": "HC override for action.danger.bg-active. Base error-700 (#A21312) has no HC override, so HC consumers paint black on #A21312 = 2.
|
|
803
|
+
"description": "HC override for action.danger.bg-active. Base error-700 (#A21312) has no HC override, so HC consumers paint black on #A21312 = 2.64:1 — AA fail. Flip to HC error-500 (#F87171, 7.59:1 on #000) so danger pressed states pair with text.on-error-strong (HC = #000000) at AA. Mirrors surface.danger-strong HC pattern (also flips to error-500)."
|
|
800
804
|
}
|
|
801
805
|
}
|
|
802
806
|
}
|
|
@@ -942,6 +946,7 @@
|
|
|
942
946
|
"--hx-breadcrumb-text-color": null
|
|
943
947
|
},
|
|
944
948
|
"hx-button": {
|
|
949
|
+
"--hx-button-active-bg": null,
|
|
945
950
|
"--hx-button-bg": null,
|
|
946
951
|
"--hx-button-border-color": null,
|
|
947
952
|
"--hx-button-border-radius": null,
|
|
@@ -951,8 +956,10 @@
|
|
|
951
956
|
"--hx-button-font-weight": null,
|
|
952
957
|
"--hx-button-hover-bg": null,
|
|
953
958
|
"--hx-button-inverted-color": null,
|
|
959
|
+
"--hx-button-inverted-danger-interactive-color": null,
|
|
954
960
|
"--hx-button-inverted-focus-ring-color": null,
|
|
955
|
-
"--hx-button-inverted-ghost-hover-bg": null
|
|
961
|
+
"--hx-button-inverted-ghost-hover-bg": null,
|
|
962
|
+
"--hx-button-inverted-primary-interactive-color": null
|
|
956
963
|
},
|
|
957
964
|
"hx-button-group": {
|
|
958
965
|
"--hx-button-group-border-radius": null,
|
package/package.json
CHANGED
package/src/tokens.json
CHANGED
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
"overlay": { "value": "rgba(0, 0, 0, 0.75)" },
|
|
183
183
|
"success-strong": {
|
|
184
184
|
"value": "var(--hx-color-success-700)",
|
|
185
|
-
"description": "Emphasis success surface for high-prominence components (e.g. hx-toast--success). Pairs with text.
|
|
185
|
+
"description": "Emphasis success surface for high-prominence components (e.g. hx-toast--success). Pairs with text.on-success-strong (neutral-0, no dark-mode flip) for AA — neutral-0 on success-700 (#146831) = 6.88:1. Do NOT pair with text.inverse: surface.success-strong itself does not dark-mode-flip (the value stays success-700 in light and dark), but text.inverse does flip to neutral-900 in dark mode — pairing the two produces dark text on a dark fill (sub-AA). Added in 3.2.1 to route the toast variant fills through the semantic tier instead of consuming success-700 directly."
|
|
186
186
|
},
|
|
187
187
|
"warning-strong": {
|
|
188
188
|
"value": "var(--hx-color-warning-500)",
|
|
@@ -190,11 +190,11 @@
|
|
|
190
190
|
},
|
|
191
191
|
"danger-strong": {
|
|
192
192
|
"value": "var(--hx-color-error-600)",
|
|
193
|
-
"description": "Emphasis danger surface for high-prominence components (e.g. hx-toast--danger). Pairs with text.
|
|
193
|
+
"description": "Emphasis danger surface for high-prominence components (e.g. hx-toast--danger). Pairs with text.on-error-strong (neutral-0, no dark-mode flip) for AA — neutral-0 on error-600 (#C92A2A) = 5.46:1. Do NOT pair with text.inverse: surface.danger-strong itself does not dark-mode-flip (the value stays error-600 in light and dark), but text.inverse does flip to neutral-900 in dark mode — pairing the two produces dark text on a dark fill (sub-AA). Tracks action.danger.bg-hover by value (also error-600) but is exposed as a surface semantic so non-interactive consumers (toasts, banners) don't reach into the action.* hover state to find it."
|
|
194
194
|
},
|
|
195
195
|
"info-strong": {
|
|
196
196
|
"value": "var(--hx-color-primary-600)",
|
|
197
|
-
"description": "Emphasis info surface for high-prominence components (e.g. hx-toast--info). Pairs with text.
|
|
197
|
+
"description": "Emphasis info surface for high-prominence components (e.g. hx-toast--info). Pairs with text.on-primary-strong (neutral-0, no dark-mode flip) for AA — neutral-0 on primary-600 (#0F7078) = 5.82:1. Do NOT pair with text.inverse: surface.info-strong itself does not dark-mode-flip (the value stays primary-600 in light and dark), but text.inverse does flip to neutral-900 in dark mode — pairing the two produces dark text on a dark fill (sub-AA). Tracks action.primary.bg-hover by value but exposed under surface.* so toasts/banners consume a surface semantic, not an action-state semantic."
|
|
198
198
|
}
|
|
199
199
|
},
|
|
200
200
|
"border": {
|
|
@@ -276,6 +276,10 @@
|
|
|
276
276
|
"bg-active": {
|
|
277
277
|
"value": "var(--hx-color-error-700)",
|
|
278
278
|
"description": "Active/pressed state for danger surfaces. Pairs with text.on-error-strong (neutral-0) — error-700 on neutral-0 = 7.96:1 AA."
|
|
279
|
+
},
|
|
280
|
+
"bg-inverted-hover": {
|
|
281
|
+
"value": "var(--hx-color-error-400)",
|
|
282
|
+
"description": "Hover/pressed state for danger surfaces that live on a dark/inverted background — flips lighter rather than darker so the affordance reads against an already-dark page. error-400 (#FC7264) on surface.inverse (neutral-900, #0D1825) = 6.58:1, clears the WCAG 1.4.11 3:1 UI floor. Sister token to action.primary.bg-inverted-hover; added in 3.2.1 round-7 to close the inverted-mode :active regression where base error-700 (#A21312) on dark surface dropped to ~3:1."
|
|
279
283
|
}
|
|
280
284
|
}
|
|
281
285
|
}
|
|
@@ -583,11 +587,11 @@
|
|
|
583
587
|
"color": {
|
|
584
588
|
"error-text": {
|
|
585
589
|
"value": "var(--hx-color-error-400)",
|
|
586
|
-
"description": "WCAG AA compliant error text for dark backgrounds. #F87171 = 6.
|
|
590
|
+
"description": "WCAG AA compliant error text for dark backgrounds. #F87171 = 6.46:1 on neutral-900 dark surface."
|
|
587
591
|
},
|
|
588
592
|
"success-text": {
|
|
589
593
|
"value": "var(--hx-color-success-400)",
|
|
590
|
-
"description": "WCAG AA compliant success text for dark backgrounds. #4ADE80 = 10.
|
|
594
|
+
"description": "WCAG AA compliant success text for dark backgrounds. #4ADE80 = 10.26:1 on neutral-900 dark surface."
|
|
591
595
|
},
|
|
592
596
|
"text": {
|
|
593
597
|
"primary": { "value": "var(--hx-color-neutral-100)" },
|
|
@@ -796,7 +800,7 @@
|
|
|
796
800
|
"danger": {
|
|
797
801
|
"bg-active": {
|
|
798
802
|
"value": "var(--hx-color-error-500)",
|
|
799
|
-
"description": "HC override for action.danger.bg-active. Base error-700 (#A21312) has no HC override, so HC consumers paint black on #A21312 = 2.
|
|
803
|
+
"description": "HC override for action.danger.bg-active. Base error-700 (#A21312) has no HC override, so HC consumers paint black on #A21312 = 2.64:1 — AA fail. Flip to HC error-500 (#F87171, 7.59:1 on #000) so danger pressed states pair with text.on-error-strong (HC = #000000) at AA. Mirrors surface.danger-strong HC pattern (also flips to error-500)."
|
|
800
804
|
}
|
|
801
805
|
}
|
|
802
806
|
}
|
|
@@ -942,6 +946,7 @@
|
|
|
942
946
|
"--hx-breadcrumb-text-color": null
|
|
943
947
|
},
|
|
944
948
|
"hx-button": {
|
|
949
|
+
"--hx-button-active-bg": null,
|
|
945
950
|
"--hx-button-bg": null,
|
|
946
951
|
"--hx-button-border-color": null,
|
|
947
952
|
"--hx-button-border-radius": null,
|
|
@@ -951,8 +956,10 @@
|
|
|
951
956
|
"--hx-button-font-weight": null,
|
|
952
957
|
"--hx-button-hover-bg": null,
|
|
953
958
|
"--hx-button-inverted-color": null,
|
|
959
|
+
"--hx-button-inverted-danger-interactive-color": null,
|
|
954
960
|
"--hx-button-inverted-focus-ring-color": null,
|
|
955
|
-
"--hx-button-inverted-ghost-hover-bg": null
|
|
961
|
+
"--hx-button-inverted-ghost-hover-bg": null,
|
|
962
|
+
"--hx-button-inverted-primary-interactive-color": null
|
|
956
963
|
},
|
|
957
964
|
"hx-button-group": {
|
|
958
965
|
"--hx-button-group-border-radius": null,
|