@a11y-oracle/focus-analyzer 1.1.1 → 1.1.3

package/dist/lib/focus-analyzer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focus-analyzer.d.ts","sourceRoot":"","sources":["../../src/lib/focus-analyzer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,eAAe,EAChB,MAAM,YAAY,CAAC;AA4EpB;;;;;;GAMG;AACH,qBAAa,aAAa;IAMZ,OAAO,CAAC,GAAG;IALvB,OAAO,CAAC,QAAQ,CAAiB;IAEjC;;OAEG;gBACiB,GAAG,EAAE,cAAc;IAIvC;;;;;;;;;OASG;IACG,iBAAiB,IAAI,OAAO,CAAC,cAAc,CAAC;IAiDlD;;;;;;;;OAQG;IACG,WAAW,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;IAS7C;;;;;;;;;;OAUG;IACG,kBAAkB,CACtB,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,MAAW,GACnB,OAAO,CAAC,eAAe,CAAC;IAgG3B;;;;;OAKG;IACH,OAAO,CAAC,qBAAqB;IAgB7B;;OAEG;IACH,OAAO,CAAC,oBAAoB;CAc7B"}
+{"version":3,"file":"focus-analyzer.d.ts","sourceRoot":"","sources":["../../src/lib/focus-analyzer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,eAAe,EAChB,MAAM,YAAY,CAAC;AA4EpB;;;;;;GAMG;AACH,qBAAa,aAAa;IAMZ,OAAO,CAAC,GAAG;IALvB,OAAO,CAAC,QAAQ,CAAiB;IAEjC;;OAEG;gBACiB,GAAG,EAAE,cAAc;IAIvC;;;;;;;;;OASG;IACG,iBAAiB,IAAI,OAAO,CAAC,cAAc,CAAC;IAmDlD;;;;;;;;OAQG;IACG,WAAW,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;IAS7C;;;;;;;;;;OAUG;IACG,kBAAkB,CACtB,QAAQ,EAAE,MAAM,EAChB,OAAO,GAAE,MAAW,GACnB,OAAO,CAAC,eAAe,CAAC;IAgG3B;;;;;OAKG;IACH,OAAO,CAAC,qBAAqB;IAyB7B;;OAEG;IACH,OAAO,CAAC,oBAAoB;CAc7B"}

package/dist/lib/focus-analyzer.js

@@ -123,9 +123,11 @@ export class FocusAnalyzer {
             return this.createEmptyIndicator();
         }
         const outlineWidth = styles.outlineWidth || '0px';
+        const outlineParsed = parseColor(styles.outlineColor);
         const hasOutline = outlineWidth !== '0px' &&
             outlineWidth !== '0' &&
-            styles.outlineColor !== 'transparent';
+            !!outlineParsed &&
+            outlineParsed.a > 0;
         const hasBoxShadow = styles.boxShadow !== 'none' && styles.boxShadow !== '';
         const isVisible = hasOutline || hasBoxShadow;
         // Calculate contrast ratio between focus indicator and background
@@ -267,15 +269,24 @@ export class FocusAnalyzer {
      * Example: `"0px 0px 0px 3px rgb(52, 152, 219)"` → rgb(52, 152, 219)
      */
     extractBoxShadowColor(boxShadow) {
-        // Try to find an rgb/rgba color in the box-shadow
-        const rgbMatch = boxShadow.match(/rgba?\([^)]+\)/);
-        if (rgbMatch) {
-            return parseColor(rgbMatch[0]);
+        // Extract ALL color values from the box-shadow.
+        // For multi-ring patterns (e.g. Tailwind's ring-offset + ring + default),
+        // the outermost visible ring is the last non-transparent color.
+        const rgbMatches = boxShadow.match(/rgba?\([^)]+\)/g) ?? [];
+        const hexMatches = boxShadow.match(/#[0-9a-fA-F]{3,8}/g) ?? [];
+        // Collect all parsed colors in order of appearance
+        const colors = [];
+        for (const m of rgbMatches) {
+            colors.push(parseColor(m));
         }
-        // Try to find a hex color
-        const hexMatch = boxShadow.match(/#[0-9a-fA-F]{3,8}/);
-        if (hexMatch) {
-            return parseColor(hexMatch[0]);
+        for (const m of hexMatches) {
+            colors.push(parseColor(m));
+        }
+        // Return the last non-transparent color (outermost visible ring)
+        for (let i = colors.length - 1; i >= 0; i--) {
+            const c = colors[i];
+            if (c && c.a > 0)
+                return c;
         }
         return null;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a11y-oracle/focus-analyzer",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "Focus indicator CSS analysis (WCAG 2.4.12), tab order extraction, and keyboard trap detection",
   "license": "MIT",
   "author": "a11y-oracle",
@@ -42,8 +42,8 @@
     "!**/*.tsbuildinfo"
   ],
   "dependencies": {
-    "@a11y-oracle/cdp-types": "1.1.1",
-    "@a11y-oracle/keyboard-engine": "1.1.1",
+    "@a11y-oracle/cdp-types": "1.1.3",
+    "@a11y-oracle/keyboard-engine": "1.1.3",
     "tslib": "^2.3.0"
   }
 }