@elastic/eslint-plugin-eui 2.3.0 → 2.5.0

package/README.md

@@ -129,15 +129,15 @@ It's worth pointing out that although the examples provided are specific to EUI
 
 ### `@elastic/eui/require-aria-label-for-modals`
 
-Ensures that EUI modal components (`EuiModal`, `EuiFlyout`, `EuiFlyoutResizable` ,`EuiConfirmModal`) have either an `aria-label` or `aria-labelledby` prop for accessibility. This helps screen reader users understand the purpose and content of modal dialogs.
+Ensure that EUI modal components (`EuiModal`, `EuiFlyout`, `EuiFlyoutResizable` ,`EuiConfirmModal`) have either an `aria-label` or `aria-labelledby` prop for accessibility. This helps screen reader users understand the purpose and content of modal dialogs.
 
 ### `@elastic/eui/consistent-is-invalid-props`
 
-Ensures that form control components within `EuiFormRow` components have matching `isInvalid` prop values. This maintains consistent validation state between parent form rows and their child form controls, leading to a more predictable and accessible user experience.
+Ensure that form control components within `EuiFormRow` components have matching `isInvalid` prop values. This maintains consistent validation state between parent form rows and their child form controls, leading to a more predictable and accessible user experience.
 
 ### `@elastic/eui/sr-output-disabled-tooltip`
 
-Ensures `disableScreenReaderOutput` is set when `EuiToolTip` content matches `EuiButtonIcon` "aria-label".
+Ensure `disableScreenReaderOutput` is set when `EuiToolTip` content matches `EuiButtonIcon` "aria-label".
 
 ### `@elastic/eui/prefer-eui-icon-tip`
 
@@ -147,6 +147,21 @@ Ensure `EuiIconTip` is used rather than `<EuiToolTip><EuiIcon/></EuiToolTip>`, a
 
 Ensure that all radio input components (`EuiRadio`, `EuiRadioGroup`) have a `name` attribute. The `name` attribute is required for radio inputs to be grouped correctly, allowing users to select only one option from a set. Without a `name`, radios may not behave as expected and can cause accessibility issues for assistive technologies.
 
+### `@elastic/eui/callout-announce-on-mount`
+
+Ensure that `EuiCallOut` components rendered conditionally have the `announceOnMount` prop for better accessibility. When callouts appear dynamically (e.g., after user interactions, form validation errors, or status changes), screen readers may not announce their content to users. The `announceOnMount` prop ensures these messages are properly announced to users with assistive technologies.
+
+### `@elastic/eui/no-unnamed-interactive-element`
+
+Ensure that appropriate aria-attributes are set for `EuiBetaBadge`, `EuiButtonIcon`, `EuiComboBox`, `EuiSelect`, `EuiSelectWithWidth`,`EuiSuperSelect`,`EuiPagination`, `EuiTreeView`, `EuiBreadcrumbs`. Without this rule, screen reader users lose context, keyboard navigation can be confusing.
+
+### `@elastic/eui/tooltip-focusable-anchor`
+
+Ensure `EuiTooltip` components are anchored to elements that can receive keyboard focus, making them accessible to all users. When using non-interactive elements (like `span`or `EuiText`) as tooltip anchors, they must include `tabIndex={0}` to be keyboard-focusable. For better accessibility, prefer using semantic interactive components (like `EuiButton` or `EuiLink`) which are focusable by default.
+
+### `@elastic/eui/accessible-interactive-element`
+Ensure interactive EUI components (like e.g. `EuiLink`, `EuiButton`, `EuiRadio`) remain accessible by prohibiting `tabIndex={-1}`, which removes them from keyboard navigation.
+
 ## Testing
 
 ### Running unit tests

package/lib/cjs/index.js

@@ -8,23 +8,16 @@ var _consistent_is_invalid_props = require("./rules/a11y/consistent_is_invalid_p
 var _sr_output_disabled_tooltip = require("./rules/a11y/sr_output_disabled_tooltip");
 var _prefer_eui_icon_tip = require("./rules/a11y/prefer_eui_icon_tip");
 var _no_unnamed_radio_group = require("./rules/a11y/no_unnamed_radio_group");
+var _no_unnamed_interactive_element = require("./rules/a11y/no_unnamed_interactive_element");
+var _tooltip_focusable_anchor = require("./rules/a11y/tooltip_focusable_anchor");
+var _callout_announce_on_mount = require("./rules/a11y/callout_announce_on_mount");
+var _accessible_interactive_element = require("./rules/a11y/accessible_interactive_element");
 /*
- * Licensed to Elasticsearch B.V. under one or more contributor
- * license agreements. See the NOTICE file distributed with
- * this work for additional information regarding copyright
- * ownership. Elasticsearch B.V. licenses this file to you under
- * the Apache License, Version 2.0 (the "License"); you may
- * not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
  */
 
 const config = {
@@ -36,7 +29,11 @@ const config = {
     'consistent-is-invalid-props': _consistent_is_invalid_props.ConsistentIsInvalidProps,
     'sr-output-disabled-tooltip': _sr_output_disabled_tooltip.ScreenReaderOutputDisabledTooltip,
     'prefer-eui-icon-tip': _prefer_eui_icon_tip.PreferEuiIconTip,
-    'no-unnamed-radio-group': _no_unnamed_radio_group.NoUnnamedRadioGroup
+    'no-unnamed-radio-group': _no_unnamed_radio_group.NoUnnamedRadioGroup,
+    'callout-announce-on-mount': _callout_announce_on_mount.CallOutAnnounceOnMount,
+    'no-unnamed-interactive-element': _no_unnamed_interactive_element.NoUnnamedInteractiveElement,
+    'tooltip-focusable-anchor': _tooltip_focusable_anchor.TooltipFocusableAnchor,
+    'accessible-interactive-element': _accessible_interactive_element.AccessibleInteractiveElements
   },
   configs: {
     recommended: {
@@ -49,7 +46,11 @@ const config = {
         '@elastic/eui/consistent-is-invalid-props': 'warn',
         '@elastic/eui/sr-output-disabled-tooltip': 'warn',
         '@elastic/eui/prefer-eui-icon-tip': 'warn',
-        '@elastic/eui/no-unnamed-radio-group': 'warn'
+        '@elastic/eui/no-unnamed-radio-group': 'warn',
+        '@elastic/eui/callout-announce-on-mount': 'warn',
+        '@elastic/eui/no-unnamed-interactive-element': 'warn',
+        '@elastic/eui/tooltip-focusable-anchor': 'warn',
+        '@elastic/eui/accessible-interactive-element': 'warn'
       }
     }
   }

package/lib/cjs/rules/a11y/accessible_interactive_element.d.ts

@@ -0,0 +1,3 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+export declare const AccessibleInteractiveElements: ESLintUtils.RuleModule<"disallowTabIndex", [], unknown, ESLintUtils.RuleListener>;
+//# sourceMappingURL=accessible_interactive_element.d.ts.map

package/lib/cjs/rules/a11y/accessible_interactive_element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessible_interactive_element.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/accessible_interactive_element.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAiB,MAAM,0BAA0B,CAAC;AAItE,eAAO,MAAM,6BAA6B,mFAuCxC,CAAC"}

package/lib/cjs/rules/a11y/accessible_interactive_element.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccessibleInteractiveElements = void 0;
+var _utils = require("@typescript-eslint/utils");
+var _constants = require("../../utils/constants");
+var _get_attr_value = require("../../utils/get_attr_value");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+const AccessibleInteractiveElements = exports.AccessibleInteractiveElements = _utils.ESLintUtils.RuleCreator.withoutDocs({
+  create(context) {
+    return {
+      JSXOpeningElement(node) {
+        if (node.name.type !== 'JSXIdentifier') return;
+        const componentName = node.name.name;
+        if (!_constants.INTERACTIVE_EUI_COMPONENTS.includes(componentName)) return;
+        const tabIndexAttribute = node.attributes.find(attr => attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier' && attr.name.name === 'tabIndex');
+        if (tabIndexAttribute && (Number((0, _get_attr_value.extractAttrValue)(context, tabIndexAttribute)) || 0) === -1) {
+          context.report({
+            node: node,
+            messageId: 'disallowTabIndex',
+            data: {
+              component: componentName
+            },
+            fix: fixer => fixer.remove(tabIndexAttribute)
+          });
+        }
+      }
+    };
+  },
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Ensure interactive EUI components remain accessible by prohibiting tabIndex={-1}, which removes them from keyboard navigation.'
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      disallowTabIndex: '{{component}} is an interactive EUI component and must not use tabIndex={-1}, as this removes it from keyboard navigation and impairs accessibility.'
+    }
+  },
+  defaultOptions: []
+});

package/lib/cjs/rules/a11y/callout_announce_on_mount.d.ts

@@ -0,0 +1,3 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+export declare const CallOutAnnounceOnMount: ESLintUtils.RuleModule<"missingAnnounceOnMount", [], unknown, ESLintUtils.RuleListener>;
+//# sourceMappingURL=callout_announce_on_mount.d.ts.map

package/lib/cjs/rules/a11y/callout_announce_on_mount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout_announce_on_mount.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/callout_announce_on_mount.ts"],"names":[],"mappings":"AAQA,OAAO,EAAG,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMxD,eAAO,MAAM,sBAAsB,yFAuDjC,CAAC"}

package/lib/cjs/rules/a11y/callout_announce_on_mount.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CallOutAnnounceOnMount = void 0;
+var _utils = require("@typescript-eslint/utils");
+var _is_in_conditional_rendering = require("../../utils/is_in_conditional_rendering");
+var _has_spread = require("../../utils/has_spread");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+const CALLOUT_COMPONENT = 'EuiCallOut';
+const CallOutAnnounceOnMount = exports.CallOutAnnounceOnMount = _utils.ESLintUtils.RuleCreator.withoutDocs({
+  create(context) {
+    return {
+      JSXElement(node) {
+        const {
+          openingElement
+        } = node;
+        if (openingElement.name.type !== 'JSXIdentifier' || openingElement.name.name !== CALLOUT_COMPONENT) {
+          return;
+        }
+        if (openingElement.attributes.some(attr => attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier' && attr.name.name === 'announceOnMount')) {
+          return;
+        }
+        if ((0, _is_in_conditional_rendering.isInConditionalRendering)(node)) {
+          context.report({
+            node: openingElement,
+            messageId: 'missingAnnounceOnMount',
+            fix: (0, _has_spread.hasSpread)(openingElement.attributes) ? undefined : fixer => {
+              return fixer.insertTextAfterRange([openingElement.name.range[1], openingElement.name.range[1]], ' announceOnMount');
+            }
+          });
+        }
+      }
+    };
+  },
+  meta: {
+    type: 'problem',
+    docs: {
+      description: `Ensure ${CALLOUT_COMPONENT} components that are conditionally rendered have announceOnMount prop for better accessibility`
+    },
+    fixable: 'code',
+    schema: [],
+    messages: {
+      missingAnnounceOnMount: [`${CALLOUT_COMPONENT} should have \`announceOnMount\` prop when conditionally rendered for better accessibility.`, '\n', `When ${CALLOUT_COMPONENT} appears dynamically (e.g., after user interaction, form validation, etc.),`, 'screen readers may not announce its content. Adding `announceOnMount` ensures the callout', 'is properly announced to users with assistive technologies.', '\n', `Note: If ${CALLOUT_COMPONENT} is inside a condition and not an action, explicitly set \`announceOnMount={false}\``, 'Example:', `  <${CALLOUT_COMPONENT} announceOnMount title="Error" color="danger">`, '    This message will be announced when it appears', `  </${CALLOUT_COMPONENT}>`].join('\n')
+    }
+  },
+  defaultOptions: []
+});

package/lib/cjs/rules/a11y/consistent_is_invalid_props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consistent_is_invalid_props.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/consistent_is_invalid_props.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAiB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAiBtE,eAAO,MAAM,wBAAwB,wFA6FnC,CAAC"}
+{"version":3,"file":"consistent_is_invalid_props.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/consistent_is_invalid_props.ts"],"names":[],"mappings":"AAQA,OAAO,EAAiB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAiBtE,eAAO,MAAM,wBAAwB,wFA6FnC,CAAC"}

package/lib/cjs/rules/a11y/consistent_is_invalid_props.js

@@ -8,22 +8,11 @@ var _utils = require("@typescript-eslint/utils");
 var _get_attr_value = require("../../utils/get_attr_value");
 var _are_attrs_equal = require("../../utils/are_attrs_equal");
 /*
- * Licensed to Elasticsearch B.V. under one or more contributor
- * license agreements. See the NOTICE file distributed with
- * this work for additional information regarding copyright
- * ownership. Elasticsearch B.V. licenses this file to you under
- * the Apache License, Version 2.0 (the "License"); you may
- * not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
  */
 
 const formControlComponent = 'EuiFormRow';
@@ -36,7 +25,7 @@ const ConsistentIsInvalidProps = exports.ConsistentIsInvalidProps = _utils.ESLin
         if (openingElement?.name.type !== 'JSXIdentifier' || openingElement.name.name !== formControlComponent || openingElement.attributes.length === 0) {
           return;
         }
-        const formRowIsInvalid = (0, _get_attr_value.getAttrValue)(context, openingElement.attributes, 'isInvalid');
+        const formRowIsInvalid = (0, _get_attr_value.findAttrValue)(context, openingElement.attributes, 'isInvalid');
         if (formRowIsInvalid === undefined) {
           return;
         }
@@ -44,7 +33,7 @@ const ConsistentIsInvalidProps = exports.ConsistentIsInvalidProps = _utils.ESLin
         if (!childElement) {
           return;
         }
-        const childIsInvalid = (0, _get_attr_value.getAttrValue)(context, childElement.openingElement.attributes, 'isInvalid');
+        const childIsInvalid = (0, _get_attr_value.findAttrValue)(context, childElement.openingElement.attributes, 'isInvalid');
         if (!(0, _are_attrs_equal.areAttrsEqual)(childIsInvalid, formRowIsInvalid)) {
           const componentName = childElement.openingElement.name.name;
           context.report({

package/lib/cjs/rules/a11y/no_unnamed_interactive_element.d.ts

@@ -0,0 +1,3 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+export declare const NoUnnamedInteractiveElement: ESLintUtils.RuleModule<"missingA11y", [], unknown, ESLintUtils.RuleListener>;
+//# sourceMappingURL=no_unnamed_interactive_element.d.ts.map

package/lib/cjs/rules/a11y/no_unnamed_interactive_element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"no_unnamed_interactive_element.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/no_unnamed_interactive_element.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAiB,MAAM,0BAA0B,CAAC;AA+BtE,eAAO,MAAM,2BAA2B,8EAyEtC,CAAC"}

package/lib/cjs/rules/a11y/no_unnamed_interactive_element.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoUnnamedInteractiveElement = void 0;
+var _utils = require("@typescript-eslint/utils");
+var _has_spread = require("../../utils/has_spread");
+var _get_allowed_a11y_prop_names_for_component = require("../../utils/get_allowed_a11y_prop_names_for_component");
+var _has_a11y_prop_for_component = require("../../utils/has_a11y_prop_for_component");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+const interactiveComponents = ['EuiBetaBadge', 'EuiButtonIcon', 'EuiComboBox', 'EuiSelect', 'EuiSelectWithWidth', 'EuiSuperSelect', 'EuiPagination', 'EuiTreeView', 'EuiBreadcrumbs'];
+const wrappingComponents = ['EuiFormRow'];
+const interactiveComponentsWithLabel = ['EuiBetaBadge'];
+const baseA11yProps = ['aria-label', 'aria-labelledby'];
+
+// Single source of truth for the utils (keeps them reusable)
+const a11yConfig = {
+  interactiveComponentsWithLabel: [...interactiveComponentsWithLabel],
+  wrappingComponents: [...wrappingComponents],
+  baseA11yProps: [...baseA11yProps]
+};
+const NoUnnamedInteractiveElement = exports.NoUnnamedInteractiveElement = _utils.ESLintUtils.RuleCreator.withoutDocs({
+  meta: {
+    type: 'problem',
+    hasSuggestions: false,
+    schema: [],
+    messages: {
+      missingA11y: '{{component}} must include an accessible label. Use one of: {{a11yProps}}'
+    }
+  },
+  defaultOptions: [],
+  create(context) {
+    const sourceCode = context.sourceCode;
+    function report(opening) {
+      if (opening.name.type !== 'JSXIdentifier') return;
+      const component = opening.name.name;
+      const allowed = (0, _get_allowed_a11y_prop_names_for_component.getAllowedA11yPropNamesForComponent)(component, a11yConfig).join(', ');
+      context.report({
+        node: opening,
+        messageId: 'missingA11y',
+        data: {
+          component,
+          a11yProps: allowed
+        }
+      });
+    }
+    return {
+      JSXOpeningElement(node) {
+        if (node.name.type !== 'JSXIdentifier') return;
+        const componentName = node.name.name;
+        const isInteractive = interactiveComponents.includes(componentName);
+        if (!isInteractive) return;
+        if ((0, _has_spread.hasSpread)(node.attributes) || (0, _has_a11y_prop_for_component.hasA11yPropForComponent)(componentName, node.attributes, a11yConfig)) {
+          return;
+        }
+        const ancestors = sourceCode.getAncestors(node);
+        const wrapper = [...ancestors].reverse().find(a => a.type === 'JSXElement' && a.openingElement.name.type === 'JSXIdentifier' && wrappingComponents.includes(a.openingElement.name.name));
+        if (wrapper) {
+          const open = wrapper.openingElement;
+          const wrapperName = open.name.type === 'JSXIdentifier' ? open.name.name : '';
+          if (!(0, _has_spread.hasSpread)(open.attributes) && !(0, _has_a11y_prop_for_component.hasA11yPropForComponent)(wrapperName, open.attributes, a11yConfig)) {
+            report(open);
+          }
+        } else {
+          report(node);
+        }
+      }
+    };
+  }
+});

package/lib/cjs/rules/a11y/no_unnamed_radio_group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"no_unnamed_radio_group.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/no_unnamed_radio_group.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIvD,eAAO,MAAM,mBAAmB,mFAuC9B,CAAC"}
+{"version":3,"file":"no_unnamed_radio_group.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/no_unnamed_radio_group.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIvD,eAAO,MAAM,mBAAmB,mFAuC9B,CAAC"}

package/lib/cjs/rules/a11y/no_unnamed_radio_group.js

@@ -6,22 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.NoUnnamedRadioGroup = void 0;
 var _utils = require("@typescript-eslint/utils");
 /*
- * Licensed to Elasticsearch B.V. under one or more contributor
- * license agreements. See the NOTICE file distributed with
- * this work for additional information regarding copyright
- * ownership. Elasticsearch B.V. licenses this file to you under
- * the Apache License, Version 2.0 (the "License"); you may
- * not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
  */
 
 const radioComponents = ['EuiRadio', 'EuiRadioGroup'];

package/lib/cjs/rules/a11y/prefer_eui_icon_tip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prefer_eui_icon_tip.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/prefer_eui_icon_tip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMtE,eAAO,MAAM,gBAAgB,mFA0C3B,CAAC"}
+{"version":3,"file":"prefer_eui_icon_tip.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/prefer_eui_icon_tip.ts"],"names":[],"mappings":"AAQA,OAAO,EAAiB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMtE,eAAO,MAAM,gBAAgB,mFA0C3B,CAAC"}

package/lib/cjs/rules/a11y/prefer_eui_icon_tip.js

@@ -5,6 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PreferEuiIconTip = void 0;
 var _utils = require("@typescript-eslint/utils");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
 const TOOLTIP_COMPONENT = 'EuiToolTip';
 const ICON_COMPONENT = 'EuiIcon';
 const ICON_TIP_COMPONENT = 'EuiIconTip';

package/lib/cjs/rules/a11y/require_aria_label_for_modals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"require_aria_label_for_modals.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/require_aria_label_for_modals.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAY,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAKjE,eAAO,MAAM,yBAAyB,+GA0FpC,CAAC"}
+{"version":3,"file":"require_aria_label_for_modals.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/require_aria_label_for_modals.ts"],"names":[],"mappings":"AAQA,OAAO,EAAY,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAKjE,eAAO,MAAM,yBAAyB,+GA0FpC,CAAC"}

package/lib/cjs/rules/a11y/require_aria_label_for_modals.js

@@ -6,22 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.RequireAriaLabelForModals = void 0;
 var _utils = require("@typescript-eslint/utils");
 /*
- * Licensed to Elasticsearch B.V. under one or more contributor
- * license agreements. See the NOTICE file distributed with
- * this work for additional information regarding copyright
- * ownership. Elasticsearch B.V. licenses this file to you under
- * the Apache License, Version 2.0 (the "License"); you may
- * not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
  */
 
 const modalComponents = ['EuiModal', 'EuiFlyout', 'EuiFlyoutResizable'];

package/lib/cjs/rules/a11y/sr_output_disabled_tooltip.js

@@ -26,7 +26,7 @@ const ScreenReaderOutputDisabledTooltip = exports.ScreenReaderOutputDisabledTool
         if (openingElement?.name.type !== 'JSXIdentifier' || openingElement.name.name !== tooltipComponent) {
           return;
         }
-        const tooltipContent = (0, _get_attr_value.getAttrValue)(context, openingElement.attributes, 'content');
+        const tooltipContent = (0, _get_attr_value.findAttrValue)(context, openingElement.attributes, 'content');
         const hasDisableScreenReader = openingElement.attributes.some(attr => attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier' && attr.name.name === disabledTooltipComponentProp);
         if (hasDisableScreenReader) {
           return;
@@ -35,7 +35,7 @@ const ScreenReaderOutputDisabledTooltip = exports.ScreenReaderOutputDisabledTool
         if (!buttonElement) {
           return;
         }
-        const ariaLabel = (0, _get_attr_value.getAttrValue)(context, buttonElement.openingElement.attributes, 'aria-label');
+        const ariaLabel = (0, _get_attr_value.findAttrValue)(context, buttonElement.openingElement.attributes, 'aria-label');
         if (tooltipContent && ariaLabel && (0, _are_attrs_equal.areAttrsEqual)(tooltipContent, ariaLabel)) {
           const buttonElementName = buttonElement.openingElement.name.name;
           context.report({

package/lib/cjs/rules/a11y/tooltip_focusable_anchor.d.ts

@@ -0,0 +1,3 @@
+import { ESLintUtils } from '@typescript-eslint/utils';
+export declare const TooltipFocusableAnchor: ESLintUtils.RuleModule<"requiresFocusableAnchor", [], unknown, ESLintUtils.RuleListener>;
+//# sourceMappingURL=tooltip_focusable_anchor.d.ts.map

package/lib/cjs/rules/a11y/tooltip_focusable_anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip_focusable_anchor.d.ts","sourceRoot":"","sources":["../../../../src/rules/a11y/tooltip_focusable_anchor.ts"],"names":[],"mappings":"AAQA,OAAO,EAAY,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAoBjE,eAAO,MAAM,sBAAsB,0FAyEjC,CAAC"}

package/lib/cjs/rules/a11y/tooltip_focusable_anchor.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TooltipFocusableAnchor = void 0;
+var _utils = require("@typescript-eslint/utils");
+var _constants = require("../../utils/constants");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+const TOOL_TIP_COMPONENT = 'EuiToolTip';
+const NON_INTERACTIVE_ELEMENTS = [..._constants.NON_INTERACTIVE_HTML_TAGS,
+// note: not a complete list, based on the most common violations
+'EuiText', 'EuiImage', 'EuiBadge', 'EuiBetaBadge'];
+const INTERACTIVE_ATTRS = ['tabIndex', 'href', 'onClick'];
+const TooltipFocusableAnchor = exports.TooltipFocusableAnchor = _utils.ESLintUtils.RuleCreator.withoutDocs({
+  create(context) {
+    const isTooltipComponent = node => node.name.type === 'JSXIdentifier' && node.name.name === TOOL_TIP_COMPONENT;
+    const hasInteractiveAttribute = node => node.attributes.some(attr => attr.type === 'JSXAttribute' && attr.name.type === 'JSXIdentifier' && INTERACTIVE_ATTRS.includes(attr.name.name));
+    const isNonInteractiveElement = elementName => NON_INTERACTIVE_ELEMENTS.includes(elementName);
+    return {
+      JSXElement(node) {
+        const {
+          openingElement
+        } = node;
+        if (!isTooltipComponent(openingElement)) {
+          return;
+        }
+        const children = node.children.filter(child => child.type === 'JSXElement');
+        if (children.length === 0) {
+          return;
+        }
+        const firstChild = children[0].openingElement;
+        if (firstChild.name.type !== 'JSXIdentifier') {
+          return;
+        }
+        const childName = firstChild.name.name;
+        if (isNonInteractiveElement(childName) && !hasInteractiveAttribute(firstChild)) {
+          context.report({
+            node: firstChild,
+            messageId: 'requiresFocusableAnchor',
+            data: {
+              element: childName,
+              toolTipComponent: TOOL_TIP_COMPONENT
+            }
+          });
+        }
+      }
+    };
+  },
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Ensure {{ toolTipComponent }} components are anchored to focusable elements'
+    },
+    schema: [],
+    messages: {
+      requiresFocusableAnchor: ['{{ element }} inside {{ toolTipComponent }} must be focusable for accessibility.', 'Option 1: Add tabIndex attribute to make the element keyboard focusable:', '  <{{ toolTipComponent }} content=\'...\'>', '    <{{ element }} tabIndex={0}>...</{{ element }}>', '  </{{ toolTipComponent }}>', 'Option 2 (Preferred): Use an interactive component instead:', '  <{{ toolTipComponent }} content=\'...\'>', '    <EuiButton>...</EuiButton>', '  </{{ toolTipComponent }}>'].join('\n')
+    }
+  },
+  defaultOptions: []
+});

package/lib/cjs/rules/href_or_on_click.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"href_or_on_click.d.ts","sourceRoot":"","sources":["../../../src/rules/href_or_on_click.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAY,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIjE,eAAO,MAAM,WAAW,gFA8CtB,CAAC"}
+{"version":3,"file":"href_or_on_click.d.ts","sourceRoot":"","sources":["../../../src/rules/href_or_on_click.ts"],"names":[],"mappings":"AAQA,OAAO,EAAY,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIjE,eAAO,MAAM,WAAW,gFA8CtB,CAAC"}

package/lib/cjs/rules/href_or_on_click.js

@@ -6,22 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.HrefOnClick = void 0;
 var _utils = require("@typescript-eslint/utils");
 /*
- * Licensed to Elasticsearch B.V. under one or more contributor
- * license agreements. See the NOTICE file distributed with
- * this work for additional information regarding copyright
- * ownership. Elasticsearch B.V. licenses this file to you under
- * the Apache License, Version 2.0 (the "License"); you may
- * not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing,
- * software distributed under the License is distributed on an
- * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
- * KIND, either express or implied.  See the License for the
- * specific language governing permissions and limitations
- * under the License.
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
  */
 
 const componentNames = ['EuiButton', 'EuiButtonEmpty', 'EuiLink', 'EuiBadge'];

package/lib/cjs/rules/no_css_color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"no_css_color.d.ts","sourceRoot":"","sources":["../../../src/rules/no_css_color.ts"],"names":[],"mappings":"AAUA,OAAO,EAAY,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAyNjE,eAAO,MAAM,UAAU,2IAsRrB,CAAC"}
+{"version":3,"file":"no_css_color.d.ts","sourceRoot":"","sources":["../../../src/rules/no_css_color.ts"],"names":[],"mappings":"AASA,OAAO,EAAY,WAAW,EAAE,MAAM,0BAA0B,CAAC;AA4OjE,eAAO,MAAM,UAAU,2IAsRrB,CAAC"}

package/lib/cjs/rules/no_css_color.js

@@ -9,11 +9,10 @@ var _utils = require("@typescript-eslint/utils");
 var _resolve_member_expression_root = require("../utils/resolve_member_expression_root");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
- * or more contributor license agreements. Licensed under the "Elastic License
- * 2.0", the "GNU Affero General Public License v3.0 only", and the "Server Side
- * Public License v 1"; you may not use this file except in compliance with, at
- * your election, the "Elastic License 2.0", the "GNU Affero General Public
- * License v3.0 only", or the "Server Side Public License, v 1".
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
  */
 
 /**
@@ -39,9 +38,17 @@ const checkPropertySpecifiesInvalidCSSColor = ([property, value]) => {
   // build the resolved color property to check if the value is a string after parsing the style declaration
   const resolvedColorProperty = anchor === 'color' ? 'color' : anchor + 'Color';
 
-  // in trying to keep this rule simple, it's enough if we get a value back, because if it was an identifier we would have been able to set a value within this invocation
   // @ts-expect-error the types for this packages specifics an index signature of number, alongside other valid CSS properties
-  return Boolean(style[resolvedColorProperty]);
+  const colorValue = style[resolvedColorProperty];
+  if (!colorValue) return false;
+
+  // Allow CSS keywords that are valid and should not trigger warnings
+  const allowedCssKeywords = ['currentcolor', 'transparent', 'inherit', 'initial', 'unset', 'revert', 'revert-layer'];
+  const normalizedColorValue = colorValue.toLowerCase().trim();
+  if (allowedCssKeywords.includes(normalizedColorValue)) {
+    return false;
+  }
+  return true;
 };
 
 /**