tailwind-a11y 0.5.1 → 0.6.0

package/dist/parser/extractClasses.js

@@ -14,8 +14,11 @@ const COLOR_TOKEN = /^\[(#[0-9a-fA-F]{3,8})\](\/\d{1,3})?$|^[a-z]+-\d{2,3}(\/\d{
 // "word-number" shape as a color token but isn't one — without this
 // exclusion it can silently overwrite a real color match via the
 // last-token-wins rule below, making a real violation vanish (a false
-// negative, the worst failure mode for a linter).
-const NON_COLOR_SCALE_NAMES = new Set(["opacity"]);
+// negative, the worst failure mode for a linter). linear-{N}/conic-{N}
+// (Tailwind v4's bg-linear-45/bg-conic-180 gradient-angle utilities) are
+// the same failure mode: bg-linear-45 shares the word-number shape with
+// bg-red-500 and would otherwise mask it via last-token-wins.
+const NON_COLOR_SCALE_NAMES = new Set(["opacity", "linear", "conic"]);
 export function lastColorToken(className, prefix) {
     let found = null;
     for (const raw of className.split(/\s+/).filter(Boolean)) {

package/dist/rules/checkFocusIndicator.js

@@ -11,6 +11,28 @@ const DEGENERATE_BASES = new Set(["outline-none", "ring-0", "border-0", "shadow-
 // set (opacity/offset take arbitrary numeric values), so matched with a
 // pattern instead of enumerated.
 const MODIFIER_ONLY = /^(bg|border|ring)-opacity-\d{1,3}$|^(ring|outline)-offset-\d{1,3}$|^ring-inset$/;
+// Same failure mode again, one prefix-family level up: these utilities
+// share the bg-*/border-* prefix but control layout/rendering *behavior*
+// (attachment, repeat, size, clip, origin, position, table border mode),
+// not a visible color/width/style that could replace a removed outline.
+// Enumerated, not derived -- a future Tailwind utility sharing one of
+// these prefixes without providing visible styling could reintroduce this
+// gap, the same maintenance caveat as DEGENERATE_BASES/MODIFIER_ONLY above.
+const NON_VISUAL_BASES = new Set([
+    "bg-fixed", "bg-local", "bg-scroll",
+    "bg-repeat", "bg-no-repeat", "bg-repeat-x", "bg-repeat-y", "bg-repeat-round", "bg-repeat-space",
+    "bg-auto", "bg-cover", "bg-contain",
+    "bg-clip-border", "bg-clip-padding", "bg-clip-content", "bg-clip-text",
+    "bg-origin-border", "bg-origin-padding", "bg-origin-content",
+    "bg-none",
+    "bg-bottom", "bg-center", "bg-left", "bg-left-bottom", "bg-left-top",
+    "bg-right", "bg-right-bottom", "bg-right-top", "bg-top",
+    "border-collapse", "border-separate",
+]);
+// bg-blend-{mode} (e.g. bg-blend-multiply) sets a blend mode, not a color --
+// suffix-varying like MODIFIER_ONLY above, so pattern-matched instead of
+// enumerated.
+const NON_VISUAL_PATTERN = /^bg-blend-/;
 function baseUtility(raw) {
     return raw.slice(raw.lastIndexOf(":") + 1);
 }
@@ -18,6 +40,8 @@ function isReplacement(raw) {
     const base = baseUtility(raw);
     if (DEGENERATE_BASES.has(base) || MODIFIER_ONLY.test(base))
         return false;
+    if (NON_VISUAL_BASES.has(base) || NON_VISUAL_PATTERN.test(base))
+        return false;
     return /^(ring|border|shadow|bg|outline)(-|$)/.test(base);
 }
 export function checkFocusIndicators(checks) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-a11y",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "Static analysis CLI that catches WCAG accessibility violations — color contrast, touch target size, and focus indicator removal — in Tailwind CSS class combinations before they ship.",
   "type": "module",
   "bin": {