@elastic/eui 107.0.1 → 108.0.0

package/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'

package/lib/global_styling/mixins/_button.js

@@ -8,9 +8,7 @@ var _react = require("@emotion/react");
 var _euiThemeCommon = require("@elastic/eui-theme-common");
 var _services = require("../../services");
 var _functions = require("../functions");
-var _templateObject;
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -127,7 +125,6 @@ var useEuiButtonColorCSS = exports.useEuiButtonColorCSS = function useEuiButtonC
 };
 var euiButtonDisplaysColors = function euiButtonDisplaysColors(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'buttonVariant');
   var COLORS = [].concat(_toConsumableArray(EXTENDED_BUTTON_COLORS), ['disabled']);
   var displaysColorsMap = {};
   BUTTON_DISPLAYS.forEach(function (display) {
@@ -138,23 +135,19 @@ var euiButtonDisplaysColors = function euiButtonDisplaysColors(euiThemeContext)
           {
             var buttonColors = getButtonVariantTokenValues(euiThemeContext, color, 'base');
             var borderStyle = color === 'text' && "\n              border: ".concat(euiTheme.border.width.thin, " solid ").concat(euiTheme.colors.borderBasePlain, ";\n            ");
-            var refreshVariantStyles = isRefreshVariant && "\n            ".concat(_interactionStyles(euiThemeContext, buttonColors, 'overlay'), "\n            ").concat(borderStyle, "\n          ");
-            displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)(euiButtonColor(euiThemeContext, color), " ", refreshVariantStyles, ";;label:displaysColorsMap-display-color;");
+            displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)(euiButtonColor(euiThemeContext, color), " ", _interactionStyles(euiThemeContext, buttonColors, 'overlay'), " ", borderStyle, ";;label:displaysColorsMap-display-color;");
             break;
           }
         case 'fill':
           {
             var _buttonColors = getButtonVariantTokenValues(euiThemeContext, color, 'filled');
-            var _refreshVariantStyles = isRefreshVariant && _interactionStyles(euiThemeContext, _buttonColors);
-            displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)(euiButtonFillColor(euiThemeContext, color), "outline-color:", euiThemeContext.colorMode === 'DARK' && color === 'text' ? 'currentColor' : euiThemeContext.euiTheme.colors.fullShade, ";", _refreshVariantStyles, ";;label:displaysColorsMap-display-color;");
+            displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)(euiButtonFillColor(euiThemeContext, color), "outline-color:", euiThemeContext.colorMode === 'DARK' && color === 'text' ? 'currentColor' : euiThemeContext.euiTheme.colors.fullShade, ";", _interactionStyles(euiThemeContext, _buttonColors), ";;label:displaysColorsMap-display-color;");
             break;
           }
         case 'empty':
           {
             var _buttonColors2 = getButtonVariantTokenValues(euiThemeContext, color, 'empty');
-            var classicVariantStyles = !isRefreshVariant && "\n              &:focus,\n              &:active {\n                background-color: ".concat(euiButtonEmptyColor(euiThemeContext, color).backgroundColor, ";\n              }\n            ");
-            var _refreshVariantStyles2 = isRefreshVariant && _interactionStyles(euiThemeContext, _buttonColors2, 'overlay');
-            displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)("color:", euiButtonEmptyColor(euiThemeContext, color).color, ";", classicVariantStyles, " ", _refreshVariantStyles2, ";;label:displaysColorsMap-display-color;");
+            displaysColorsMap[display][color] = /*#__PURE__*/(0, _react.css)("color:", euiButtonEmptyColor(euiThemeContext, color).color, ";", _interactionStyles(euiThemeContext, _buttonColors2, 'overlay'), ";;label:displaysColorsMap-display-color;");
             break;
           }
       }
@@ -174,11 +167,11 @@ var euiButtonDisplaysColors = function euiButtonDisplaysColors(euiThemeContext)
 var useEuiButtonFocusCSS = exports.useEuiButtonFocusCSS = function useEuiButtonFocusCSS() {
   return (0, _services.useEuiMemoizedStyles)(euiButtonFocusCSS);
 };
-var euiButtonFocusAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  50% {\n    transform: translateY(1px);\n  }\n"])));
-var euiButtonFocusCSS = function euiButtonFocusCSS(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'buttonVariant');
-  var focusCSS = isRefreshVariant ? /*#__PURE__*/(0, _react.css)(";label:focusCSS;") : /*#__PURE__*/(0, _react.css)(_euiThemeCommon.euiCanAnimate, "{transition:transform ", euiTheme.animation.normal, " ease-in-out,background-color ", euiTheme.animation.normal, " ease-in-out;&:hover:not(:disabled){transform:translateY(-1px);}&:focus{animation:", euiButtonFocusAnimation, " ", euiTheme.animation.normal, " ", euiTheme.animation.bounce, ";}&:active:not(:disabled){transform:translateY(1px);}};label:focusCSS;");
+
+// NOTE: keeping this as placeholder for now in case we need custom button focus styles for https://github.com/elastic/eui-private/issues/267
+var euiButtonFocusCSS = function euiButtonFocusCSS(_euiThemeContext) {
+  var focusCSS = /*#__PURE__*/(0, _react.css)(";label:focusCSS;");
+
   // Remove the auto-generated label.
   // We could typically avoid a label by using a plain string `` instead of css``,
   // but we need css`` for keyframes`` to work for the focus animation
@@ -192,16 +185,15 @@ var euiButtonFocusCSS = function euiButtonFocusCSS(euiThemeContext) {
  */
 var euiButtonSizeMap = exports.euiButtonSizeMap = function euiButtonSizeMap(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'buttonVariant');
   return {
     xs: {
-      minWidth: euiTheme.base * (isRefreshVariant ? 6 : 7),
+      minWidth: euiTheme.base * 6,
       height: euiTheme.size.l,
       radius: euiTheme.border.radius.small,
       fontScale: 'xs'
     },
     s: {
-      minWidth: euiTheme.base * (isRefreshVariant ? 6 : 7),
+      minWidth: euiTheme.base * 6,
       height: euiTheme.size.xl,
       radius: euiTheme.border.radius.small,
       fontScale: 's'
@@ -209,7 +201,7 @@ var euiButtonSizeMap = exports.euiButtonSizeMap = function euiButtonSizeMap(euiT
     m: {
       minWidth: euiTheme.base * 7,
       height: euiTheme.size.xxl,
-      radius: isRefreshVariant ? euiTheme.border.radius.small : euiTheme.border.radius.medium,
+      radius: euiTheme.border.radius.small,
       fontScale: 's'
     }
   };
@@ -220,8 +212,6 @@ var euiButtonSizeMap = exports.euiButtonSizeMap = function euiButtonSizeMap(euiT
  */
 var _interactionStyles = function _interactionStyles(euiThemeContext, buttonColors) {
   var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'fill';
-  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'buttonVariant');
-  if (!isRefreshVariant) return "";
   var baseStyles = function baseStyles() {
     // button hover is applied as pseudo element with a transparent background-color
     if (type === 'overlay') {

package/lib/index.js

@@ -36,17 +36,6 @@ Object.keys(_utils).forEach(function (key) {
     }
   });
 });
-var _themes = require("./themes");
-Object.keys(_themes).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _themes[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _themes[key];
-    }
-  });
-});
 var _global_styling = require("./global_styling");
 Object.keys(_global_styling).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/services/color/eui_palettes.js

@@ -114,16 +114,8 @@ var euiPaletteColorBlind = exports.euiPaletteColorBlind = function euiPaletteCol
  */
 var euiPaletteColorBlindBehindText = exports.euiPaletteColorBlindBehindText = function euiPaletteColorBlindBehindText() {
   var paletteProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var hasVisColorAdjustment = paletteProps.hasVisColorAdjustment;
-  var _hasVisColorAdjustment = hasVisColorAdjustment !== null && hasVisColorAdjustment !== void 0 ? hasVisColorAdjustment : _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment;
   var originalPalette = euiPaletteColorBlind(paletteProps);
-
-  // new theme palette has required contrast, we don't need to adjust them
-  if (!_hasVisColorAdjustment) return originalPalette;
-  var newPalette = originalPalette.map(function (color) {
-    return (0, _chromaJs.default)(color).brighten(0.5).hex();
-  });
-  return newPalette;
+  return originalPalette;
 };
 var _getVisColorsAsText = function _getVisColorsAsText(visColors, keys) {
   return keys.reduce(function (colors, curr) {
@@ -190,10 +182,8 @@ var euiPaletteForStatus = exports.euiPaletteForStatus = function euiPaletteForSt
  */
 var euiPaletteForTemperature = exports.euiPaletteForTemperature = function euiPaletteForTemperature(steps) {
   var _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    colors = _ref6.colors,
-    hasVisColorAdjustment = _ref6.hasVisColorAdjustment;
+    colors = _ref6.colors;
   var visColors = colors !== null && colors !== void 0 ? colors : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
-  var _hasVisColorAdjustment = hasVisColorAdjustment !== null && hasVisColorAdjustment !== void 0 ? hasVisColorAdjustment : _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment;
   if (steps === 1) {
     return [visColors.euiColorVisCool2];
   } else if (steps <= 3) {
@@ -201,7 +191,7 @@ var euiPaletteForTemperature = exports.euiPaletteForTemperature = function euiPa
   }
   var cools = (0, _color_palette.colorPalette)([visColors.euiColorVisCool2, visColors.euiColorVisCool1, visColors.euiColorVisCool0], 3);
   var warms = (0, _color_palette.colorPalette)([visColors.euiColorVisWarm0, visColors.euiColorVisWarm1, visColors.euiColorVisWarm2], 3);
-  var paletteColors = _hasVisColorAdjustment ? [].concat(_toConsumableArray(cools), _toConsumableArray(warms)) : [].concat(_toConsumableArray(cools), [visColors.euiColorVisBase0], _toConsumableArray(warms));
+  var paletteColors = [].concat(_toConsumableArray(cools), [visColors.euiColorVisBase0], _toConsumableArray(warms));
   return euiPalette(paletteColors, steps, true);
 };
 
@@ -213,14 +203,12 @@ var euiPaletteForTemperature = exports.euiPaletteForTemperature = function euiPa
  */
 var euiPaletteComplementary = exports.euiPaletteComplementary = function euiPaletteComplementary(steps) {
   var _ref7 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    colors = _ref7.colors,
-    hasVisColorAdjustment = _ref7.hasVisColorAdjustment;
+    colors = _ref7.colors;
   var visColors = colors !== null && colors !== void 0 ? colors : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
-  var _hasVisColorAdjustment = hasVisColorAdjustment !== null && hasVisColorAdjustment !== void 0 ? hasVisColorAdjustment : _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment;
   if (steps === 1) {
     return [visColors.euiColorVisComplementary0];
   }
-  var paletteColors = _hasVisColorAdjustment ? [visColors.euiColorVisComplementary0, visColors.euiColorVisComplementary1] : [visColors.euiColorVisComplementary0, visColors.euiColorVisBase0, visColors.euiColorVisComplementary1];
+  var paletteColors = [visColors.euiColorVisComplementary0, visColors.euiColorVisBase0, visColors.euiColorVisComplementary1];
   return euiPalette(paletteColors, steps, true);
 };
 
@@ -312,14 +300,12 @@ var euiPaletteOrange = exports.euiPaletteOrange = function euiPaletteOrange(step
  */
 var euiPaletteCool = exports.euiPaletteCool = function euiPaletteCool(steps) {
   var _ref13 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    colors = _ref13.colors,
-    hasVisColorAdjustment = _ref13.hasVisColorAdjustment;
+    colors = _ref13.colors;
   var visColors = colors !== null && colors !== void 0 ? colors : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
-  var _hasVisColorAdjustment = hasVisColorAdjustment !== null && hasVisColorAdjustment !== void 0 ? hasVisColorAdjustment : _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment;
   if (steps === 1) {
     return [visColors.euiColorVisCool1];
   }
-  return euiPalette([_hasVisColorAdjustment ? visColors.euiColorVisBase0 : visColors.euiColorVisCool0, visColors.euiColorVisCool1, visColors.euiColorVisCool2], steps);
+  return euiPalette([visColors.euiColorVisCool0, visColors.euiColorVisCool1, visColors.euiColorVisCool2], steps);
 };
 
 /**

package/lib/services/color/eui_palettes_hooks.js

@@ -64,24 +64,20 @@ var useEuiPaletteGray = exports.useEuiPaletteGray = function useEuiPaletteGray(s
 var _useEuiPaletteFn = function _useEuiPaletteFn(palleteFn, args) {
   var _useEuiTheme = (0, _hooks.useEuiTheme)(),
     euiTheme = _useEuiTheme.euiTheme;
-  var colors = euiTheme.colors,
-    flags = euiTheme.flags;
+  var colors = euiTheme.colors;
   return (0, _react.useMemo)(function () {
     return palleteFn(_objectSpread(_objectSpread({}, args), {}, {
-      colors: colors.vis,
-      hasVisColorAdjustment: flags.hasVisColorAdjustment
+      colors: colors.vis
     }));
-  }, [colors, flags, args, palleteFn]);
+  }, [colors, args, palleteFn]);
 };
 var _useEuiPaletteWithStepsFn = function _useEuiPaletteWithStepsFn(palleteFn, steps) {
   var _useEuiTheme2 = (0, _hooks.useEuiTheme)(),
     euiTheme = _useEuiTheme2.euiTheme;
-  var colors = euiTheme.colors,
-    flags = euiTheme.flags;
+  var colors = euiTheme.colors;
   return (0, _react.useMemo)(function () {
     return palleteFn(steps, {
-      colors: colors.vis,
-      hasVisColorAdjustment: flags.hasVisColorAdjustment
+      colors: colors.vis
     });
-  }, [colors, flags, steps, palleteFn]);
+  }, [colors, steps, palleteFn]);
 };

package/lib/services/color/vis_color_store.js

@@ -14,5 +14,5 @@ var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
  * Side Public License, v 1.
  */
 
-// initialsetup of Vis color storage with default colors
-var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_euiThemeBorealis.colorVis, false);
+// initial setup of vis color storage with default colors
+var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_euiThemeBorealis.colorVis);

package/lib/services/theme/provider.js

@@ -102,8 +102,7 @@ var EuiThemeProvider = exports.EuiThemeProvider = function EuiThemeProvider(_ref
   var isParentTheme = (0, _react2.useRef)(isGlobalTheme ? prevSystemKey.current === _context.DEFAULTS.system.key && colorMode === _context.DEFAULTS.colorMode && highContrastMode === _context.DEFAULTS.highContrastMode && !_modifications : prevSystemKey.current === parentSystem.key && colorMode === parentColorMode && highContrastMode === parentHighContrastMode && (0, _isEqual.default)(parentModifications, modifications));
   var updateVisColorStore = (0, _react2.useCallback)(function (theme, isGlobalTheme) {
     if (isGlobalTheme) {
-      var _theme$flags$hasVisCo, _theme$flags;
-      _color.EUI_VIS_COLOR_STORE.setVisColors(theme.colors.vis, (_theme$flags$hasVisCo = (_theme$flags = theme.flags) === null || _theme$flags === void 0 ? void 0 : _theme$flags.hasVisColorAdjustment) !== null && _theme$flags$hasVisCo !== void 0 ? _theme$flags$hasVisCo : true);
+      _color.EUI_VIS_COLOR_STORE.setVisColors(theme.colors.vis);
     }
   }, []);
   var getInitialTheme = function getInitialTheme() {
@@ -154,17 +153,13 @@ var EuiThemeProvider = exports.EuiThemeProvider = function EuiThemeProvider(_ref
     if (!isParentTheme.current) {
       /* Enables recomputation of component colors when flags are overridden on the provider
       by adding the respective key to modifications to trigger a recomputation. */
+      // NOTE: Keeping this as placeholder for potential future usage during Borealis changes
       // TODO: remove once visual refresh is completed and flags are obsolete
-      var flagsToRecompute = [{
-        flag: 'buttonVariant',
-        componentKey: 'buttons'
-      }, {
-        flag: 'formVariant',
-        componentKey: 'forms'
-      }];
+      var flagsToRecompute = [];
       var keys = {};
       var forceRecomputeComponents = flagsToRecompute.some(function (item) {
         var _modifications$flags, _modifications$compon;
+        if (!item) return false;
         if (Object.keys((_modifications$flags = modifications.flags) !== null && _modifications$flags !== void 0 ? _modifications$flags : {}).includes(item.flag) && !Object.keys((_modifications$compon = modifications.components) !== null && _modifications$compon !== void 0 ? _modifications$compon : {}).includes(item.componentKey)) {
           keys[item.componentKey] = {
             LIGHT: {},

package/optimize/es/components/badge/beta_badge/beta_badge.styles.js

@@ -35,7 +35,6 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var euiBetaBadgeStyles = function euiBetaBadgeStyles(euiThemeContext) {
-  var _euiTheme$flags;
   var euiTheme = euiThemeContext.euiTheme,
     colorMode = euiThemeContext.colorMode;
   var badgeColors = euiBadgeColors(euiThemeContext);
@@ -45,13 +44,12 @@ export var euiBetaBadgeStyles = function euiBetaBadgeStyles(euiThemeContext) {
       return x * 1.25;
     })
   };
-  var hasVisColorAdjustment = (_euiTheme$flags = euiTheme.flags) === null || _euiTheme$flags === void 0 ? void 0 : _euiTheme$flags.hasVisColorAdjustment;
   return {
     euiBetaBadge: /*#__PURE__*/css("display:inline-block;border-radius:", euiTheme.size.l, ";border:", euiTheme.border.width.thin, " solid transparent;cursor:default;font-weight:", euiTheme.font.weight.semiBold, ";text-transform:uppercase;letter-spacing:0.05em;text-align:center;", euiTextTruncate(), " &:focus{", euiFocusRing(euiThemeContext, 'outset', {
       color: colorMode === 'DARK' ? euiTheme.colors.ghost : euiTheme.colors.ink
     }), ";};label:euiBetaBadge;"),
     // Colors
-    accent: hasVisColorAdjustment ? /*#__PURE__*/css(badgeColors.accentText, ";label:accent;") : /*#__PURE__*/css(badgeColors.accent, ";label:accent;"),
+    accent: /*#__PURE__*/css(badgeColors.accent, ";label:accent;"),
     subdued: /*#__PURE__*/css(badgeColors.subdued, ";label:subdued;"),
     hollow: /*#__PURE__*/css("color:", badgeColors.hollow.color, ";background-color:", badgeColors.hollow.backgroundColor, ";border-color:", badgeColors.hollow.borderColor, ";;label:hollow;"),
     warning: /*#__PURE__*/css(badgeColors.warning, ";label:warning;"),

package/optimize/es/components/badge/notification_badge/badge_notification.styles.js

@@ -9,15 +9,13 @@
 import { css } from '@emotion/react';
 import { logicalCSS, euiCanAnimate, euiFontSizeFromScale, euiNumberFormat, mathWithUnits } from '../../../global_styling';
 import { highContrastModeStyles } from '../../../global_styling/functions/high_contrast';
-import { isEuiThemeRefreshVariant } from '../../../services';
 import { euiBadgeColors } from '../color_utils';
 export var euiNotificationBadgeStyles = function euiNotificationBadgeStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = isEuiThemeRefreshVariant(euiThemeContext, 'buttonVariant');
   var badgeColors = euiBadgeColors(euiThemeContext);
-  var borderRadius = isRefreshVariant ? mathWithUnits(euiTheme.border.radius.small, function (x) {
+  var borderRadius = mathWithUnits(euiTheme.border.radius.small, function (x) {
     return x / 2;
-  }) : euiTheme.border.radius.small;
+  });
   return {
     euiNotificationBadge: /*#__PURE__*/css("flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;", logicalCSS('padding-horizontal', euiTheme.size.xs), " border-radius:", borderRadius, ";", highContrastModeStyles(euiThemeContext, {
       preferred: "\n          border: ".concat(euiTheme.border.thin, ";\n          overflow: hidden; /* Fix text clipping */\n        ")

package/optimize/es/components/button/button_display/_button_display.styles.js

@@ -7,7 +7,6 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * Side Public License, v 1.
  */
 import { css } from '@emotion/react';
-import { isEuiThemeRefreshVariant } from '../../../services';
 import { euiFontSize, logicalCSS, logicalShorthandCSS, logicalTextAlignCSS } from '../../../global_styling';
 import { euiButtonSizeMap } from '../../../global_styling/mixins';
 // Provides a solid reset and base for handling sizing layout
@@ -25,16 +24,14 @@ var _ref = process.env.NODE_ENV === "production" ? {
 };
 export var euiButtonDisplayStyles = function euiButtonDisplayStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = isEuiThemeRefreshVariant(euiThemeContext, 'buttonVariant');
   var sizes = euiButtonSizeMap(euiThemeContext);
   var _buttonSize = function _buttonSize(sizeKey) {
     var size = sizes[sizeKey];
     return /*#__PURE__*/css(logicalCSS('height', size.height), " line-height:", size.height, ";", euiFontSize(euiThemeContext, size.fontScale), " border-radius:", size.radius, ";");
   };
-  var classicVariantStyles = "\n      &:hover:not(:disabled),\n      &:focus {\n        text-decoration: underline;\n      }\n  ";
   return {
     // Base
-    euiButtonDisplay: /*#__PURE__*/css(euiButtonBaseCSS(), " font-weight:", euiTheme.font.weight.medium, ";", logicalShorthandCSS('padding', "0 ".concat(euiTheme.size.m)), " ", !isRefreshVariant && classicVariantStyles, ";;label:euiButtonDisplay;"),
+    euiButtonDisplay: /*#__PURE__*/css(euiButtonBaseCSS(), " font-weight:", euiTheme.font.weight.medium, ";", logicalShorthandCSS('padding', "0 ".concat(euiTheme.size.m)), ";;label:euiButtonDisplay;"),
     // States
     isDisabled: _ref,
     fullWidth: /*#__PURE__*/css("display:block;", logicalCSS('width', '100%'), ";;label:fullWidth;"),

package/optimize/es/components/button/button_display/_button_display_content.styles.js

@@ -6,14 +6,11 @@
  * Side Public License, v 1.
  */
 import { css } from '@emotion/react';
-import { isEuiThemeRefreshVariant } from '../../../services';
 import { logicalCSS } from '../../../global_styling';
 export var euiButtonDisplayContentStyles = function euiButtonDisplayContentStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = isEuiThemeRefreshVariant(euiThemeContext, 'buttonVariant');
-  var refreshVariantStyles = "\n      /* ensure content stays ontop of hover pseudo element */\n      position: relative;\n    ";
   return {
     // Base
-    euiButtonDisplayContent: /*#__PURE__*/css(logicalCSS('height', '100%'), " ", logicalCSS('width', '100%'), " display:flex;justify-content:center;align-items:center;vertical-align:middle;gap:", euiTheme.size.s, ";", isRefreshVariant && refreshVariantStyles, ";;label:euiButtonDisplayContent;")
+    euiButtonDisplayContent: /*#__PURE__*/css("position:relative;", logicalCSS('height', '100%'), " ", logicalCSS('width', '100%'), " display:flex;justify-content:center;align-items:center;vertical-align:middle;gap:", euiTheme.size.s, ";;label:euiButtonDisplayContent;")
   };
 };

package/optimize/es/components/button/button_empty/button_empty.styles.js

@@ -7,20 +7,15 @@
  */
 
 import { css } from '@emotion/react';
-import { isEuiThemeRefreshVariant } from '../../../services';
 import { logicalCSS, logicalShorthandCSS, euiCanAnimate, highContrastModeStyles } from '../../../global_styling';
 import { euiButtonDisplayStyles } from '../button_display/_button_display.styles';
 export var euiButtonEmptyStyles = function euiButtonEmptyStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = isEuiThemeRefreshVariant(euiThemeContext, 'buttonVariant');
 
   // EuiButtonEmpty uses the same size/font styling as EuiButtonDisplay,
   // but does not share enough of the same colors/props to the point
   // of using the actual component - so we'll reuse its styles instead
   var displayStyles = euiButtonDisplayStyles(euiThemeContext);
-  var refreshFlushStyles = "\n      /* using duplicate selector to ensure specificity */\n      &&:hover,\n      &&:active {\n        background-color: transparent;\n\n        /* removes hover overlay */\n        &::before {\n          display: none;\n        }\n      }\n\n      &:hover:not(:disabled),\n      &:focus {\n        text-decoration: underline;\n\n        ".concat(highContrastModeStyles(euiThemeContext, {
-    forced: "\n            /* hides HCM hover border, flush buttons use text-decoration */\n            &::after {\n              display: none;\n            }\n          "
-  }), "\n      }\n  ");
   return {
     euiButtonEmpty: /*#__PURE__*/css(displayStyles.euiButtonDisplay, " ", logicalShorthandCSS('padding', "0 ".concat(euiTheme.size.s)), euiCanAnimate, "{transition-timing-function:ease-in;transition-duration:", euiTheme.animation.fast, ";};label:euiButtonEmpty;"),
     isDisabled: displayStyles.isDisabled,
@@ -28,9 +23,11 @@ export var euiButtonEmptyStyles = function euiButtonEmptyStyles(euiThemeContext)
     xs: displayStyles.xs,
     s: displayStyles.s,
     // uses array here to prevent adding duplicate "m" classname partial
-    m: [displayStyles.m, isRefreshVariant && "\n        ".concat(logicalCSS('padding-horizontal', euiTheme.size.m), "\n      ")],
+    m: [displayStyles.m, "\n        ".concat(logicalCSS('padding-horizontal', euiTheme.size.m), "\n      ")],
     // Flush sides
-    flush: /*#__PURE__*/css("padding-inline:0;", isRefreshVariant && refreshFlushStyles, ";;label:flush;"),
+    flush: /*#__PURE__*/css("padding-inline:0;&&:hover,&&:active{background-color:transparent;&::before{display:none;}}&:hover:not(:disabled),&:focus{text-decoration:underline;", highContrastModeStyles(euiThemeContext, {
+      forced: "\n            /* hides HCM hover border, flush buttons use text-decoration */\n            &::after {\n              display: none;\n            }\n          "
+    }), ";};label:flush;"),
     left: /*#__PURE__*/css(logicalCSS('margin-right', euiTheme.size.s), ";;label:left;"),
     right: /*#__PURE__*/css(logicalCSS('margin-left', euiTheme.size.s), ";;label:right;"),
     both: /*#__PURE__*/css(";label:both;")