@techsio/storybook-better-a11y 0.0.2 → 0.0.4

package/dist/699.js

@@ -191,7 +191,7 @@ function isVisible(element) {
     const computed = global.getComputedStyle(element);
     return 'none' !== computed.display && 'hidden' !== computed.visibility && '0' !== computed.opacity;
 }
-async function runAPCACheck(context = apcaChecker_document, options = DEFAULT_APCA_OPTIONS) {
+async function runAPCACheck(context = apcaChecker_document, options = DEFAULT_APCA_OPTIONS, excludeSelectors = []) {
     const { APCAcontrast, sRGBtoY, fontLookupAPCA } = await import("apca-w3");
     const apcaOptions = {
         ...DEFAULT_APCA_OPTIONS,
@@ -201,6 +201,16 @@ async function runAPCACheck(context = apcaChecker_document, options = DEFAULT_AP
     const root = context instanceof Document ? context.body : context;
     const textElements = root.querySelectorAll('p, span, div, h1, h2, h3, h4, h5, h6, a, button, label, td, th, li, input, textarea');
     textElements.forEach((element)=>{
+        if (excludeSelectors.length > 0) {
+            const isExcluded = excludeSelectors.some((selector)=>{
+                try {
+                    return null !== element.closest(selector);
+                } catch  {
+                    return false;
+                }
+            });
+            if (isExcluded) return;
+        }
         if (!isVisible(element) || !hasReadableText(element)) return;
         const foreground = getComputedColor(element, 'color');
         const background = getEffectiveBackgroundColor(element);
@@ -381,7 +391,10 @@ const run = async (input = DEFAULT_PARAMETERS, storyId)=>{
                     if (first instanceof Element) contextElement = first;
                     else if ('string' == typeof first) contextElement = a11yRunner_document.querySelector(first) || a11yRunner_document;
                 } else if ('string' == typeof context.include) contextElement = a11yRunner_document.querySelector(context.include) || a11yRunner_document;
-                const apcaResult = await runAPCACheck(contextElement, input.apca);
+                const excludeSelectors = Array.isArray(context.exclude) ? context.exclude.filter((value)=>'string' == typeof value) : 'string' == typeof context.exclude ? [
+                    context.exclude
+                ] : [];
+                const apcaResult = await runAPCACheck(contextElement, input.apca, excludeSelectors);
                 if (apcaResult.nodes.length > 0) result.violations.push(apcaResult);
                 else result.passes.push(apcaResult);
                 const resultWithLinks = withLinkPaths(result, storyId);

package/dist/a11yRunner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a11yRunner.d.ts","sourceRoot":"","sources":["../src/a11yRunner.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAA4B,MAAM,UAAU,CAAC;AAMrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAiC/C,eAAO,MAAM,GAAG,GAAU,OAAO,cAAc,YAAqB,EAAE,SAAS,MAAM,wBA4GpF,CAAC"}
+{"version":3,"file":"a11yRunner.d.ts","sourceRoot":"","sources":["../src/a11yRunner.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAA4B,MAAM,UAAU,CAAC;AAMrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAiC/C,eAAO,MAAM,GAAG,GAAU,OAAO,cAAc,YAAqB,EAAE,SAAS,MAAM,wBAkHpF,CAAC"}

package/dist/apcaChecker.d.ts

@@ -8,6 +8,6 @@ interface ApcaOptions {
 /**
  * Run APCA contrast checks on the document
  */
-export declare function runAPCACheck(context?: Element | Document, options?: ApcaOptions): Promise<Result>;
+export declare function runAPCACheck(context?: Element | Document, options?: ApcaOptions, excludeSelectors?: string[]): Promise<Result>;
 export {};
 //# sourceMappingURL=apcaChecker.d.ts.map

package/dist/apcaChecker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apcaChecker.d.ts","sourceRoot":"","sources":["../src/apcaChecker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAc,MAAM,UAAU,CAAC;AAYnD,KAAK,oBAAoB,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzD,KAAK,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,YAAY,CAAC;AAEnE,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AA8OD;;GAEG;AACH,wBAAsB,YAAY,CAChC,OAAO,GAAE,OAAO,GAAG,QAAmB,EACtC,OAAO,GAAE,WAAkC,GAC1C,OAAO,CAAC,MAAM,CAAC,CAoKjB"}
+{"version":3,"file":"apcaChecker.d.ts","sourceRoot":"","sources":["../src/apcaChecker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAc,MAAM,UAAU,CAAC;AAYnD,KAAK,oBAAoB,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AACzD,KAAK,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,YAAY,CAAC;AAEnE,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AA8OD;;GAEG;AACH,wBAAsB,YAAY,CAChC,OAAO,GAAE,OAAO,GAAG,QAAmB,EACtC,OAAO,GAAE,WAAkC,EAC3C,gBAAgB,GAAE,MAAM,EAAO,GAC9B,OAAO,CAAC,MAAM,CAAC,CA+KjB"}

package/dist/manager.js

@@ -1475,7 +1475,7 @@ const ColorIcon = styled.span({
     height: 14,
     width: 14
 }, ({ $filter })=>({
-        filter: filters[$filter].filter || 'none'
+        filter: filters[$filter]?.filter || 'none'
     }), ({ theme })=>({
         boxShadow: `${theme.appBorderColor} 0 0 0 1px inset`
     }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techsio/storybook-better-a11y",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Storybook Accessibility addon with APCA (WCAG 3) support",
   "keywords": [
     "storybook",