@elastic/eui 107.0.0 → 108.0.0

package/optimize/lib/components/key_pad_menu/key_pad_menu_item.styles.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.euiKeyPadMenuItemStyles = exports.euiKeyPadMenuItemChildStyles = void 0;
 var _react = require("@emotion/react");
-var _euiThemeCommon = require("@elastic/eui-theme-common");
 var _global_styling = require("../../global_styling");
 var _high_contrast = require("../../global_styling/functions/high_contrast");
 var _accessibility = require("../accessibility");
@@ -19,29 +18,26 @@ var _key_pad_menu = require("./key_pad_menu.styles");
  */
 
 var euiKeyPadMenuItemStyles = exports.euiKeyPadMenuItemStyles = function euiKeyPadMenuItemStyles(euiThemeContext) {
-  var _euiTheme$flags;
   var euiTheme = euiThemeContext.euiTheme;
   var _euiKeyPadMenuVariabl = (0, _key_pad_menu.euiKeyPadMenuVariables)(euiThemeContext),
     euiKeyPadMenuSize = _euiKeyPadMenuVariabl.euiKeyPadMenuSize;
-  var hasVisColorAdjustment = (_euiTheme$flags = euiTheme.flags) === null || _euiTheme$flags === void 0 ? void 0 : _euiTheme$flags.hasVisColorAdjustment;
-  var focusTransformStyles = "\n    ".concat((0, _euiThemeCommon.euiShadow)(euiThemeContext, 's'), ";\n\n    ").concat(_global_styling.euiCanAnimate, " {\n      .euiKeyPadMenuItem__icon {\n        transform: translateY(0);\n      }\n    }\n  ");
   return {
     euiKeyPadMenuItem: /*#__PURE__*/(0, _react.css)("display:block;padding:", euiTheme.size.xs, ";", (0, _global_styling.logicalSizeCSS)(euiKeyPadMenuSize), " border-radius:", euiTheme.border.radius.medium, ";color:", euiTheme.colors.textParagraph, ";", _global_styling.euiCanAnimate, "{transition:background-color ", euiTheme.animation.fast, " ease-in,box-shadow ", euiTheme.animation.fast, " ease-in;};label:euiKeyPadMenuItem;"),
-    enabled: /*#__PURE__*/(0, _react.css)("&:is(:hover, :focus, :focus-within){cursor:pointer;text-decoration:underline;", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
+    enabled: /*#__PURE__*/(0, _react.css)("&:is(:hover, :focus, :focus-within){cursor:pointer;text-decoration:underline;background-color:", euiTheme.colors.backgroundBaseInteractiveHover, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
       // Use `outline` instead of border to avoid affecting absolutely positioned children
       preferred: "\n            outline: ".concat(euiTheme.border.width.thin, " solid ").concat(euiTheme.colors.primary, ";\n          ")
-    }), " ", hasVisColorAdjustment ? focusTransformStyles : "background-color: ".concat(euiTheme.colors.backgroundBaseInteractiveHover), ";}&:focus{box-shadow:none;background-color:", hasVisColorAdjustment ? euiTheme.focus.backgroundColor : euiTheme.colors.backgroundBaseInteractiveHover, ";};label:enabled;"),
-    selected: /*#__PURE__*/(0, _react.css)("color:", euiTheme.colors.textHeading, ";background-color:", hasVisColorAdjustment ? euiTheme.focus.backgroundColor : '', ";&:is(*, :hover, :focus, :focus-within){color:", euiTheme.colors.textPrimary, ";background-color:", !hasVisColorAdjustment ? euiTheme.colors.backgroundBaseInteractiveSelect : '', ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
+    }), ";}&:focus{box-shadow:none;background-color:", euiTheme.colors.backgroundBaseInteractiveHover, ";};label:enabled;"),
+    selected: /*#__PURE__*/(0, _react.css)("color:", euiTheme.colors.textHeading, ";&:is(*, :hover, :focus, :focus-within){color:", euiTheme.colors.textPrimary, ";background-color:", euiTheme.colors.backgroundBaseInteractiveSelect, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
       // Skip checkable items (which render a <label> instead of <button>/<a>),
       // as they already have sufficient indication of state (checkbox or radio)
       preferred: "\n            &:not(label) {\n              outline: ".concat(euiTheme.border.width.thick, " solid ").concat(euiTheme.colors.primary, ";\n              outline-offset: 0;\n            }\n          ")
     }), ";};label:selected;"),
     disabled: {
       disabled: /*#__PURE__*/(0, _react.css)("cursor:not-allowed;color:", euiTheme.colors.textDisabled, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
-        none: "\n            .euiKeyPadMenuItem__icon {\n              filter: ".concat(hasVisColorAdjustment ? 'grayscale(100%)' : '', ";\n\n              svg * {\n                fill: ").concat(euiTheme.colors.textDisabled, ";\n              }\n            }\n          "),
+        none: "\n            .euiKeyPadMenuItem__icon {\n              svg * {\n                fill: ".concat(euiTheme.colors.textDisabled, ";\n              }\n            }\n          "),
         forced: 'opacity: 0.5;'
       }), ";;label:disabled;"),
-      selected: /*#__PURE__*/(0, _react.css)("background-color:", hasVisColorAdjustment ? euiTheme.components.keyPadMenuItemBackgroundDisabledSelect : euiTheme.colors.backgroundBaseDisabled, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
+      selected: /*#__PURE__*/(0, _react.css)("background-color:", euiTheme.colors.backgroundBaseDisabled, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
         preferred: "\n            &:not(label) {\n              outline: ".concat(euiTheme.border.width.thick, " solid ").concat(euiTheme.colors.textDisabled, ";\n            }\n          ")
       }), ";;label:selected;")
     }

package/optimize/lib/components/markdown_editor/markdown_editor_drop_zone.styles.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.euiMarkdownEditorDropZoneStyles = void 0;
 var _react = require("@emotion/react");
-var _services = require("../../services");
 var _global_styling = require("../../global_styling");
 var _markdown_editor = require("./markdown_editor.styles");
 var _form = require("../form/form.styles");
@@ -26,14 +25,13 @@ var _ref = process.env.NODE_ENV === "production" ? {
 };
 var euiMarkdownEditorDropZoneStyles = exports.euiMarkdownEditorDropZoneStyles = function euiMarkdownEditorDropZoneStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'formVariant');
   var _euiMarkdownEditorVar = (0, _markdown_editor.euiMarkdownEditorVariables)(euiThemeContext),
     minHeight = _euiMarkdownEditorVar.minHeight;
   return {
     euiMarkdownEditorDropZone: /*#__PURE__*/(0, _react.css)("position:relative;display:flex;flex-direction:column;", (0, _global_styling.logicalCSS)('min-height', minHeight), ";;label:euiMarkdownEditorDropZone;"),
-    isDragging: /*#__PURE__*/(0, _react.css)(".euiMarkdownEditorFooter,.euiMarkdownEditorTextArea{background-color:", isRefreshVariant ? euiTheme.colors.backgroundBasePrimary : euiTheme.colors.backgroundTransparentPrimary, "!important;};label:isDragging;"),
-    isDraggingError: /*#__PURE__*/(0, _react.css)(".euiMarkdownEditorFooter,.euiMarkdownEditorTextArea{background-color:", isRefreshVariant ? euiTheme.colors.backgroundBaseDanger : euiTheme.colors.backgroundTransparentDanger, "!important;};label:isDraggingError;"),
-    hasError: /*#__PURE__*/(0, _react.css)(".euiMarkdownEditorTextArea{--euiFormControlStateColor:", euiTheme.colors.danger, ";background-size:100% 100%;", isRefreshVariant && (0, _form.euiFormControlInvalidStyles)(euiThemeContext), ";};label:hasError;"),
+    isDragging: /*#__PURE__*/(0, _react.css)(".euiMarkdownEditorFooter,.euiMarkdownEditorTextArea{background-color:", euiTheme.colors.backgroundBasePrimary, "!important;};label:isDragging;"),
+    isDraggingError: /*#__PURE__*/(0, _react.css)(".euiMarkdownEditorFooter,.euiMarkdownEditorTextArea{background-color:", euiTheme.colors.backgroundBaseDanger, "!important;};label:isDraggingError;"),
+    hasError: /*#__PURE__*/(0, _react.css)(".euiMarkdownEditorTextArea{--euiFormControlStateColor:", euiTheme.colors.danger, ";background-size:100% 100%;", (0, _form.euiFormControlInvalidStyles)(euiThemeContext), ";};label:hasError;"),
     euiMarkdownEditorDropZone__input: _ref
   };
 };

package/optimize/lib/components/modal/modal.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,7 +9,7 @@ exports.EuiModal = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _services = require("../../services");
 var _utils = require("../../utils");
@@ -19,7 +20,7 @@ var _i18n = require("../i18n");
 var _modal = require("./modal.styles");
 var _accessibility = require("../accessibility");
 var _react2 = require("@emotion/react");
-var _excluded = ["className", "children", "initialFocus", "onClose", "maxWidth", "role", "style", "focusTrapProps", "aria-describedby"];
+var _excluded = ["className", "children", "initialFocus", "onClose", "maxWidth", "role", "style", "focusTrapProps", "outsideClickCloses", "aria-describedby"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -27,6 +28,8 @@ var _excluded = ["className", "children", "initialFocus", "onClose", "maxWidth",
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+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 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 EuiModal = exports.EuiModal = function EuiModal(_ref) {
@@ -40,6 +43,8 @@ var EuiModal = exports.EuiModal = function EuiModal(_ref) {
     role = _ref$role === void 0 ? 'dialog' : _ref$role,
     style = _ref.style,
     focusTrapProps = _ref.focusTrapProps,
+    _ref$outsideClickClos = _ref.outsideClickCloses,
+    outsideClickCloses = _ref$outsideClickClos === void 0 ? false : _ref$outsideClickClos,
     _ariaDescribedBy = _ref['aria-describedby'],
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var onKeyDown = function onKeyDown(event) {
@@ -51,6 +56,14 @@ var EuiModal = exports.EuiModal = function EuiModal(_ref) {
       }
     }
   };
+  var maskRef = (0, _react.useRef)(null);
+  var onClickOutside = (0, _react.useCallback)(function (event) {
+    // The overlay mask is always present
+    if (outsideClickCloses === true && event.target === maskRef.current) {
+      onClose(event);
+    }
+    return undefined;
+  }, [onClose, outsideClickCloses]);
   var newStyle = style;
   if (typeof maxWidth !== 'boolean') {
     newStyle = _objectSpread(_objectSpread({}, newStyle), {}, {
@@ -70,10 +83,13 @@ var EuiModal = exports.EuiModal = function EuiModal(_ref) {
     token: "euiModal.screenReaderModalDialog",
     default: "You are in a modal dialog. Press Escape or tap/click outside the dialog on the shadowed overlay to close."
   })));
-  return (0, _react2.jsx)(_overlay_mask.EuiOverlayMask, null, (0, _react2.jsx)(_focus_trap.EuiFocusTrap, (0, _extends2.default)({}, focusTrapProps, {
+  return (0, _react2.jsx)(_overlay_mask.EuiOverlayMask, {
+    maskRef: maskRef
+  }, (0, _react2.jsx)(_focus_trap.EuiFocusTrap, (0, _extends2.default)({}, focusTrapProps, {
     initialFocus: initialFocus,
     scrollLock: true,
-    preventScrollOnFocus: true
+    preventScrollOnFocus: true,
+    onClickOutside: onClickOutside
   }), (0, _react2.jsx)("div", (0, _extends2.default)({
     css: cssStyles,
     className: classes,

package/optimize/lib/components/panel/panel.styles.js

@@ -16,19 +16,12 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * Side Public License, v 1.
  */
 var euiPanelBorderStyles = exports.euiPanelBorderStyles = function euiPanelBorderStyles(euiThemeContext, options) {
-  var euiTheme = euiThemeContext.euiTheme,
-    colorMode = euiThemeContext.colorMode;
+  var euiTheme = euiThemeContext.euiTheme;
   var _ref3 = options !== null && options !== void 0 ? options : {},
-    borderColor = _ref3.borderColor,
-    _ref3$hasFloatingBord = _ref3.hasFloatingBorder,
-    hasFloatingBorder = _ref3$hasFloatingBord === void 0 ? true : _ref3$hasFloatingBord;
-
-  /* TODO: remove `hasFloatingBorder` and `hasVisibleBorder` and once Amsterdam is removed
-   euiTheme.colors.borderBaseFloating is enough then */
-  var hasVisibleBorder = hasFloatingBorder && colorMode === 'DARK';
+    borderColor = _ref3.borderColor;
   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      ".concat((0, _euiThemeCommon.euiBorderStyles)(euiThemeContext, {
-      borderColor: (borderColor !== null && borderColor !== void 0 ? borderColor : hasVisibleBorder) ? euiTheme.border.color : euiTheme.colors.borderBaseFloating
+      borderColor: borderColor !== null && borderColor !== void 0 ? borderColor : euiTheme.colors.borderBaseFloating
     }), "\n    "),
     preferred: "\n      border: ".concat(euiTheme.border.thin, ";\n    ")
   });
@@ -57,8 +50,7 @@ var euiPanelStyles = exports.euiPanelStyles = function euiPanelStyles(euiThemeCo
     grow: _ref,
     hasShadow: /*#__PURE__*/(0, _react.css)((0, _euiThemeCommon.euiShadow)(euiThemeContext, 'm'), ";;label:hasShadow;"),
     hasBorder: /*#__PURE__*/(0, _react.css)(euiPanelBorderStyles(euiThemeContext, {
-      borderColor: euiTheme.border.color,
-      hasFloatingBorder: false
+      borderColor: euiTheme.border.color
     }), ";;label:hasBorder;"),
     radius: {
       none: /*#__PURE__*/(0, _react.css)(";label:none;"),

package/optimize/lib/components/resizable_container/resizable_collapse_button.js

@@ -36,7 +36,6 @@ var EuiResizableCollapseButton = exports.EuiResizableCollapseButton = function E
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var isHorizontal = direction === 'horizontal';
   var showOnFocus = !isCollapsed && !isVisible;
-  var isRefreshVariant = (0, _services.useEuiThemeRefreshVariant)('buttonVariant');
   var styles = (0, _services.useEuiMemoizedStyles)(_resizable_collapse_button.euiResizableCollapseButtonStyles);
   var collapsedStyles = [styles.collapsed.collapsed, styles.collapsed[direction], styles.collapsed["".concat(direction, "Positions")][internalPosition]];
   var collapsibleStyles = [styles.collapsible.collapsible, styles.collapsible[direction][externalPosition], styles.collapsible[direction][internalPosition]];
@@ -55,7 +54,7 @@ var EuiResizableCollapseButton = exports.EuiResizableCollapseButton = function E
   }
   var classes = (0, _classnames.default)('euiResizableCollapseButton', className);
   return (0, _react2.jsx)(_button.EuiButtonIcon, (0, _extends2.default)({
-    display: isRefreshVariant ? 'empty' : isCollapsed ? 'empty' : 'base',
+    display: "empty",
     color: "text",
     className: classes,
     css: cssStyles

package/optimize/lib/components/selectable/selectable_templates/selectable_template_sitewide.js

@@ -56,7 +56,6 @@ var EuiSelectableTemplateSitewide = exports.EuiSelectableTemplateSitewide = func
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useEuiTheme = (0, _services.useEuiTheme)(),
     colorMode = _useEuiTheme.colorMode;
-  var isRefreshVariant = (0, _services.useEuiThemeRefreshVariant)('formVariant');
   var _useContext = (0, _react.useContext)(_services.EuiNestedThemeContext),
     hasDifferentColorFromGlobalTheme = _useContext.hasDifferentColorFromGlobalTheme;
   var _searchColorMode = colorModes === null || colorModes === void 0 || (_colorModes$search = colorModes.search) === null || _colorModes$search === void 0 ? void 0 : _colorModes$search.toLowerCase();
@@ -225,7 +224,7 @@ var EuiSelectableTemplateSitewide = exports.EuiSelectableTemplateSitewide = func
   }, rest, {
     searchable: true
   }), function (list, search) {
-    var _search = isRefreshVariant && !popoverTrigger ? (0, _react2.jsx)(_services.EuiThemeProvider, {
+    var _search = !popoverTrigger ? (0, _react2.jsx)(_services.EuiThemeProvider, {
       colorMode: searchColorMode
     }, search) : search;
 
@@ -241,11 +240,11 @@ var EuiSelectableTemplateSitewide = exports.EuiSelectableTemplateSitewide = func
       panelRef: setPanelRef,
       closePopover: closePopover
     }, popoverRest));
-    return isRefreshVariant ? (0, _react2.jsx)(_services.EuiThemeProvider, {
+    return (0, _react2.jsx)(_services.EuiThemeProvider, {
       wrapperProps: {
         cloneElement: true
       },
       colorMode: popoverColorMode
-    }, popover) : popover;
+    }, popover);
   });
 };

package/optimize/lib/components/table/table_row.styles.js

@@ -53,7 +53,7 @@ var euiTableRowStyles = exports.euiTableRowStyles = function euiTableRowStyles(e
        * Right column styles + border
        * Used for cell actions and row expander arrow
        */
-      hasRightColumn: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-right', mobileSizes.actions.width), " &::after{content:'';position:absolute;", (0, _global_styling.logicalCSS)('vertical', 0), " ", (0, _global_styling.logicalCSS)('right', mobileSizes.actions.width), " ", (0, _global_styling.logicalCSS)('border-right', euiTheme.border.thin), ";};label:hasRightColumn;"),
+      hasRightColumn: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-right', mobileSizes.actions.width), " &::before{content:'';position:absolute;", (0, _global_styling.logicalCSS)('vertical', 0), " ", (0, _global_styling.logicalCSS)('right', mobileSizes.actions.width), " ", (0, _global_styling.logicalCSS)('border-right', euiTheme.border.thin), ";};label:hasRightColumn;"),
       /**
        * Bottom of card - expanded rows
        */
@@ -61,8 +61,8 @@ var euiTableRowStyles = exports.euiTableRowStyles = function euiTableRowStyles(e
       // On mobile, visually move the expanded row to join up with the
       // preceding table row via negative margins
       'margin-top', (0, _global_styling.mathWithUnits)([cellContentPadding, euiTheme.border.width.thin], function (x, y) {
-        return (x + y) * -1;
-      })), (0, _global_styling.logicalCSS)('padding-left', cellContentPadding), " ", (0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), " ", (0, _global_styling.logicalCSS)('border-top-left-radius', 0), " ", (0, _global_styling.logicalCSS)('border-top-right-radius', 0), ">.euiTableRowCell{", (0, _global_styling.logicalCSS)('width', '100%'), ";}", expandedAnimationCss, ";;label:expanded;")
+        return (x + y * 2) * -1;
+      })), (0, _global_styling.logicalCSS)('padding-left', cellContentPadding), " ", (0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), " ", (0, _global_styling.logicalCSS)('border-top-left-radius', 0), " ", (0, _global_styling.logicalCSS)('border-top-right-radius', 0), " &:after{", (0, _global_styling.logicalCSS)('border-top', 'none'), ";}clip-path:polygon(-50% 0, 150% 0, 150% 100vh, -50% 100vh);>.euiTableRowCell{", (0, _global_styling.logicalCSS)('width', '100%'), ";}", expandedAnimationCss, ";;label:expanded;")
     }
   };
 };

package/optimize/lib/components/toast/toast.styles.js

@@ -28,9 +28,7 @@ var euiToastStyles = exports.euiToastStyles = function euiToastStyles(euiThemeCo
     // Base
     euiToast: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.medium, ";", (0, _euiThemeCommon.euiShadowLarge)(euiThemeContext, {
       borderAllInHighContrastMode: true
-    }), " position:relative;", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.base), " ", (0, _global_styling.logicalCSS)('padding-vertical', euiTheme.size.base), " background-color:", euiTheme.colors.emptyShade, ";", (0, _global_styling.logicalCSS)('width', '100%'), " ", (0, _global_styling.euiTextBreakWord)(), (0, _panel.euiPanelBorderStyles)(euiThemeContext, {
-      hasFloatingBorder: false
-    }), " &:hover,&:focus{[class*='euiToast__closeButton']{opacity:1;}};label:euiToast;"),
+    }), " position:relative;", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.base), " ", (0, _global_styling.logicalCSS)('padding-vertical', euiTheme.size.base), " background-color:", euiTheme.colors.emptyShade, ";", (0, _global_styling.logicalCSS)('width', '100%'), " ", (0, _global_styling.euiTextBreakWord)(), (0, _panel.euiPanelBorderStyles)(euiThemeContext), " &:hover,&:focus{[class*='euiToast__closeButton']{opacity:1;}};label:euiToast;"),
     // Elements
     euiToast__closeButton: /*#__PURE__*/(0, _react.css)("position:absolute;", (0, _global_styling.logicalCSS)('top', euiTheme.size.base), " ", (0, _global_styling.logicalCSS)('right', euiTheme.size.base), ";;label:euiToast__closeButton;"),
     // Variants

package/optimize/lib/components/token/token.js

@@ -58,12 +58,10 @@ var EuiToken = exports.EuiToken = function EuiToken(_ref) {
     finalSize = 'm';
   }
   var euiTheme = (0, _services.useEuiTheme)();
-  var hasVisColorAdjustment = euiTheme.euiTheme.flags.hasVisColorAdjustment;
-  var TOKEN_MAP = hasVisColorAdjustment ? _token_map.TOKEN_MAP_AMSTERDAM : _token_map.TOKEN_MAP_BOREALIS;
 
   // If the iconType passed is one of the prefab token types,
   // grab its properties
-  var tokenDefaults = typeof iconType === 'string' && iconType in TOKEN_MAP ? TOKEN_MAP[iconType] : {};
+  var tokenDefaults = typeof iconType === 'string' && iconType in _token_map.TOKEN_MAP ? _token_map.TOKEN_MAP[iconType] : {};
   var finalColor = color || tokenDefaults.color || 'gray';
   var finalShape = shape || tokenDefaults.shape || 'circle';
   var finalFill = fill || 'light';

package/optimize/lib/components/token/token.styles.js

@@ -23,7 +23,6 @@ var getTokenColor = function getTokenColor(euiThemeContext, fill, color) {
   var euiTheme = euiThemeContext.euiTheme,
     colorMode = euiThemeContext.colorMode,
     highContrastMode = euiThemeContext.highContrastMode;
-  var hasVisColorAdjustment = euiTheme.flags.hasVisColorAdjustment;
   // use inside function as they are not returning constants,
   // but internally depend on EUI_VIS_COLOR_STORE to update per theme
   var visColors = (0, _services.euiPaletteColorBlind)();
@@ -38,7 +37,7 @@ var getTokenColor = function getTokenColor(euiThemeContext, fill, color) {
     var iconColorToken = _token_map.TOKEN_COLOR_TO_ICON_COLOR_MAP[iconColorKey];
     return euiTheme.colors.vis[iconColorToken];
   };
-  var lightColor = hasVisColorAdjustment ? (0, _services.makeHighContrastColor)(iconColor)(backgroundLightColor) : isVizColor ? (0, _services.shade)(getIconVisColor(euiTheme, color), 0.3) : iconColor;
+  var lightColor = isVizColor ? (0, _services.shade)(getIconVisColor(euiTheme, color), 0.3) : iconColor;
   var boxShadowColor = highContrastMode ? iconColor : isDarkMode ? (0, _services.shade)(iconColor, 0.6) : (0, _services.tint)(iconColor, 0.2);
   var darkColor = _services.isColorDark.apply(void 0, (0, _toConsumableArray2.default)((0, _chromaJs.default)(backgroundDarkColor).rgb())) ? euiTheme.colors.ghost : euiTheme.colors.ink;
   switch (fill) {

package/optimize/lib/components/token/token_map.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_AMSTERDAM = exports.TOKEN_COLOR_TO_ICON_COLOR_MAP = void 0;
+exports.TOKEN_MAP = exports.TOKEN_COLOR_TO_ICON_COLOR_MAP = void 0;
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -18,237 +18,7 @@ exports.TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_AMSTERDAM = exports.TOKEN_COLOR_T
  * circle shape for more uncommon token types so they grab attention.
  */
 
-var TOKEN_MAP_AMSTERDAM = exports.TOKEN_MAP_AMSTERDAM = {
-  tokenAlias: {
-    shape: 'circle',
-    color: 'euiColorVis3'
-  },
-  tokenAnnotation: {
-    shape: 'square',
-    color: 'euiColorVis5'
-  },
-  tokenArray: {
-    shape: 'square',
-    color: 'euiColorVis7'
-  },
-  tokenBinary: {
-    shape: 'square',
-    color: 'euiColorVis4'
-  },
-  tokenBoolean: {
-    shape: 'square',
-    color: 'euiColorVis7'
-  },
-  tokenClass: {
-    shape: 'circle',
-    color: 'euiColorVis1'
-  },
-  tokenCompletionSuggester: {
-    shape: 'square',
-    color: 'euiColorVis1'
-  },
-  tokenConstant: {
-    shape: 'circle',
-    color: 'euiColorVis0'
-  },
-  tokenDate: {
-    shape: 'square',
-    color: 'euiColorVis6'
-  },
-  tokenDimension: {
-    shape: 'square',
-    color: 'euiColorVis1'
-  },
-  tokenElement: {
-    shape: 'square',
-    color: 'euiColorVis3'
-  },
-  tokenEnum: {
-    shape: 'circle',
-    color: 'euiColorVis3'
-  },
-  tokenEnumMember: {
-    shape: 'square',
-    color: 'euiColorVis7'
-  },
-  tokenEvent: {
-    shape: 'circle',
-    color: 'euiColorVis4'
-  },
-  tokenException: {
-    shape: 'circle',
-    color: 'euiColorVis0'
-  },
-  tokenField: {
-    shape: 'circle',
-    color: 'euiColorVis0'
-  },
-  tokenFile: {
-    shape: 'square',
-    color: 'euiColorVis2'
-  },
-  tokenFlattened: {
-    shape: 'square',
-    color: 'euiColorVis7'
-  },
-  tokenFunction: {
-    shape: 'circle',
-    color: 'euiColorVis2'
-  },
-  tokenGeo: {
-    shape: 'square',
-    color: 'euiColorVis5'
-  },
-  tokenHistogram: {
-    shape: 'square',
-    color: 'euiColorVis6'
-  },
-  tokenInterface: {
-    shape: 'circle',
-    color: 'euiColorVis9'
-  },
-  tokenIP: {
-    shape: 'square',
-    color: 'euiColorVis9'
-  },
-  tokenJoin: {
-    shape: 'square',
-    color: 'euiColorVis5'
-  },
-  tokenKey: {
-    shape: 'circle',
-    color: 'euiColorVis5'
-  },
-  tokenKeyword: {
-    shape: 'square',
-    color: 'euiColorVis1'
-  },
-  tokenMethod: {
-    shape: 'square',
-    color: 'euiColorVis2'
-  },
-  tokenMetricCounter: {
-    shape: 'square',
-    color: 'euiColorVis0'
-  },
-  tokenMetricGauge: {
-    shape: 'square',
-    color: 'euiColorVis0'
-  },
-  tokenModule: {
-    shape: 'square',
-    color: 'euiColorVis4'
-  },
-  tokenNamespace: {
-    shape: 'square',
-    color: 'euiColorVis1'
-  },
-  tokenNested: {
-    shape: 'circle',
-    color: 'euiColorVis2'
-  },
-  tokenNull: {
-    shape: 'square',
-    color: 'euiColorVis2'
-  },
-  tokenNumber: {
-    shape: 'square',
-    color: 'euiColorVis0'
-  },
-  tokenObject: {
-    shape: 'circle',
-    color: 'euiColorVis3'
-  },
-  tokenOperator: {
-    shape: 'circle',
-    color: 'euiColorVis4'
-  },
-  tokenPackage: {
-    shape: 'square',
-    color: 'euiColorVis0'
-  },
-  tokenParameter: {
-    shape: 'square',
-    color: 'euiColorVis4'
-  },
-  tokenPercolator: {
-    shape: 'square',
-    color: 'euiColorVis6'
-  },
-  tokenProperty: {
-    shape: 'circle',
-    color: 'euiColorVis2'
-  },
-  tokenRange: {
-    shape: 'circle',
-    color: 'euiColorVis4'
-  },
-  tokenRankFeature: {
-    shape: 'square',
-    color: 'euiColorVis8'
-  },
-  tokenRankFeatures: {
-    shape: 'square',
-    color: 'euiColorVis3'
-  },
-  tokenRepo: {
-    shape: 'square',
-    color: 'euiColorVis1'
-  },
-  tokenSearchType: {
-    shape: 'square',
-    color: 'euiColorVis5'
-  },
-  tokenSemanticText: {
-    shape: 'square',
-    color: 'euiColorVis0'
-  },
-  tokenShape: {
-    shape: 'circle',
-    color: 'euiColorVis8'
-  },
-  tokenString: {
-    shape: 'square',
-    color: 'euiColorVis1'
-  },
-  tokenStruct: {
-    shape: 'square',
-    color: 'euiColorVis0'
-  },
-  tokenSymbol: {
-    shape: 'square',
-    color: 'euiColorVis0'
-  },
-  tokenTag: {
-    shape: 'square',
-    color: 'euiColorVis9'
-  },
-  tokenText: {
-    shape: 'square',
-    color: 'euiColorVis3'
-  },
-  tokenTokenCount: {
-    shape: 'square',
-    color: 'euiColorVis4'
-  },
-  tokenVariable: {
-    shape: 'circle',
-    color: 'euiColorVis7'
-  },
-  tokenVectorDense: {
-    shape: 'square',
-    color: 'euiColorVis5'
-  },
-  tokenDenseVector: {
-    shape: 'square',
-    color: 'euiColorVis5'
-  },
-  tokenVectorSparse: {
-    shape: 'square',
-    color: 'euiColorVis1'
-  }
-};
-var TOKEN_MAP_BOREALIS = exports.TOKEN_MAP_BOREALIS = {
+var TOKEN_MAP = exports.TOKEN_MAP = {
   tokenAlias: {
     shape: 'square',
     color: 'euiColorVis0'