@storybook/addon-a11y 10.2.0-alpha.11 → 10.2.0-alpha.13

package/dist/_browser-chunks/{chunk-KJORJJOQ.js → chunk-6SD2JYU6.js}

@@ -1,7 +1,9 @@
 import {
   EVENTS,
-  PANEL_ID
-} from "./chunk-3FKQRDK3.js";
+  PANEL_ID,
+  filterDefs,
+  filters
+} from "./chunk-7OPMK7TU.js";
 import {
   __export
 } from "./chunk-4BE7D4DS.js";
@@ -10,6 +12,7 @@ import {
 var preview_exports = {};
 __export(preview_exports, {
   afterEach: () => afterEach,
+  decorators: () => decorators,
   initialGlobals: () => initialGlobals,
   parameters: () => parameters
 });
@@ -22,8 +25,8 @@ import { addons, waitForAnimations } from "storybook/preview-api";
 
 // src/a11yRunnerUtils.ts
 import { global } from "@storybook/global";
-var { document } = global, withLinkPaths = (results, storyId) => {
-  let pathname = document.location.pathname.replace(/iframe\.html$/, ""), enhancedResults = { ...results };
+var { document: document2 } = global, withLinkPaths = (results, storyId) => {
+  let pathname = document2.location.pathname.replace(/iframe\.html$/, ""), enhancedResults = { ...results };
   return ["incomplete", "passes", "violations"].forEach((key) => {
     Array.isArray(results[key]) && (enhancedResults[key] = results[key].map((result) => ({
       ...result,
@@ -36,7 +39,7 @@ var { document } = global, withLinkPaths = (results, storyId) => {
 };
 
 // src/a11yRunner.ts
-var { document: document2 } = global2, channel = addons.getChannel(), DEFAULT_PARAMETERS = { config: {}, options: {} }, DISABLED_RULES = [
+var { document: document3 } = global2, channel = addons.getChannel(), DEFAULT_PARAMETERS = { config: {}, options: {} }, DISABLED_RULES = [
   // In component testing, landmarks are not always present
   // and the rule check can cause false positives
   "region"
@@ -53,7 +56,7 @@ var { document: document2 } = global2, channel = addons.getChannel(), DEFAULT_PA
   if (input.element)
     throw new ElementA11yParameterError();
   let context = {
-    include: document2?.body,
+    include: document3?.body,
     exclude: [".sb-wrapper", "#storybook-docs", "#storybook-highlights-root"]
     // Internal Storybook elements that are always in the document
   };
@@ -67,7 +70,7 @@ var { document: document2 } = global2, channel = addons.getChannel(), DEFAULT_PA
     rules: [...DISABLED_RULES.map((id) => ({ id, enabled: !1 })), ...config?.rules ?? []]
   };
   return axe.configure(configWithDefault), new Promise((resolve, reject) => {
-    let highlightsRoot = document2?.getElementById("storybook-highlights-root");
+    let highlightsRoot = document3?.getElementById("storybook-highlights-root");
     highlightsRoot && (highlightsRoot.style.display = "none");
     let task = async () => {
       try {
@@ -99,8 +102,26 @@ function getIsVitestStandaloneRun() {
   }
 }
 
+// src/withVisionSimulator.ts
+import { useCallback, useEffect } from "storybook/preview-api";
+var knownFilters = Object.values(filters).map((f) => f.filter), knownFiltersRegExp = new RegExp(`\\b(${knownFilters.join("|")})\\b`, "g"), withVisionSimulator = (StoryFn, { globals }) => {
+  let { vision } = globals, applyVisionFilter = useCallback(() => {
+    let existingFilters = document.body.style.filter.replaceAll(knownFiltersRegExp, "").trim(), visionFilter = filters[vision]?.filter;
+    return visionFilter && document.body.classList.contains("sb-show-main") ? !existingFilters || existingFilters === "none" ? document.body.style.filter = visionFilter : document.body.style.filter = `${existingFilters} ${visionFilter}` : document.body.style.filter = existingFilters || "none", () => document.body.style.filter = existingFilters || "none";
+  }, [vision]);
+  return useEffect(() => {
+    let cleanup = applyVisionFilter(), observer = new MutationObserver(() => applyVisionFilter());
+    return observer.observe(document.body, { attributeFilter: ["class"] }), () => {
+      cleanup(), observer.disconnect();
+    };
+  }, [applyVisionFilter]), useEffect(() => (document.body.insertAdjacentHTML("beforeend", filterDefs), () => {
+    let filterDefsElement = document.getElementById("storybook-a11y-vision-filters");
+    filterDefsElement?.parentElement?.removeChild(filterDefsElement);
+  }), []), StoryFn();
+};
+
 // src/preview.tsx
-var vitestMatchersExtended = !1, afterEach = async ({
+var vitestMatchersExtended = !1, decorators = [withVisionSimulator], afterEach = async ({
   id: storyId,
   reporting,
   parameters: parameters2,
@@ -148,7 +169,8 @@ var vitestMatchersExtended = !1, afterEach = async ({
 }, initialGlobals = {
   a11y: {
     manual: !1
-  }
+  },
+  vision: void 0
 }, parameters = {
   a11y: {
     test: "todo"
@@ -156,6 +178,7 @@ var vitestMatchersExtended = !1, afterEach = async ({
 };
 
 export {
+  decorators,
   afterEach,
   initialGlobals,
   parameters,

package/dist/_browser-chunks/chunk-7OPMK7TU.js

@@ -0,0 +1,116 @@
+// src/constants.ts
+var ADDON_ID = "storybook/a11y", PANEL_ID = `${ADDON_ID}/panel`, PARAM_KEY = "a11y", VISION_GLOBAL_KEY = "vision", UI_STATE_ID = `${ADDON_ID}/ui`, RESULT = `${ADDON_ID}/result`, REQUEST = `${ADDON_ID}/request`, RUNNING = `${ADDON_ID}/running`, ERROR = `${ADDON_ID}/error`, MANUAL = `${ADDON_ID}/manual`, SELECT = `${ADDON_ID}/select`, DOCUMENTATION_LINK = "writing-tests/accessibility-testing", DOCUMENTATION_DISCREPANCY_LINK = `${DOCUMENTATION_LINK}#why-are-my-tests-failing-in-different-environments`;
+var EVENTS = { RESULT, REQUEST, RUNNING, ERROR, MANUAL, SELECT }, STATUS_TYPE_ID_COMPONENT_TEST = "storybook/component-test", STATUS_TYPE_ID_A11Y = "storybook/a11y";
+
+// src/visionSimulatorFilters.ts
+var filters = {
+  blurred: {
+    label: "Blurred vision",
+    filter: "blur(2px)",
+    percentage: 22.9
+  },
+  deuteranomaly: {
+    label: "Deuteranomaly",
+    filter: 'url("#storybook-a11y-vision-deuteranomaly")',
+    percentage: 2.7
+  },
+  deuteranopia: {
+    label: "Deuteranopia",
+    filter: 'url("#storybook-a11y-vision-deuteranopia")',
+    percentage: 0.56
+  },
+  protanomaly: {
+    label: "Protanomaly",
+    filter: 'url("#storybook-a11y-vision-protanomaly")',
+    percentage: 0.66
+  },
+  protanopia: {
+    label: "Protanopia",
+    filter: 'url("#storybook-a11y-vision-protanopia")',
+    percentage: 0.59
+  },
+  tritanomaly: {
+    label: "Tritanomaly",
+    filter: 'url("#storybook-a11y-vision-tritanomaly")',
+    percentage: 0.01
+  },
+  tritanopia: {
+    label: "Tritanopia",
+    filter: 'url("#storybook-a11y-vision-tritanopia")',
+    percentage: 0.016
+  },
+  achromatopsia: {
+    label: "Achromatopsia",
+    filter: 'url("#storybook-a11y-vision-achromatopsia")',
+    percentage: 1e-4
+  },
+  grayscale: {
+    label: "Grayscale",
+    filter: "grayscale(100%)"
+  }
+}, filterDefs = `<svg id="storybook-a11y-vision-filters" style="display: none !important;">
+  <defs>
+    <filter id="storybook-a11y-vision-protanopia">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.567, 0.433, 0, 0, 0 0.558, 0.442, 0, 0, 0 0, 0.242, 0.758, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-protanomaly">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.817, 0.183, 0, 0, 0 0.333, 0.667, 0, 0, 0 0, 0.125, 0.875, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-deuteranopia">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.625, 0.375, 0, 0, 0 0.7, 0.3, 0, 0, 0 0, 0.3, 0.7, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-deuteranomaly">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.8, 0.2, 0, 0, 0 0.258, 0.742, 0, 0, 0 0, 0.142, 0.858, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-tritanopia">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.95, 0.05,  0, 0, 0 0,  0.433, 0.567, 0, 0 0,  0.475, 0.525, 0, 0 0,  0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-tritanomaly">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.967, 0.033, 0, 0, 0 0, 0.733, 0.267, 0, 0 0, 0.183, 0.817, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-achromatopsia">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+  </defs>
+</svg>`;
+
+export {
+  ADDON_ID,
+  PANEL_ID,
+  PARAM_KEY,
+  VISION_GLOBAL_KEY,
+  DOCUMENTATION_DISCREPANCY_LINK,
+  EVENTS,
+  STATUS_TYPE_ID_COMPONENT_TEST,
+  STATUS_TYPE_ID_A11Y,
+  filters,
+  filterDefs
+};

package/dist/index.js

@@ -1,9 +1,9 @@
 import {
   preview_exports
-} from "./_browser-chunks/chunk-KJORJJOQ.js";
+} from "./_browser-chunks/chunk-6SD2JYU6.js";
 import {
   PARAM_KEY
-} from "./_browser-chunks/chunk-3FKQRDK3.js";
+} from "./_browser-chunks/chunk-7OPMK7TU.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/index.ts

package/dist/manager.js

@@ -5,12 +5,15 @@ import {
   PANEL_ID,
   PARAM_KEY,
   STATUS_TYPE_ID_A11Y,
-  STATUS_TYPE_ID_COMPONENT_TEST
-} from "./_browser-chunks/chunk-3FKQRDK3.js";
+  STATUS_TYPE_ID_COMPONENT_TEST,
+  VISION_GLOBAL_KEY,
+  filterDefs,
+  filters
+} from "./_browser-chunks/chunk-7OPMK7TU.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 
 // src/manager.tsx
-import React9 from "react";
+import React8 from "react";
 import { Badge as Badge3 } from "storybook/internal/components";
 import { addons, types, useAddonState as useAddonState2, useStorybookApi as useStorybookApi3 } from "storybook/manager-api";
 
@@ -2100,76 +2103,12 @@ var RotatingIcon = styled5(SyncIcon2)(({ theme: theme2 }) => ({
 };
 
 // src/components/VisionSimulator.tsx
-import React8, { useState as useState4 } from "react";
+import React7 from "react";
 import { Select } from "storybook/internal/components";
 import { AccessibilityIcon } from "@storybook/icons";
-import { Global, styled as styled6 } from "storybook/theming";
-
-// src/components/ColorFilters.tsx
-import * as React7 from "react";
-var Filters = (props) => React7.createElement("svg", { ...props }, React7.createElement("defs", null, React7.createElement("filter", { id: "protanopia" }, React7.createElement(
-  "feColorMatrix",
-  {
-    in: "SourceGraphic",
-    type: "matrix",
-    values: "0.567, 0.433, 0, 0, 0 0.558, 0.442, 0, 0, 0 0, 0.242, 0.758, 0, 0 0, 0, 0, 1, 0"
-  }
-)), React7.createElement("filter", { id: "protanomaly" }, React7.createElement(
-  "feColorMatrix",
-  {
-    in: "SourceGraphic",
-    type: "matrix",
-    values: "0.817, 0.183, 0, 0, 0 0.333, 0.667, 0, 0, 0 0, 0.125, 0.875, 0, 0 0, 0, 0, 1, 0"
-  }
-)), React7.createElement("filter", { id: "deuteranopia" }, React7.createElement(
-  "feColorMatrix",
-  {
-    in: "SourceGraphic",
-    type: "matrix",
-    values: "0.625, 0.375, 0, 0, 0 0.7, 0.3, 0, 0, 0 0, 0.3, 0.7, 0, 0 0, 0, 0, 1, 0"
-  }
-)), React7.createElement("filter", { id: "deuteranomaly" }, React7.createElement(
-  "feColorMatrix",
-  {
-    in: "SourceGraphic",
-    type: "matrix",
-    values: "0.8, 0.2, 0, 0, 0 0.258, 0.742, 0, 0, 0 0, 0.142, 0.858, 0, 0 0, 0, 0, 1, 0"
-  }
-)), React7.createElement("filter", { id: "tritanopia" }, React7.createElement(
-  "feColorMatrix",
-  {
-    in: "SourceGraphic",
-    type: "matrix",
-    values: "0.95, 0.05,  0, 0, 0 0,  0.433, 0.567, 0, 0 0,  0.475, 0.525, 0, 0 0,  0, 0, 1, 0"
-  }
-)), React7.createElement("filter", { id: "tritanomaly" }, React7.createElement(
-  "feColorMatrix",
-  {
-    in: "SourceGraphic",
-    type: "matrix",
-    values: "0.967, 0.033, 0, 0, 0 0, 0.733, 0.267, 0, 0 0, 0.183, 0.817, 0, 0 0, 0, 0, 1, 0"
-  }
-)), React7.createElement("filter", { id: "achromatopsia" }, React7.createElement(
-  "feColorMatrix",
-  {
-    in: "SourceGraphic",
-    type: "matrix",
-    values: "0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0, 0, 0, 1, 0"
-  }
-))));
-
-// src/components/VisionSimulator.tsx
-var iframeId = "storybook-preview-iframe", baseList = [
-  { name: "blurred vision", percentage: 22.9 },
-  { name: "deuteranomaly", percentage: 2.7 },
-  { name: "deuteranopia", percentage: 0.56 },
-  { name: "protanomaly", percentage: 0.66 },
-  { name: "protanopia", percentage: 0.59 },
-  { name: "tritanomaly", percentage: 0.01 },
-  { name: "tritanopia", percentage: 0.016 },
-  { name: "achromatopsia", percentage: 1e-4 },
-  { name: "grayscale" }
-], getFilter = (filterName) => filterName ? filterName === "blurred vision" ? "blur(2px)" : filterName === "grayscale" ? "grayscale(100%)" : `url('#${filterName}')` : "none", Hidden = styled6.div({
+import { useGlobals as useGlobals2 } from "storybook/manager-api";
+import { styled as styled6 } from "storybook/theming";
+var Hidden = styled6.div({
   "&, & svg": {
     position: "absolute",
     width: 0,
@@ -2184,42 +2123,30 @@ var iframeId = "storybook-preview-iframe", baseList = [
     width: "1rem"
   },
   ({ $filter }) => ({
-    filter: getFilter($filter)
+    filter: filters[$filter].filter || "none"
   }),
   ({ theme: theme2 }) => ({
     boxShadow: `${theme2.appBorderColor} 0 0 0 1px inset`
   })
 ), VisionSimulator = () => {
-  let [filter, setFilter] = useState4(null), options = baseList.map(({ name, percentage }) => {
-    let description = percentage !== void 0 ? `${percentage}% of users` : void 0;
-    return {
-      title: name,
-      description,
-      icon: React8.createElement(ColorIcon, { $filter: name }),
-      value: name
-    };
-  });
-  return React8.createElement(React8.Fragment, null, filter && React8.createElement(
-    Global,
-    {
-      styles: {
-        [`#${iframeId}`]: {
-          filter: getFilter(filter.name)
-        }
-      }
-    }
-  ), React8.createElement(
+  let [globals, updateGlobals] = useGlobals2(), value = globals[VISION_GLOBAL_KEY], options = Object.entries(filters).map(([key, { label, percentage }]) => ({
+    title: label,
+    description: percentage ? `${percentage}% of users` : void 0,
+    icon: React7.createElement(ColorIcon, { $filter: key }),
+    value: key
+  }));
+  return React7.createElement(React7.Fragment, null, React7.createElement(
     Select,
     {
       resetLabel: "Reset color filter",
-      onReset: () => setFilter(null),
-      icon: React8.createElement(AccessibilityIcon, null),
+      onReset: () => updateGlobals({ [VISION_GLOBAL_KEY]: void 0 }),
+      icon: React7.createElement(AccessibilityIcon, null),
       ariaLabel: "Vision simulator",
-      defaultOptions: filter?.name,
+      defaultOptions: value,
       options,
-      onSelect: (selected) => setFilter(() => ({ name: selected }))
+      onSelect: (selected) => updateGlobals({ [VISION_GLOBAL_KEY]: selected })
     }
-  ), React8.createElement(Hidden, null, React8.createElement(Filters, null)));
+  ), React7.createElement(Hidden, { dangerouslySetInnerHTML: { __html: filterDefs } }));
 };
 
 // src/manager.tsx
@@ -2232,19 +2159,19 @@ var Title2 = () => {
     results: void 0,
     error: void 0,
     status: "initial"
-  }), violationsNb = results?.violations?.length ?? 0, incompleteNb = results?.incomplete?.length ?? 0, count = violationsNb + incompleteNb, suffix = count === 0 ? null : React9.createElement(Badge3, { compact: !0, status: selectedPanel === PANEL_ID ? "active" : "neutral" }, count);
-  return React9.createElement("div", { style: { display: "flex", alignItems: "center", gap: 6 } }, React9.createElement("span", null, "Accessibility"), suffix);
+  }), violationsNb = results?.violations?.length ?? 0, incompleteNb = results?.incomplete?.length ?? 0, count = violationsNb + incompleteNb, suffix = count === 0 ? null : React8.createElement(Badge3, { compact: !0, status: selectedPanel === PANEL_ID ? "active" : "neutral" }, count);
+  return React8.createElement("div", { style: { display: "flex", alignItems: "center", gap: 6 } }, React8.createElement("span", null, "Accessibility"), suffix);
 };
 addons.register(ADDON_ID, (api) => {
   addons.add(PANEL_ID, {
     title: "",
     type: types.TOOL,
     match: ({ viewMode, tabId }) => viewMode === "story" && !tabId,
-    render: () => React9.createElement(VisionSimulator, null)
+    render: () => React8.createElement(VisionSimulator, null)
   }), addons.add(PANEL_ID, {
     title: Title2,
     type: types.PANEL,
-    render: ({ active = !0 }) => React9.createElement(A11yContextProvider, null, active ? React9.createElement(A11YPanel, null) : null),
+    render: ({ active = !0 }) => React8.createElement(A11yContextProvider, null, active ? React8.createElement(A11YPanel, null) : null),
     paramKey: PARAM_KEY
   });
 });

package/dist/postinstall.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_qdxh9nhxzta from 'node:url';
-import CJS_COMPAT_NODE_PATH_qdxh9nhxzta from 'node:path';
-import CJS_COMPAT_NODE_MODULE_qdxh9nhxzta from "node:module";
+import CJS_COMPAT_NODE_URL_u6xye5ykggr from 'node:url';
+import CJS_COMPAT_NODE_PATH_u6xye5ykggr from 'node:path';
+import CJS_COMPAT_NODE_MODULE_u6xye5ykggr from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_qdxh9nhxzta.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_qdxh9nhxzta.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_qdxh9nhxzta.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_u6xye5ykggr.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_u6xye5ykggr.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_u6xye5ykggr.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/dist/preview.d.ts

@@ -1,3 +1,4 @@
+import * as storybook_internal_csf from 'storybook/internal/csf';
 import { AfterEach } from 'storybook/internal/types';
 import { Selector, SelectorList, RunOptions, Spec } from 'axe-core';
 
@@ -37,14 +38,16 @@ interface A11yParameters {
     test?: A11yTest;
 }
 
+declare const decorators: storybook_internal_csf.DecoratorFunction[];
 declare const afterEach: AfterEach<any>;
 declare const initialGlobals: {
     a11y: {
         manual: boolean;
     };
+    vision: undefined;
 };
 declare const parameters: {
     a11y: A11yParameters;
 };
 
-export { afterEach, initialGlobals, parameters };
+export { afterEach, decorators, initialGlobals, parameters };

package/dist/preview.js

@@ -1,12 +1,14 @@
 import {
   afterEach,
+  decorators,
   initialGlobals,
   parameters
-} from "./_browser-chunks/chunk-KJORJJOQ.js";
-import "./_browser-chunks/chunk-3FKQRDK3.js";
+} from "./_browser-chunks/chunk-6SD2JYU6.js";
+import "./_browser-chunks/chunk-7OPMK7TU.js";
 import "./_browser-chunks/chunk-4BE7D4DS.js";
 export {
   afterEach,
+  decorators,
   initialGlobals,
   parameters
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-a11y",
-  "version": "10.2.0-alpha.11",
+  "version": "10.2.0-alpha.13",
   "description": "Storybook Addon A11y: Test UI component compliance with WCAG web accessibility standards",
   "keywords": [
     "a11y",
@@ -70,7 +70,7 @@
     "vitest-axe": "^0.1.0"
   },
   "peerDependencies": {
-    "storybook": "^10.2.0-alpha.11"
+    "storybook": "^10.2.0-alpha.13"
   },
   "publishConfig": {
     "access": "public"

package/dist/_browser-chunks/chunk-3FKQRDK3.js

@@ -1,13 +0,0 @@
-// src/constants.ts
-var ADDON_ID = "storybook/a11y", PANEL_ID = `${ADDON_ID}/panel`, PARAM_KEY = "a11y", UI_STATE_ID = `${ADDON_ID}/ui`, RESULT = `${ADDON_ID}/result`, REQUEST = `${ADDON_ID}/request`, RUNNING = `${ADDON_ID}/running`, ERROR = `${ADDON_ID}/error`, MANUAL = `${ADDON_ID}/manual`, SELECT = `${ADDON_ID}/select`, DOCUMENTATION_LINK = "writing-tests/accessibility-testing", DOCUMENTATION_DISCREPANCY_LINK = `${DOCUMENTATION_LINK}#why-are-my-tests-failing-in-different-environments`;
-var EVENTS = { RESULT, REQUEST, RUNNING, ERROR, MANUAL, SELECT }, STATUS_TYPE_ID_COMPONENT_TEST = "storybook/component-test", STATUS_TYPE_ID_A11Y = "storybook/a11y";
-
-export {
-  ADDON_ID,
-  PANEL_ID,
-  PARAM_KEY,
-  DOCUMENTATION_DISCREPANCY_LINK,
-  EVENTS,
-  STATUS_TYPE_ID_COMPONENT_TEST,
-  STATUS_TYPE_ID_A11Y
-};