@helixui/tokens 3.2.0-next.78 → 3.2.0-next.81
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/tokens.json +9 -9
- package/package.json +1 -1
- package/src/tokens.json +9 -9
package/dist/tokens.json
CHANGED
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
},
|
|
140
140
|
"on-success": {
|
|
141
141
|
"value": "var(--hx-color-neutral-900)",
|
|
142
|
-
"description": "Dark text on success surface. neutral-0 (white) on success-500 (#16A34A) was
|
|
142
|
+
"description": "Dark text on success surface. neutral-0 (white) on success-500 (#16A34A) was 3.30:1 — WCAG AA fail for body text. neutral-900 on success-500 = 5.43:1 (AA pass). Matches the on-warning pattern."
|
|
143
143
|
},
|
|
144
144
|
"on-warning": { "value": "var(--hx-color-neutral-900)" },
|
|
145
145
|
"on-info": {
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
},
|
|
149
149
|
"on-primary-strong": {
|
|
150
150
|
"value": "var(--hx-color-neutral-0)",
|
|
151
|
-
"description": "White text override for primary surfaces darker than primary-500 (i.e. primary-600 hover, primary-700 active). The AA-tuned text.on-primary (neutral-900) only meets AA against primary-500; on primary-600 (#0F7078) it drops to
|
|
151
|
+
"description": "White text override for primary surfaces darker than primary-500 (i.e. primary-600 hover, primary-700 active). The AA-tuned text.on-primary (neutral-900) only meets AA against primary-500; on primary-600 (#0F7078) it drops to 3.07:1 and on primary-700 (#0F6363) to 2.54:1 — both AA fails. neutral-0 on primary-600 = 5.82:1 (AA pass) and on primary-700 = 7.03:1 (AA pass). Added in 3.2.1 to remediate the token-cascade campaign findings where component variants were pinning to neutral-0 directly to escape this exact AA gap; routes the white-on-darker-primary pin through the semantic tier instead of the raw primitive."
|
|
152
152
|
},
|
|
153
153
|
"on-success-strong": {
|
|
154
154
|
"value": "var(--hx-color-neutral-0)",
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
},
|
|
157
157
|
"on-error-strong": {
|
|
158
158
|
"value": "var(--hx-color-neutral-0)",
|
|
159
|
-
"description": "White text override for error surfaces darker than error-500 (i.e. error-600 hover, error-700 active). The AA-tuned text.on-error (neutral-900) only meets AA against error-500; on error-600 (#C92A2A) it drops to
|
|
159
|
+
"description": "White text override for error surfaces darker than error-500 (i.e. error-600 hover, error-700 active). The AA-tuned text.on-error (neutral-900) only meets AA against error-500; on error-600 (#C92A2A) it drops to 3.28:1 and on error-700 (#A21312) to 2.25:1 — both AA fails. neutral-0 on error-600 = 5.46:1 (AA pass) and on error-700 = 7.96:1 (AA pass). Sister token to text.on-primary-strong; same 3.2.1 token-cascade remediation rationale."
|
|
160
160
|
},
|
|
161
161
|
"link": { "value": "var(--hx-color-primary-600)" },
|
|
162
162
|
"link-hover": { "value": "var(--hx-color-primary-700)" },
|
|
@@ -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.inverse (neutral-0) for AA — neutral-0 on error-600 (#C92A2A) = 5.
|
|
193
|
+
"description": "Emphasis danger surface for high-prominence components (e.g. hx-toast--danger). Pairs with text.inverse (neutral-0) for AA — neutral-0 on error-600 (#C92A2A) = 5.46:1. 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.inverse (neutral-0) for AA — neutral-0 on primary-600 (#0F7078) = 5.
|
|
197
|
+
"description": "Emphasis info surface for high-prominence components (e.g. hx-toast--info). Pairs with text.inverse (neutral-0) for AA — neutral-0 on primary-600 (#0F7078) = 5.82:1. 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": {
|
|
@@ -229,11 +229,11 @@
|
|
|
229
229
|
},
|
|
230
230
|
"bg-hover": {
|
|
231
231
|
"value": "var(--hx-color-primary-600)",
|
|
232
|
-
"description": "Hover state for interactive primary surfaces. Pairs with text.on-primary-strong (neutral-0) for AA — primary-600 on neutral-0 =
|
|
232
|
+
"description": "Hover state for interactive primary surfaces. Pairs with text.on-primary-strong (neutral-0) for AA — primary-600 on neutral-0 = 5.82:1."
|
|
233
233
|
},
|
|
234
234
|
"bg-active": {
|
|
235
235
|
"value": "var(--hx-color-primary-700)",
|
|
236
|
-
"description": "Active/pressed state for interactive primary surfaces. Pairs with text.on-primary-strong (neutral-0) — primary-700 on neutral-0 =
|
|
236
|
+
"description": "Active/pressed state for interactive primary surfaces. Pairs with text.on-primary-strong (neutral-0) — primary-700 on neutral-0 = 7.03:1 AA."
|
|
237
237
|
},
|
|
238
238
|
"bg-inverted-hover": {
|
|
239
239
|
"value": "var(--hx-color-primary-400)",
|
|
@@ -271,11 +271,11 @@
|
|
|
271
271
|
},
|
|
272
272
|
"bg-hover": {
|
|
273
273
|
"value": "var(--hx-color-error-600)",
|
|
274
|
-
"description": "Hover state for danger surfaces. Pairs with text.on-error-strong (neutral-0) for AA — error-600 on neutral-0 = 5.
|
|
274
|
+
"description": "Hover state for danger surfaces. Pairs with text.on-error-strong (neutral-0) for AA — error-600 on neutral-0 = 5.46:1."
|
|
275
275
|
},
|
|
276
276
|
"bg-active": {
|
|
277
277
|
"value": "var(--hx-color-error-700)",
|
|
278
|
-
"description": "Active/pressed state for danger surfaces. Pairs with text.on-error-strong (neutral-0) — error-700 on neutral-0 = 7.
|
|
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
279
|
}
|
|
280
280
|
}
|
|
281
281
|
}
|
package/package.json
CHANGED
package/src/tokens.json
CHANGED
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
},
|
|
140
140
|
"on-success": {
|
|
141
141
|
"value": "var(--hx-color-neutral-900)",
|
|
142
|
-
"description": "Dark text on success surface. neutral-0 (white) on success-500 (#16A34A) was
|
|
142
|
+
"description": "Dark text on success surface. neutral-0 (white) on success-500 (#16A34A) was 3.30:1 — WCAG AA fail for body text. neutral-900 on success-500 = 5.43:1 (AA pass). Matches the on-warning pattern."
|
|
143
143
|
},
|
|
144
144
|
"on-warning": { "value": "var(--hx-color-neutral-900)" },
|
|
145
145
|
"on-info": {
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
},
|
|
149
149
|
"on-primary-strong": {
|
|
150
150
|
"value": "var(--hx-color-neutral-0)",
|
|
151
|
-
"description": "White text override for primary surfaces darker than primary-500 (i.e. primary-600 hover, primary-700 active). The AA-tuned text.on-primary (neutral-900) only meets AA against primary-500; on primary-600 (#0F7078) it drops to
|
|
151
|
+
"description": "White text override for primary surfaces darker than primary-500 (i.e. primary-600 hover, primary-700 active). The AA-tuned text.on-primary (neutral-900) only meets AA against primary-500; on primary-600 (#0F7078) it drops to 3.07:1 and on primary-700 (#0F6363) to 2.54:1 — both AA fails. neutral-0 on primary-600 = 5.82:1 (AA pass) and on primary-700 = 7.03:1 (AA pass). Added in 3.2.1 to remediate the token-cascade campaign findings where component variants were pinning to neutral-0 directly to escape this exact AA gap; routes the white-on-darker-primary pin through the semantic tier instead of the raw primitive."
|
|
152
152
|
},
|
|
153
153
|
"on-success-strong": {
|
|
154
154
|
"value": "var(--hx-color-neutral-0)",
|
|
@@ -156,7 +156,7 @@
|
|
|
156
156
|
},
|
|
157
157
|
"on-error-strong": {
|
|
158
158
|
"value": "var(--hx-color-neutral-0)",
|
|
159
|
-
"description": "White text override for error surfaces darker than error-500 (i.e. error-600 hover, error-700 active). The AA-tuned text.on-error (neutral-900) only meets AA against error-500; on error-600 (#C92A2A) it drops to
|
|
159
|
+
"description": "White text override for error surfaces darker than error-500 (i.e. error-600 hover, error-700 active). The AA-tuned text.on-error (neutral-900) only meets AA against error-500; on error-600 (#C92A2A) it drops to 3.28:1 and on error-700 (#A21312) to 2.25:1 — both AA fails. neutral-0 on error-600 = 5.46:1 (AA pass) and on error-700 = 7.96:1 (AA pass). Sister token to text.on-primary-strong; same 3.2.1 token-cascade remediation rationale."
|
|
160
160
|
},
|
|
161
161
|
"link": { "value": "var(--hx-color-primary-600)" },
|
|
162
162
|
"link-hover": { "value": "var(--hx-color-primary-700)" },
|
|
@@ -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.inverse (neutral-0) for AA — neutral-0 on error-600 (#C92A2A) = 5.
|
|
193
|
+
"description": "Emphasis danger surface for high-prominence components (e.g. hx-toast--danger). Pairs with text.inverse (neutral-0) for AA — neutral-0 on error-600 (#C92A2A) = 5.46:1. 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.inverse (neutral-0) for AA — neutral-0 on primary-600 (#0F7078) = 5.
|
|
197
|
+
"description": "Emphasis info surface for high-prominence components (e.g. hx-toast--info). Pairs with text.inverse (neutral-0) for AA — neutral-0 on primary-600 (#0F7078) = 5.82:1. 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": {
|
|
@@ -229,11 +229,11 @@
|
|
|
229
229
|
},
|
|
230
230
|
"bg-hover": {
|
|
231
231
|
"value": "var(--hx-color-primary-600)",
|
|
232
|
-
"description": "Hover state for interactive primary surfaces. Pairs with text.on-primary-strong (neutral-0) for AA — primary-600 on neutral-0 =
|
|
232
|
+
"description": "Hover state for interactive primary surfaces. Pairs with text.on-primary-strong (neutral-0) for AA — primary-600 on neutral-0 = 5.82:1."
|
|
233
233
|
},
|
|
234
234
|
"bg-active": {
|
|
235
235
|
"value": "var(--hx-color-primary-700)",
|
|
236
|
-
"description": "Active/pressed state for interactive primary surfaces. Pairs with text.on-primary-strong (neutral-0) — primary-700 on neutral-0 =
|
|
236
|
+
"description": "Active/pressed state for interactive primary surfaces. Pairs with text.on-primary-strong (neutral-0) — primary-700 on neutral-0 = 7.03:1 AA."
|
|
237
237
|
},
|
|
238
238
|
"bg-inverted-hover": {
|
|
239
239
|
"value": "var(--hx-color-primary-400)",
|
|
@@ -271,11 +271,11 @@
|
|
|
271
271
|
},
|
|
272
272
|
"bg-hover": {
|
|
273
273
|
"value": "var(--hx-color-error-600)",
|
|
274
|
-
"description": "Hover state for danger surfaces. Pairs with text.on-error-strong (neutral-0) for AA — error-600 on neutral-0 = 5.
|
|
274
|
+
"description": "Hover state for danger surfaces. Pairs with text.on-error-strong (neutral-0) for AA — error-600 on neutral-0 = 5.46:1."
|
|
275
275
|
},
|
|
276
276
|
"bg-active": {
|
|
277
277
|
"value": "var(--hx-color-error-700)",
|
|
278
|
-
"description": "Active/pressed state for danger surfaces. Pairs with text.on-error-strong (neutral-0) — error-700 on neutral-0 = 7.
|
|
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
279
|
}
|
|
280
280
|
}
|
|
281
281
|
}
|