@elastic/eui 101.1.0-classic.0 → 101.2.0-classic.0

package/test-env/components/tool_tip/tool_tip.js

@@ -26,7 +26,7 @@ var _tool_tip_anchor = require("./tool_tip_anchor");
 var _tool_tip_arrow = require("./tool_tip_arrow");
 var _tool_tip_manager = require("./tool_tip_manager");
 var _react3 = require("@emotion/react");
-var _excluded = ["children", "className", "anchorClassName", "anchorProps", "content", "title", "delay", "display", "repositionOnScroll"];
+var _excluded = ["children", "className", "anchorClassName", "anchorProps", "content", "title", "delay", "display", "repositionOnScroll", "disableScreenReaderOutput"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -246,6 +246,8 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
         delay = _this$props.delay,
         display = _this$props.display,
         repositionOnScroll = _this$props.repositionOnScroll,
+        _this$props$disableSc = _this$props.disableScreenReaderOutput,
+        disableScreenReaderOutput = _this$props$disableSc === void 0 ? false : _this$props$disableSc,
         rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       var _this$state = this.state,
         arrowStyles = _this$state.arrowStyles,
@@ -261,8 +263,10 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
         onFocus: this.onFocus,
         onKeyDown: this.onEscapeKey,
         onMouseOver: this.showToolTip,
-        onMouseOut: this.onMouseOut,
-        id: id,
+        onMouseOut: this.onMouseOut
+        // `id` defines if the trigger and tooltip are automatically linked via `aria-describedby`.
+        ,
+        id: !disableScreenReaderOutput ? id : undefined,
         className: anchorClasses,
         display: display,
         isVisible: visible
@@ -292,7 +296,8 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2.default)(EuiToolTip, "defaultProps", {
   position: 'top',
   delay: 'regular',
-  display: 'inlineBlock'
+  display: 'inlineBlock',
+  disableScreenReaderOutput: false
 });
 EuiToolTip.propTypes = {
   /**
@@ -347,6 +352,15 @@ EuiToolTip.propTypes = {
      * When nesting an `EuiTooltip` in a scrollable container, `repositionOnScroll` should be `true`
      */
   repositionOnScroll: _propTypes.default.bool,
+  /**
+     * Disables the tooltip content being read by screen readers when focusing the trigger element.
+     * Do not use when the trigger `aria-label` and tooltip `content` can be rephrased to be standalone
+     * information (action & additional information).
+     * Enable this prop only when the trigger has a descriptive label that either duplicates or includes
+     * the tooltip content and would result in repetitive output.
+     * @default false
+     */
+  disableScreenReaderOutput: _propTypes.default.bool,
   /**
      * If supplied, called when mouse movement causes the tool tip to be
      * hidden.

package/test-env/components/tool_tip/tool_tip_anchor.js

@@ -55,7 +55,7 @@ var EuiToolTipAnchor = exports.EuiToolTipAnchor = /*#__PURE__*/(0, _react.forwar
         _onBlur();
         children.props.onBlur && children.props.onBlur(e);
       },
-      'aria-describedby': isVisible ? (0, _classnames.default)(id, children.props['aria-describedby']) : children.props['aria-describedby']
+      'aria-describedby': isVisible && id ? (0, _classnames.default)(id, children.props['aria-describedby']) : children.props['aria-describedby']
     }))
   );
 });

package/test-env/global_styling/mixins/_button.js

@@ -46,10 +46,11 @@ var euiButtonColor = exports.euiButtonColor = function euiButtonColor(euiThemeCo
  * @returns Style object `{ backgroundColor, color }`
  */
 var euiButtonFillColor = exports.euiButtonFillColor = function euiButtonFillColor(euiThemeContext, color) {
-  var euiTheme = euiThemeContext.euiTheme;
+  var euiTheme = euiThemeContext.euiTheme,
+    highContrastMode = euiThemeContext.highContrastMode;
   var backgroundTokenName = (0, _euiThemeCommon.getTokenName)('backgroundFilled', color);
   var textColorTokenName = (0, _euiThemeCommon.getTokenName)('textColorFilled', color);
-  var foreground = euiTheme.components.buttons[textColorTokenName];
+  var foreground = highContrastMode ? color === 'warning' ? euiTheme.colors.ink : euiTheme.colors.textInverse : euiTheme.components.buttons[textColorTokenName];
   var background = euiTheme.components.buttons[backgroundTokenName];
   return _objectSpread({
     color: foreground,

package/CHANGELOG.md

@@ -1,5 +0,0 @@
-EUI's changelogs are too numerous to view in a single file, and have been split up by year. Ways to view them:
-
-- In the [changelogs](./changelogs) folder as raw markdown files
-- On our [docs website](https://eui.elastic.co/#/package/changelog) as rich text
-- [Searching for individual release](https://github.com/elastic/eui/releases) changelogs