@elastic/eui 101.1.0 → 101.2.0-classic.1

package/test-env/components/color_picker/color_picker_swatch.js

@@ -16,8 +16,9 @@ var _services = require("../../services");
 var _i18n = require("../i18n");
 var _utils = require("./utils");
 var _color_picker_swatch = require("./color_picker_swatch.styles");
+var _tool_tip = require("../tool_tip");
 var _react2 = require("@emotion/react");
-var _excluded = ["className", "color", "style"];
+var _excluded = ["className", "color", "style", "toolTipProps", "showToolTip"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -30,9 +31,13 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EuiColorPickerSwatch = exports.EuiColorPickerSwatch = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _toolTipProps$anchorP;
   var className = _ref.className,
     color = _ref.color,
     style = _ref.style,
+    toolTipProps = _ref.toolTipProps,
+    _ref$showToolTip = _ref.showToolTip,
+    showToolTip = _ref$showToolTip === void 0 ? true : _ref$showToolTip,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _classnames.default)('euiColorPickerSwatch', className);
   var styles = (0, _services.useEuiMemoizedStyles)(_color_picker_swatch.euiColorPickerSwatchStyles);
@@ -45,7 +50,7 @@ var EuiColorPickerSwatch = exports.EuiColorPickerSwatch = /*#__PURE__*/(0, _reac
   var ariaLabel = (0, _i18n.useEuiI18n)('euiColorPickerSwatch.ariaLabel', 'Select {color} as the color', {
     color: color
   });
-  return (0, _react2.jsx)("button", (0, _extends2.default)({
+  var element = (0, _react2.jsx)("button", (0, _extends2.default)({
     type: "button",
     css: styles.euiColorPickerSwatch,
     className: classes,
@@ -55,12 +60,89 @@ var EuiColorPickerSwatch = exports.EuiColorPickerSwatch = /*#__PURE__*/(0, _reac
       background: background
     }, style)
   }, rest));
+  return showToolTip ? (0, _react2.jsx)(_tool_tip.EuiToolTip, (0, _extends2.default)({
+    content: color
+  }, toolTipProps, {
+    anchorProps: _objectSpread(_objectSpread({}, toolTipProps === null || toolTipProps === void 0 ? void 0 : toolTipProps.anchorProps), {}, {
+      css: [toolTipProps === null || toolTipProps === void 0 || (_toolTipProps$anchorP = toolTipProps.anchorProps) === null || _toolTipProps$anchorP === void 0 ? void 0 : _toolTipProps$anchorP.css, styles.tooltip]
+    })
+    // since the button already has a descriptive `ariaLabel` we can disable
+    // the tooltip content from being read additionally by screen readers
+    ,
+    disableScreenReaderOutput: true
+  }), element) : element;
 });
 EuiColorPickerSwatch.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
-  color: _propTypes.default.string
+  color: _propTypes.default.string,
+  /**
+       * renders a tooltip with the color value to provide a visual text alternative
+       * @default true
+       */
+  showToolTip: _propTypes.default.bool,
+  /** Additional props for the EuiToolip when `showToolTip={true}` */toolTipProps: _propTypes.default.shape({
+    /**
+       * Passes onto the span wrapping the trigger.
+       */
+    anchorClassName: _propTypes.default.string,
+    /**
+       * Passes onto the span wrapping the trigger.
+       */
+    anchorProps: _propTypes.default.shape({
+      className: _propTypes.default.string,
+      "aria-label": _propTypes.default.string,
+      "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any
+    }),
+    /**
+       * Passes onto the tooltip itself, not the trigger.
+       */
+    className: _propTypes.default.string,
+    /**
+       * The main content of your tooltip.
+       */
+    content: _propTypes.default.node,
+    /**
+       * Common display alternatives for the anchor wrapper
+       */
+    display: _propTypes.default.any,
+    /**
+       * An optional title for your tooltip.
+       */
+    title: _propTypes.default.node,
+    /**
+       * Unless you provide one, this will be randomly generated.
+       */
+    id: _propTypes.default.string,
+    /**
+       * When `true`, the tooltip's position is re-calculated when the user
+       * scrolls. This supports having fixed-position tooltip anchors.
+       *
+       * 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.
+       */
+    onMouseOut: _propTypes.default.func,
+    "aria-label": _propTypes.default.string,
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
+    delay: _propTypes.default.any,
+    position: _propTypes.default.any
+  })
 };
 EuiColorPickerSwatch.displayName = 'EuiColorPickerSwatch';

package/test-env/components/color_picker/color_picker_swatch.styles.js

@@ -8,14 +8,21 @@ var _react = require("@emotion/react");
 var _services = require("../../services");
 var _global_styling = require("../../global_styling");
 var _high_contrast = require("../../global_styling/functions/high_contrast");
-/*
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /*
  * 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.
  */
-
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "164u3xw-tooltip",
+  styles: "display:inline-flex;label:tooltip;"
+} : {
+  name: "164u3xw-tooltip",
+  styles: "display:inline-flex;label:tooltip;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 var euiColorPickerSwatchStyles = exports.euiColorPickerSwatchStyles = function euiColorPickerSwatchStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
@@ -25,6 +32,7 @@ var euiColorPickerSwatchStyles = exports.euiColorPickerSwatchStyles = function e
       none: "\n          border: ".concat(euiTheme.border.width.thin, " solid\n            ").concat(euiTheme.colors.borderBaseFormsColorSwatch, ";\n          box-shadow: inset 0 0 0 ").concat(euiTheme.border.width.thin, "\n            ").concat((0, _services.transparentize)(euiTheme.colors.emptyShade, 0.05), ";\n        "),
       preferred: "border: ".concat(euiTheme.border.thin, ";"),
       forced: (0, _high_contrast.preventForcedColors)(euiThemeContext)
-    }), " cursor:pointer;&:disabled{cursor:default;}&:focus{", (0, _global_styling.euiOutline)(euiThemeContext, 'center'), ";};label:euiColorPickerSwatch;")
+    }), " cursor:pointer;&:disabled{cursor:default;}&:focus{", (0, _global_styling.euiOutline)(euiThemeContext, 'center'), ";};label:euiColorPickerSwatch;"),
+    tooltip: _ref
   };
 };

package/test-env/components/header/header.styles.js

@@ -64,5 +64,8 @@ var euiHeaderDarkStyles = function euiHeaderDarkStyles(euiThemeContext) {
     borderColor: euiTheme.components.headerDarkSearchBorderColor,
     placeholderColor: (0, _services.makeHighContrastColor)(controlPlaceholderText, 8)(backgroundColor)
   };
-  return "\n    background-color: ".concat(backgroundColor, ";\n\n    .euiHeaderLogo__text,\n    .euiHeaderLink,\n    .euiHeaderSectionItemButton {\n      color: ").concat(euiTheme.colors.ghost, ";\n    }\n\n    .euiHeaderLink-isActive {\n      color: ").concat((0, _services.makeHighContrastColor)(euiTheme.colors.primary)(backgroundColor), ";\n    }\n\n    .euiHeaderLogo,\n    .euiHeaderLink,\n    .euiHeaderSectionItemButton {\n      &:focus {\n        background-color: ").concat(euiTheme.components.headerDarkSectionItemBackgroundFocus, ";\n      }\n    }\n\n    .euiHeaderSectionItemButton__notification--badge {\n      box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n    }\n\n    .euiHeaderSectionItemButton__notification--dot {\n      stroke: ").concat(backgroundColor, ";\n    }\n\n    .euiSelectableTemplateSitewide .euiFormControlLayout {\n      background-color: transparent;\n\n      input {\n        box-shadow: inset 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(selectableSitewide.borderColor, ";\n      }\n\n      &--group {\n        border-color: ").concat(highContrastMode ? euiTheme.border.color : euiTheme.components.headerDarkSearchBorderColor, ";\n\n        input {\n          box-shadow: none;\n        }\n      }\n\n      &:not(:focus-within) {\n        /* Increase contrast of filled text to be more than placeholder text */\n        color: ").concat(selectableSitewide.color, ";\n\n        input {\n          /* Increase contrast of placeholder text */\n          &::placeholder {\n            color: ").concat(selectableSitewide.placeholderColor, ";\n          }\n\n          /* Inherit color from form control layout */\n          color: inherit;\n          background-color: transparent;\n        }\n\n        .euiFormControlLayout__append,\n        .euiFormControlLayout__prepend {\n          background-color: transparent;\n        }\n\n        .euiFormLabel {\n          color: inherit;\n        }\n      }\n    }\n  ");
+  return "\n    background-color: ".concat(backgroundColor, ";\n\n    .euiHeaderLogo__text,\n    .euiHeaderLink,\n    .euiHeaderSectionItemButton {\n      color: ").concat(euiTheme.colors.ghost, ";\n    }\n\n    .euiHeaderLink-isActive {\n      color: ").concat((0, _services.makeHighContrastColor)(euiTheme.colors.primary)(backgroundColor), ";\n    }\n\n    .euiHeaderLogo,\n    .euiHeaderLink,\n    .euiHeaderSectionItemButton {\n      &:focus {\n        background-color: ").concat(euiTheme.components.headerDarkSectionItemBackgroundFocus, ";\n      }\n    }\n\n    .euiHeaderSectionItemButton__notification--badge {\n      box-shadow: 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(backgroundColor, ";\n    }\n\n    .euiHeaderSectionItemButton__notification--dot {\n      stroke: ").concat(backgroundColor, ";\n    }\n\n    .euiSelectableTemplateSitewide .euiFormControlLayout {\n      background-color: transparent;\n\n      input {\n        box-shadow: inset 0 0 0 ").concat(euiTheme.border.width.thin, " ").concat(selectableSitewide.borderColor, ";\n      }\n\n      &--group {\n        border-color: ").concat(
+  // the header is in a faux dark mode, we can't rely on color
+  // switch tokens as they'd be in the wrong color mode
+  highContrastMode ? euiTheme.colors.plainLight : euiTheme.components.headerDarkSearchBorderColor, ";\n\n        input {\n          box-shadow: none;\n        }\n      }\n\n      &__append {\n        border-color: ").concat(highContrastMode ? euiTheme.colors.plainLight : '', "\n      }\n\n      &:not(:focus-within) {\n        /* Increase contrast of filled text to be more than placeholder text */\n        color: ").concat(selectableSitewide.color, ";\n\n        input {\n          /* Increase contrast of placeholder text */\n          &::placeholder {\n            color: ").concat(selectableSitewide.placeholderColor, ";\n          }\n\n          /* Inherit color from form control layout */\n          color: inherit;\n          background-color: transparent;\n        }\n\n        .euiFormControlLayout__append,\n        .euiFormControlLayout__prepend {\n          background-color: transparent;\n        }\n\n        .euiFormLabel {\n          color: inherit;\n        }\n      }\n    }\n  ");
 };

package/test-env/components/panel/panel.styles.js

@@ -27,7 +27,7 @@ var euiPanelBorderStyles = exports.euiPanelBorderStyles = function euiPanelBorde
    euiTheme.colors.borderBaseFloating is enough then */
   var hasVisibleBorder = hasFloatingBorder && colorMode === 'DARK';
   return (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
-    none: "\n      /* Using a pseudo element for the border instead of floating border only \n      because the transparent border might otherwise be visible with arbitrary \n      full-width/height content in light mode. */\n      &::before {\n        content: '';\n        position: absolute;\n        /* ensure to keep on top of flush content */\n        z-index: 1;\n        inset: 0;\n        border: ".concat(euiTheme.border.width.thin, " solid\n          ").concat((borderColor !== null && borderColor !== void 0 ? borderColor : hasVisibleBorder) ? euiTheme.border.color : euiTheme.colors.borderBaseFloating, ";\n        border-radius: inherit;\n        pointer-events: none;\n      }\n    "),
+    none: "\n      /* Using a pseudo element for the border instead of floating border only \n      because the transparent border might otherwise be visible with arbitrary \n      full-width/height content in light mode. */\n      &::after {\n        content: '';\n        position: absolute;\n        /* ensure to keep on top of flush content */\n        z-index: 0;\n        inset: 0;\n        border: ".concat(euiTheme.border.width.thin, " solid\n          ").concat((borderColor !== null && borderColor !== void 0 ? borderColor : hasVisibleBorder) ? euiTheme.border.color : euiTheme.colors.borderBaseFloating, ";\n        border-radius: inherit;\n        pointer-events: none;\n      }\n    "),
     preferred: "\n      border: ".concat(euiTheme.border.thin, ";\n    ")
   });
 };

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EuiProvider = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
+var _themes = require("../../themes");
 var _services = require("../../services");
 var _warning = require("../../services/theme/warning");
 var _css = require("../../services/emotion/css");
@@ -33,7 +33,7 @@ var EuiProvider = exports.EuiProvider = function EuiProvider(_ref) {
   var _ref$cache = _ref.cache,
     cache = _ref$cache === void 0 ? _css.cache : _ref$cache,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? _euiThemeBorealis.EuiThemeBorealis : _ref$theme,
+    theme = _ref$theme === void 0 ? _themes.EuiThemeAmsterdam : _ref$theme,
     _ref$globalStyles = _ref.globalStyles,
     Globals = _ref$globalStyles === void 0 ? _global_styles.EuiGlobalStyles : _ref$globalStyles,
     _ref$utilityClasses = _ref.utilityClasses,

package/test-env/components/table/table_header_cell.js

@@ -198,6 +198,15 @@ EuiTableHeaderCell.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/toast/toast.styles.js

@@ -22,7 +22,7 @@ var euiToastStyles = exports.euiToastStyles = function euiToastStyles(euiThemeCo
   var euiTheme = euiThemeContext.euiTheme,
     highContrastMode = euiThemeContext.highContrastMode;
   var highlightStyles = function highlightStyles(color, width) {
-    return "\n    &:after {\n      content: '';\n      position: absolute;\n      /* ensure highlight border is on top of panel border */\n      z-index: 1;\n      inset: 0;\n      border-radius: inherit;\n      ".concat((0, _global_styling.logicalCSS)('border-top', "".concat(width, " solid ").concat(color)), "\n      pointer-events: none;\n    }\n  ");
+    return "\n    &:before {\n      content: '';\n      position: absolute;\n      /* ensure highlight border is on top of panel border */\n      z-index: 1;\n      inset: 0;\n      border-radius: inherit;\n      ".concat((0, _global_styling.logicalCSS)('border-top', "".concat(width, " solid ").concat(color)), "\n      pointer-events: none;\n    }\n  ");
   };
   return {
     // Base
@@ -42,11 +42,11 @@ var euiToastStyles = exports.euiToastStyles = function euiToastStyles(euiThemeCo
         }) : euiTheme.border.width.thick;
         return (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
           none: highlightStyles(color, borderWidth),
-          preferred: "\n            ".concat(highlightStyles(color, borderWidth), "\n            \n            &::after {\n              ").concat((0, _global_styling.logicalCSS)('width', "calc(100% + ".concat((0, _euiThemeCommon.mathWithUnits)(euiTheme.border.width.thin, function (x) {
+          preferred: "\n            ".concat(highlightStyles(color, borderWidth), "\n            \n            &::before {\n              ").concat((0, _global_styling.logicalCSS)('width', "calc(100% + ".concat((0, _euiThemeCommon.mathWithUnits)(euiTheme.border.width.thin, function (x) {
             return x * 2;
           }), ")")), "\n              ").concat((0, _global_styling.logicalCSS)('margin-top', "-".concat(euiTheme.border.width.thin)), "\n              ").concat((0, _global_styling.logicalCSS)('margin-left', "-".concat(euiTheme.border.width.thin)), "\n            }\n          "),
           // Windows high contrast mode ignores/overrides border colors, which have semantic meaning here. To get around this, we'll use a pseudo element that ignores forced colors
-          forced: "\n            overflow: hidden;\n\n            &::after {\n              content: '';\n              position: absolute;\n              ".concat((0, _global_styling.logicalCSS)('top', 0), "\n              ").concat((0, _global_styling.logicalCSS)('horizontal', 0), "\n              ").concat((0, _global_styling.logicalCSS)('height', borderWidth), "\n              background-color: ").concat(color, ";\n              ").concat((0, _high_contrast.preventForcedColors)(euiThemeContext), "\n              pointer-events: none;\n            }\n          ")
+          forced: "\n            overflow: hidden;\n\n            &::before {\n              content: '';\n              position: absolute;\n              ".concat((0, _global_styling.logicalCSS)('top', 0), "\n              ").concat((0, _global_styling.logicalCSS)('horizontal', 0), "\n              ").concat((0, _global_styling.logicalCSS)('height', borderWidth), "\n              background-color: ").concat(color, ";\n              ").concat((0, _high_contrast.preventForcedColors)(euiThemeContext), "\n              pointer-events: none;\n            }\n          ")
         });
       },
       get primary() {

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

@@ -86,6 +86,15 @@ EuiIconTip.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.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/test-env/services/color/vis_color_store.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EUI_VIS_COLOR_STORE = void 0;
 var _euiThemeCommon = require("@elastic/eui-theme-common");
-var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
+var _colors_vis = require("../../themes/amsterdam/global_styling/variables/_colors_vis");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -15,4 +15,4 @@ var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
  */
 
 // initialsetup of Vis color storage with default colors
-var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_euiThemeBorealis.colorVis, true);
+var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_colors_vis.colorVis, true);

package/test-env/services/theme/context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultComputedTheme = exports.EuiThemeContext = exports.EuiSystemContext = exports.EuiNestedThemeContext = exports.EuiModificationsContext = exports.EuiHighContrastModeContext = exports.EuiColorModeContext = exports.DEFAULTS = void 0;
 var _react = require("react");
-var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
+var _theme = require("../../themes/amsterdam/theme");
 var _utils = require("./utils");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -16,7 +16,7 @@ var _utils = require("./utils");
  */
 
 var DEFAULTS = exports.DEFAULTS = {
-  system: _euiThemeBorealis.EuiThemeBorealis,
+  system: _theme.EuiThemeAmsterdam,
   modifications: {},
   colorMode: _utils.DEFAULT_COLOR_MODE,
   highContrastMode: false

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