@elastic/eui 99.1.0-borealis.0 → 99.2.0-borealis.0

package/optimize/es/components/form/field_text/field_text.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["id", "name", "placeholder", "value", "className", "icon", "isInvalid", "inputRef", "fullWidth", "isLoading", "compressed", "prepend", "append", "readOnly", "controlOnly"];
+var _excluded = ["id", "name", "placeholder", "value", "className", "icon", "isInvalid", "inputRef", "fullWidth", "isLoading", "compressed", "prepend", "append", "disabled", "readOnly", "controlOnly"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -34,7 +34,9 @@ export var EuiFieldText = function EuiFieldText(props) {
     compressed = props.compressed,
     prepend = props.prepend,
     append = props.append,
-    readOnly = props.readOnly,
+    disabled = props.disabled,
+    _props$readOnly = props.readOnly,
+    readOnly = _props$readOnly === void 0 ? disabled : _props$readOnly,
     controlOnly = props.controlOnly,
     rest = _objectWithoutProperties(props, _excluded);
   var classes = classNames('euiFieldText', className, {
@@ -53,6 +55,7 @@ export var EuiFieldText = function EuiFieldText(props) {
     css: cssStyles,
     value: value,
     ref: inputRef,
+    disabled: disabled,
     readOnly: readOnly
   }, rest)));
   if (controlOnly) return control;
@@ -61,8 +64,8 @@ export var EuiFieldText = function EuiFieldText(props) {
     fullWidth: fullWidth,
     isLoading: isLoading,
     isInvalid: isInvalid,
-    isDisabled: rest.disabled,
     compressed: compressed,
+    isDisabled: disabled,
     readOnly: readOnly,
     prepend: prepend,
     append: append,

package/optimize/es/components/form/field_text/field_text.styles.js

@@ -11,7 +11,7 @@ import { euiFormControlStyles } from '../form.styles';
 export var euiFieldTextStyles = function euiFieldTextStyles(euiThemeContext) {
   var formStyles = euiFormControlStyles(euiThemeContext);
   return {
-    euiFieldText: /*#__PURE__*/css(formStyles.shared, " &:invalid{", formStyles.invalid, ";}&:focus{", formStyles.focus, ";}&:disabled{", formStyles.disabled, ";}&[readOnly]{", formStyles.readOnly, ";}&:autofill{", formStyles.autoFill, ";};label:euiFieldText;"),
+    euiFieldText: /*#__PURE__*/css(formStyles.shared, " &:invalid{", formStyles.invalid, ";}&:focus{", formStyles.focus, ";}&[readOnly]{", formStyles.readOnly, ";}&:disabled{", formStyles.disabled, ";}&:autofill{", formStyles.autoFill, ";};label:euiFieldText;"),
     // Skip the css() on the default height to avoid generating a className
     uncompressed: formStyles.uncompressed,
     compressed: /*#__PURE__*/css(formStyles.compressed, ";label:compressed;"),

package/optimize/es/components/icon/assets/plugs.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var EuiIconPlugs = function EuiIconPlugs(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    d: "m15.354 1.354-2.08 2.08a3 3 0 0 1-.324 3.859l-1.414 1.414-4.243-4.242L8.707 3.05a3 3 0 0 1 3.86-.324l2.08-2.08.707.708Zm-5.94 2.403-.707.708 2.829 2.828.707-.707a2 2 0 1 0-2.829-2.829ZM5.171 8 3.757 6.586l-.707.707.707.707-.707.707a3 3 0 0 0-.324 3.86l-2.08 2.08.708.707 2.079-2.08a3 3 0 0 0 3.86-.324l.706-.707.708.707.707-.707L8 10.829 9.768 9.06l-.707-.707-1.769 1.768-1.414-1.415L7.647 6.94l-.708-.707L5.171 8ZM3.757 9.414l.707-.707 2.828 2.829-.707.707a2 2 0 0 1-2.828-2.829Z",
+    clipRule: "evenodd"
+  }));
+};
+export var icon = EuiIconPlugs;

package/optimize/es/components/icon/assets/web.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var EuiIconWeb = function EuiIconWeb(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    d: "M2.208 2H1V1h13a1 1 0 0 1 1 1v13h-1v-1.207a11.437 11.437 0 0 0-5.214-1.395l-.603 1.043-.866-.5.602-1.043A11.562 11.562 0 0 0 4.102 8.08l-1.043.602-.5-.866 1.043-.603A11.438 11.438 0 0 0 2.208 2Zm1.125 0a12.429 12.429 0 0 1 1.245 4.651L6.2 5.715A8.452 8.452 0 0 0 5.206 2H3.333Zm2.99 0c.453.974.746 2.037.844 3.156l1.629-.94A5.466 5.466 0 0 0 8.203 2h-1.88Zm2.981 0a6.46 6.46 0 0 1 .446 1.665L12.634 2h-3.33Zm3.83.866-2.886 1.666c.459.35.87.761 1.22 1.22l1.666-2.886Zm-2.216 3.839a5.531 5.531 0 0 0-1.623-1.623l-1.629.94a9.55 9.55 0 0 1 2.311 2.312l.94-1.63ZM9.419 9.3a8.547 8.547 0 0 0-2.72-2.72l-1.623.937a12.566 12.566 0 0 1 3.406 3.406L9.419 9.3Zm-.07 2.121c1.66.112 3.23.547 4.651 1.244v-1.872a8.451 8.451 0 0 0-3.715-.994l-.936 1.622Zm1.495-2.59A9.442 9.442 0 0 1 14 9.678v-1.88a5.464 5.464 0 0 0-2.216-.593l-.94 1.629Zm1.49-2.582A6.457 6.457 0 0 1 14 6.696v-3.33L12.335 6.25Z",
+    clipRule: "evenodd"
+  }));
+};
+export var icon = EuiIconWeb;

package/optimize/es/components/icon/icon_map.js

@@ -346,6 +346,7 @@ export var typeToPathMap = {
   pivot: 'pivot',
   play: 'play',
   playFilled: 'playFilled',
+  plugs: 'plugs',
   plus: 'plus',
   plusInCircle: 'plus_in_circle',
   plusInCircleFilled: 'plus_in_circle_filled',
@@ -460,6 +461,7 @@ export var typeToPathMap = {
   alert: 'warning',
   // NOTE: This is an undocumented alias for `warning`, added for legacy compatability with Elastic Charts
   watchesApp: 'app_watches',
+  web: 'web',
   wordWrap: 'wordWrap',
   wordWrapDisabled: 'wordWrapDisabled',
   workplaceSearchApp: 'app_workplace_search',

package/optimize/es/components/provider/provider.js

@@ -7,12 +7,12 @@
  */
 
 import React from 'react';
+import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
 import { EuiThemeProvider } from '../../services';
 import { emitEuiProviderWarning } from '../../services/theme/warning';
 import { cache as fallbackCache } from '../../services/emotion/css';
 import { EuiGlobalStyles } from '../../global_styling/reset/global_styles';
 import { EuiUtilityClasses } from '../../global_styling/utility/utility';
-import { EuiThemeAmsterdam } from '../../themes';
 import { EuiCacheProvider } from './cache';
 import { EuiSystemColorModeProvider } from './system_color_mode';
 import { EuiProviderNestedCheck, useIsNestedEuiProvider } from './nested';
@@ -26,7 +26,7 @@ export var EuiProvider = function EuiProvider(_ref) {
   var _ref$cache = _ref.cache,
     cache = _ref$cache === void 0 ? fallbackCache : _ref$cache,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? EuiThemeAmsterdam : _ref$theme,
+    theme = _ref$theme === void 0 ? EuiThemeBorealis : _ref$theme,
     _ref$globalStyles = _ref.globalStyles,
     Globals = _ref$globalStyles === void 0 ? EuiGlobalStyles : _ref$globalStyles,
     _ref$utilityClasses = _ref.utilityClasses,

package/optimize/es/components/selectable/selectable_templates/selectable_template_sitewide.styles.js

@@ -10,7 +10,6 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { css } from '@emotion/react';
 import { euiPaletteColorBlind, makeHighContrastColor } from '../../../services';
 import { euiFontSize, logicalCSS } from '../../../global_styling';
-var visColors = euiPaletteColorBlind();
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "q12130-euiSelectableTemplateSitewide__listItem",
   styles: "&:hover,&.euiSelectableListItem-isFocused{&:not([aria-disabled='true']){.euiSelectableListItem__text{text-decoration:none;}.euiSelectableTemplateSitewide__listItemTitle{text-decoration:underline;}}};label:euiSelectableTemplateSitewide__listItem;"
@@ -29,6 +28,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 };
 export var euiSelectableTemplateSitewideStyles = function euiSelectableTemplateSitewideStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
+  var visColors = euiPaletteColorBlind();
   return {
     euiSelectableTemplateSitewide: _ref2,
     // Override EuiSelectable's default item underline

package/optimize/es/services/color/eui_palettes.js

@@ -44,9 +44,10 @@ export var euiPaletteColorBlind = function euiPaletteColorBlind() {
     _ref2$sortBy = _ref2.sortBy,
     sortBy = _ref2$sortBy === void 0 ? 'default' : _ref2$sortBy,
     _ref2$sortShift = _ref2.sortShift,
-    sortShift = _ref2$sortShift === void 0 ? '-100' : _ref2$sortShift;
-  var colors = [];
-  var visColors = EUI_VIS_COLOR_STORE.visColors;
+    sortShift = _ref2$sortShift === void 0 ? '-100' : _ref2$sortShift,
+    colors = _ref2.colors;
+  var _colors = [];
+  var visColors = colors !== null && colors !== void 0 ? colors : EUI_VIS_COLOR_STORE.visColors;
   var base = [visColors.euiColorVis0, visColors.euiColorVis1, visColors.euiColorVis2, visColors.euiColorVis3, visColors.euiColorVis4, visColors.euiColorVis5, visColors.euiColorVis6, visColors.euiColorVis7, visColors.euiColorVis8, visColors.euiColorVis9];
   if (sortBy === 'natural') {
     // Sort the colors based on the color wheel, but shifting the values based on sortShift
@@ -71,23 +72,23 @@ export var euiPaletteColorBlind = function euiPaletteColorBlind() {
       }
     });
     if (order === 'group') {
-      colors = flatten(palettes);
+      _colors = flatten(palettes);
     } else {
       var _loop = function _loop(i) {
-        var _colors;
+        var _colors2;
         var rotation = palettes.map(function (palette) {
           return palette[i];
         });
-        (_colors = colors).push.apply(_colors, _toConsumableArray(rotation));
+        (_colors2 = _colors).push.apply(_colors2, _toConsumableArray(rotation));
       };
       for (var i = 0; i < rotations; i++) {
         _loop(i);
       }
     }
   } else {
-    colors = base;
+    _colors = base;
   }
-  return colors;
+  return _colors;
 };
 
 /**
@@ -99,11 +100,12 @@ export var euiPaletteColorBlind = function euiPaletteColorBlind() {
  */
 export var euiPaletteColorBlindBehindText = function euiPaletteColorBlindBehindText() {
   var paletteProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var hasVisColorAdjustment = EUI_VIS_COLOR_STORE.hasVisColorAdjustment;
+  var hasVisColorAdjustment = paletteProps.hasVisColorAdjustment;
+  var _hasVisColorAdjustment = hasVisColorAdjustment !== null && hasVisColorAdjustment !== void 0 ? hasVisColorAdjustment : 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;
+  if (!_hasVisColorAdjustment) return originalPalette;
   var newPalette = originalPalette.map(function (color) {
     return chroma(color).brighten(0.5).hex();
   });
@@ -120,7 +122,9 @@ var _getVisColorsAsText = function _getVisColorsAsText(visColors, keys) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 export var euiPaletteForLightBackground = function euiPaletteForLightBackground() {
-  var visColors = EUI_VIS_COLOR_STORE.visColors;
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    colors = _ref3.colors;
+  var visColors = colors !== null && colors !== void 0 ? colors : EUI_VIS_COLOR_STORE.visColors;
   var visColorsAsTextKeys = Object.keys(visColors).filter(function (color) {
     return color.includes('AsTextLight');
   });
@@ -132,7 +136,9 @@ export var euiPaletteForLightBackground = function euiPaletteForLightBackground(
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 export var euiPaletteForDarkBackground = function euiPaletteForDarkBackground() {
-  var visColors = EUI_VIS_COLOR_STORE.visColors;
+  var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    colors = _ref4.colors;
+  var visColors = colors !== null && colors !== void 0 ? colors : EUI_VIS_COLOR_STORE.visColors;
   var visColorsAsTextKeys = Object.keys(visColors).filter(function (color) {
     return color.includes('AsTextDark');
   });
@@ -144,7 +150,9 @@ export var euiPaletteForDarkBackground = function euiPaletteForDarkBackground()
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 export var euiPaletteForStatus = function euiPaletteForStatus(steps) {
-  var visColors = EUI_VIS_COLOR_STORE.visColors;
+  var _ref5 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    colors = _ref5.colors;
+  var visColors = colors !== null && colors !== void 0 ? colors : EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisSuccess0];
   }
@@ -159,8 +167,11 @@ export var euiPaletteForStatus = function euiPaletteForStatus(steps) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 export var euiPaletteForTemperature = function euiPaletteForTemperature(steps) {
-  var hasVisColorAdjustment = EUI_VIS_COLOR_STORE.hasVisColorAdjustment,
-    visColors = EUI_VIS_COLOR_STORE.visColors;
+  var _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    colors = _ref6.colors,
+    hasVisColorAdjustment = _ref6.hasVisColorAdjustment;
+  var visColors = colors !== null && colors !== void 0 ? colors : EUI_VIS_COLOR_STORE.visColors;
+  var _hasVisColorAdjustment = hasVisColorAdjustment !== null && hasVisColorAdjustment !== void 0 ? hasVisColorAdjustment : EUI_VIS_COLOR_STORE.hasVisColorAdjustment;
   if (steps === 1) {
     return [visColors.euiColorVisCool2];
   } else if (steps <= 3) {
@@ -168,7 +179,7 @@ export var euiPaletteForTemperature = function euiPaletteForTemperature(steps) {
   }
   var cools = colorPalette([visColors.euiColorVisCool2, visColors.euiColorVisCool1, visColors.euiColorVisCool0], 3);
   var warms = colorPalette([visColors.euiColorVisWarm0, visColors.euiColorVisWarm1, visColors.euiColorVisWarm2], 3);
-  var paletteColors = hasVisColorAdjustment ? [].concat(_toConsumableArray(cools), _toConsumableArray(warms)) : [].concat(_toConsumableArray(cools), [visColors.euiColorVisNeutral0], _toConsumableArray(warms));
+  var paletteColors = _hasVisColorAdjustment ? [].concat(_toConsumableArray(cools), _toConsumableArray(warms)) : [].concat(_toConsumableArray(cools), [visColors.euiColorVisNeutral0], _toConsumableArray(warms));
   return euiPalette(paletteColors, steps, true);
 };
 
@@ -177,12 +188,15 @@ export var euiPaletteForTemperature = function euiPaletteForTemperature(steps) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 export var euiPaletteComplementary = function euiPaletteComplementary(steps) {
-  var hasVisColorAdjustment = EUI_VIS_COLOR_STORE.hasVisColorAdjustment,
-    visColors = EUI_VIS_COLOR_STORE.visColors;
+  var _ref7 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    colors = _ref7.colors,
+    hasVisColorAdjustment = _ref7.hasVisColorAdjustment;
+  var visColors = colors !== null && colors !== void 0 ? colors : EUI_VIS_COLOR_STORE.visColors;
+  var _hasVisColorAdjustment = hasVisColorAdjustment !== null && hasVisColorAdjustment !== void 0 ? hasVisColorAdjustment : EUI_VIS_COLOR_STORE.hasVisColorAdjustment;
   if (steps === 1) {
     return [visColors.euiColorVisComplementary0];
   }
-  var paletteColors = hasVisColorAdjustment ? [visColors.euiColorVisComplementary0, visColors.euiColorVisComplementary1] : [visColors.euiColorVisComplementary0, visColors.euiColorVisNeutral0, visColors.euiColorVisComplementary1];
+  var paletteColors = _hasVisColorAdjustment ? [visColors.euiColorVisComplementary0, visColors.euiColorVisComplementary1] : [visColors.euiColorVisComplementary0, visColors.euiColorVisNeutral0, visColors.euiColorVisComplementary1];
   return euiPalette(paletteColors, steps, true);
 };
 
@@ -191,7 +205,9 @@ export var euiPaletteComplementary = function euiPaletteComplementary(steps) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 export var euiPaletteRed = function euiPaletteRed(steps) {
-  var visColors = EUI_VIS_COLOR_STORE.visColors;
+  var _ref8 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    colors = _ref8.colors;
+  var visColors = colors !== null && colors !== void 0 ? colors : EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisDanger1];
   }
@@ -203,7 +219,9 @@ export var euiPaletteRed = function euiPaletteRed(steps) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 export var euiPaletteGreen = function euiPaletteGreen(steps) {
-  var visColors = EUI_VIS_COLOR_STORE.visColors;
+  var _ref9 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    colors = _ref9.colors;
+  var visColors = colors !== null && colors !== void 0 ? colors : EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisSuccess1];
   }
@@ -215,12 +233,15 @@ export var euiPaletteGreen = function euiPaletteGreen(steps) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 export var euiPaletteCool = function euiPaletteCool(steps) {
-  var hasVisColorAdjustment = EUI_VIS_COLOR_STORE.hasVisColorAdjustment,
-    visColors = EUI_VIS_COLOR_STORE.visColors;
+  var _ref10 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    colors = _ref10.colors,
+    hasVisColorAdjustment = _ref10.hasVisColorAdjustment;
+  var visColors = colors !== null && colors !== void 0 ? colors : EUI_VIS_COLOR_STORE.visColors;
+  var _hasVisColorAdjustment = hasVisColorAdjustment !== null && hasVisColorAdjustment !== void 0 ? hasVisColorAdjustment : EUI_VIS_COLOR_STORE.hasVisColorAdjustment;
   if (steps === 1) {
     return [visColors.euiColorVisCool1];
   }
-  return euiPalette([hasVisColorAdjustment ? visColors.euiColorVisNeutral0 : visColors.euiColorVisCool0, visColors.euiColorVisCool1, visColors.euiColorVisCool2], steps);
+  return euiPalette([_hasVisColorAdjustment ? visColors.euiColorVisNeutral0 : visColors.euiColorVisCool0, visColors.euiColorVisCool1, visColors.euiColorVisCool2], steps);
 };
 
 /**
@@ -228,7 +249,9 @@ export var euiPaletteCool = function euiPaletteCool(steps) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 export var euiPaletteWarm = function euiPaletteWarm(steps) {
-  var visColors = EUI_VIS_COLOR_STORE.visColors;
+  var _ref11 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    colors = _ref11.colors;
+  var visColors = colors !== null && colors !== void 0 ? colors : EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisWarm2];
   }
@@ -240,7 +263,9 @@ export var euiPaletteWarm = function euiPaletteWarm(steps) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 export var euiPaletteGray = function euiPaletteGray(steps) {
-  var visColors = EUI_VIS_COLOR_STORE.visColors;
+  var _ref12 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    colors = _ref12.colors;
+  var visColors = colors !== null && colors !== void 0 ? colors : EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisGrey1];
   }

package/optimize/es/services/color/eui_palettes_hooks.js

@@ -0,0 +1,71 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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) { _defineProperty(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; }
+/*
+ * 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.
+ */
+
+import { useMemo } from 'react';
+import { useEuiTheme } from '../theme/hooks';
+import { euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplementary, euiPaletteCool, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteGreen, euiPaletteRed, euiPaletteWarm } from './eui_palettes';
+export var useEuiPaletteColorBlind = function useEuiPaletteColorBlind(args) {
+  return _useEuiPaletteFn(euiPaletteColorBlind, args);
+};
+export var useEuiPaletteColorBlindBehindText = function useEuiPaletteColorBlindBehindText(args) {
+  return _useEuiPaletteFn(euiPaletteColorBlindBehindText, args);
+};
+export var useEuiPaletteForStatus = function useEuiPaletteForStatus(steps) {
+  return _useEuiPaletteWithStepsFn(euiPaletteForStatus, steps);
+};
+export var useEuiPaletteForTemperature = function useEuiPaletteForTemperature(steps) {
+  return _useEuiPaletteWithStepsFn(euiPaletteForTemperature, steps);
+};
+export var useEuiPaletteComplementary = function useEuiPaletteComplementary(steps) {
+  return _useEuiPaletteWithStepsFn(euiPaletteComplementary, steps);
+};
+export var useEuiPaletteRed = function useEuiPaletteRed(steps) {
+  return _useEuiPaletteWithStepsFn(euiPaletteRed, steps);
+};
+export var useEuiPaletteGreen = function useEuiPaletteGreen(steps) {
+  return _useEuiPaletteWithStepsFn(euiPaletteGreen, steps);
+};
+export var useEuiPaletteCool = function useEuiPaletteCool(steps) {
+  return _useEuiPaletteWithStepsFn(euiPaletteCool, steps);
+};
+export var useEuiPaletteWarm = function useEuiPaletteWarm(steps) {
+  return _useEuiPaletteWithStepsFn(euiPaletteWarm, steps);
+};
+export var useEuiPaletteGray = function useEuiPaletteGray(steps) {
+  return _useEuiPaletteWithStepsFn(euiPaletteGray, steps);
+};
+
+/* Internal helper utils */
+
+var _useEuiPaletteFn = function _useEuiPaletteFn(palleteFn, args) {
+  var _useEuiTheme = useEuiTheme(),
+    euiTheme = _useEuiTheme.euiTheme;
+  var colors = euiTheme.colors,
+    flags = euiTheme.flags;
+  return useMemo(function () {
+    return palleteFn(_objectSpread(_objectSpread({}, args), {}, {
+      colors: colors.vis,
+      hasVisColorAdjustment: flags.hasVisColorAdjustment
+    }));
+  }, [colors, flags, args, palleteFn]);
+};
+var _useEuiPaletteWithStepsFn = function _useEuiPaletteWithStepsFn(palleteFn, steps) {
+  var _useEuiTheme2 = useEuiTheme(),
+    euiTheme = _useEuiTheme2.euiTheme;
+  var colors = euiTheme.colors,
+    flags = euiTheme.flags;
+  return useMemo(function () {
+    return palleteFn(steps, {
+      colors: colors.vis,
+      hasVisColorAdjustment: flags.hasVisColorAdjustment
+    });
+  }, [colors, flags, steps, palleteFn]);
+};

package/optimize/es/services/color/index.js

@@ -19,6 +19,7 @@ export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR } from './visualizati
 export { EUI_VIS_COLOR_STORE } from './vis_color_store';
 export { colorPalette } from './color_palette';
 export { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteCool, euiPaletteWarm, euiPaletteGray } from './eui_palettes';
+export * from './eui_palettes_hooks';
 export { getSteppedGradient } from './stepped_gradient';
 export * from './manipulation';
 export * from './contrast';

package/optimize/es/services/color/vis_color_store.js

@@ -7,7 +7,7 @@
  */
 
 import { EuiVisColorStore } from '@elastic/eui-theme-common';
-import { colorVis } from '../../global_styling/variables/_colors_vis';
+import { colorVis } from '@elastic/eui-theme-borealis';
 
 // initialsetup of Vis color storage with default colors
 export var EUI_VIS_COLOR_STORE = EuiVisColorStore.getInstance(colorVis, true);

package/optimize/es/services/index.js

@@ -13,6 +13,7 @@ export { CENTER_ALIGNMENT, LEFT_ALIGNMENT, RIGHT_ALIGNMENT } from './alignment';
 export { CurrentEuiBreakpointContext, CurrentEuiBreakpointProvider, useCurrentEuiBreakpoint, useIsWithinBreakpoints, useIsWithinMaxBreakpoint, useIsWithinMinBreakpoint } from './breakpoint';
 export { CanvasTextUtils } from './canvas';
 export { brighten, calculateContrast, calculateLuminance, colorPalette, darken, DEFAULT_VISUALIZATION_COLOR, desaturate, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplementary, euiPaletteCool, euiPaletteForDarkBackground, euiPaletteForLightBackground, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteRed, euiPaletteGreen, euiPaletteWarm, getSteppedGradient, hexToHsv, hexToRgb, hsvToHex, hsvToRgb, isColorDark, isValidHex, lightness, makeDisabledContrastColor, makeHighContrastColor, rgbToHex, rgbToHsv, saturate, shade, shadeOrTint, tint, tintOrShade, transparentize, VISUALIZATION_COLORS, EUI_VIS_COLOR_STORE, wcagContrastMin } from './color';
+export * from './color/eui_palettes_hooks';
 export { useColorPickerState, useColorStopsState } from './color_picker';
 export * from './console';
 export * from './copy';

package/optimize/es/services/theme/context.js

@@ -7,12 +7,12 @@
  */
 
 import { createContext } from 'react';
-import { EuiThemeAmsterdam } from '../../themes/amsterdam/theme';
+import { EuiThemeBorealis } from '@elastic/eui-theme-borealis';
 import { DEFAULT_COLOR_MODE, getComputed } from './utils';
-export var EuiSystemContext = /*#__PURE__*/createContext(EuiThemeAmsterdam);
+export var EuiSystemContext = /*#__PURE__*/createContext(EuiThemeBorealis);
 export var EuiModificationsContext = /*#__PURE__*/createContext({});
 export var EuiColorModeContext = /*#__PURE__*/createContext(DEFAULT_COLOR_MODE);
-export var defaultComputedTheme = getComputed(EuiThemeAmsterdam, {}, DEFAULT_COLOR_MODE);
+export var defaultComputedTheme = getComputed(EuiThemeBorealis, {}, DEFAULT_COLOR_MODE);
 export var EuiThemeContext = /*#__PURE__*/createContext(defaultComputedTheme);
 export var EuiNestedThemeContext = /*#__PURE__*/createContext({
   isGlobalTheme: true,

package/optimize/es/services/theme/provider.js

@@ -19,7 +19,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React, { useContext, useEffect, useRef, useMemo, useState, useCallback, Fragment } from 'react';
 import { Global } from '@emotion/react';
 import isEqual from 'lodash/isEqual';
-import { EUI_EXPERIMENTAL_THEME_ENABLED_KEY } from '../../themes/themes';
 import { cloneElementWithCss } from '../emotion';
 import { css, cx } from '../emotion/css';
 import { CurrentEuiBreakpointProvider } from '../breakpoint/current_breakpoint';
@@ -83,16 +82,6 @@ export var EuiThemeProvider = function EuiThemeProvider(_ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     theme = _useState8[0],
     setTheme = _useState8[1];
-
-  // TODO: temp. testing code only, remove once obsolete
-  useEffect(function () {
-    if (process.env.NODE_ENV === 'development') {
-      var isEnabled = localStorage.getItem(EUI_EXPERIMENTAL_THEME_ENABLED_KEY) != null;
-      if (!isEnabled) {
-        localStorage.setItem(EUI_EXPERIMENTAL_THEME_ENABLED_KEY, 'true');
-      }
-    }
-  }, []);
   useEffect(function () {
     var newSystem = _system || parentSystem;
     if (prevSystemKey.current !== newSystem.key) {

package/optimize/es/themes/amsterdam/global_styling/variables/_colors.js

@@ -10,7 +10,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * Side Public License, v 1.
  */
 
-import { darken, shade, tint, transparentize } from '../../../../services/color';
+import { darken, shade, tint, transparentize } from '../../../../services/color/manipulation';
 import { computed } from '../../../../services/theme/utils';
 import { makeHighContrastColor, makeDisabledContrastColor } from '../../../../services/color/contrast';
 import { colorVis } from './_colors_vis';

package/optimize/es/themes/index.js

@@ -5,7 +5,6 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-
-export { EUI_THEMES, isDefaultTheme, isExperimentalThemeEnabled } from './themes';
+export { colorVis } from './amsterdam/global_styling/variables/_colors_vis';
 export { AMSTERDAM_NAME_KEY, EuiThemeAmsterdam } from './amsterdam/theme';
 export * from './amsterdam';

package/optimize/es/themes/themes.js

@@ -1,24 +1 @@
-/*
- * 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.
- */
-
-import { EuiThemeAmsterdam, AMSTERDAM_NAME_KEY } from './amsterdam/theme';
-export var EUI_THEMES = [{
-  text: 'Amsterdam',
-  value: AMSTERDAM_NAME_KEY,
-  provider: EuiThemeAmsterdam
-}];
-export var isDefaultTheme = function isDefaultTheme(name) {
-  return name === AMSTERDAM_NAME_KEY;
-};
-export var EUI_EXPERIMENTAL_THEME_ENABLED_KEY = 'eui-experimental-theme-enabled';
-export var isExperimentalThemeEnabled = function isExperimentalThemeEnabled() {
-  if (typeof localStorage !== 'undefined') {
-    return localStorage.getItem(EUI_EXPERIMENTAL_THEME_ENABLED_KEY) === 'true';
-  }
-  return false;
-};
+export {};

package/optimize/lib/components/avatar/avatar.js

@@ -61,13 +61,7 @@ var EuiAvatar = exports.EuiAvatar = function EuiAvatar(_ref) {
   var _props$casing = props.casing,
     casing = _props$casing === void 0 ? type === 'space' ? 'none' : 'uppercase' : _props$casing,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded2);
-  var _useEuiTheme = (0, _services.useEuiTheme)(),
-    euiTheme = _useEuiTheme.euiTheme;
-  var visColors = (0, _react.useMemo)(function () {
-    return (0, _color.euiPaletteColorBlindBehindText)();
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [euiTheme]);
+  var visColors = (0, _color.useEuiPaletteColorBlindBehindText)();
   var isPlain = color === 'plain';
   var isSubdued = color === 'subdued';
   var isNamedColor = isPlain || isSubdued || color === null;

package/optimize/lib/components/color_picker/color_picker.js

@@ -104,13 +104,8 @@ var EuiColorPicker = exports.EuiColorPicker = function EuiColorPicker(_ref) {
     alphaLabel = _useEuiI18n2[4],
     openLabel = _useEuiI18n2[5],
     closeLabel = _useEuiI18n2[6];
-  var _useEuiTheme = (0, _services.useEuiTheme)(),
-    euiTheme = _useEuiTheme.euiTheme;
-  var swatches = (0, _react.useMemo)(function () {
-    return _swatches !== null && _swatches !== void 0 ? _swatches : (0, _services.euiPaletteColorBlind)();
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [_swatches, euiTheme]);
+  var defaultSwatches = (0, _services.useEuiPaletteColorBlind)();
+  var swatches = _swatches !== null && _swatches !== void 0 ? _swatches : defaultSwatches;
   var preferredFormat = (0, _react.useMemo)(function () {
     if (format) return format;
     var parsed = (0, _utils.parseColor)(color);

package/optimize/lib/components/datagrid/utils/grid_height_width.js

@@ -106,7 +106,7 @@ var useUnconstrainedHeight = exports.useUnconstrainedHeight = function useUncons
 
       // lookup the height configuration of this row
       var rowHeightOption = rowHeightUtils.getRowHeightOption(correctRowIndex, rowHeightsOptions);
-      if (rowHeightOption) {
+      if (rowHeightOption && rowHeightOption !== 'auto') {
         // this row's height is known
         knownRowCount++;
         knownHeight += rowHeightUtils.getCalculatedHeight(rowHeightOption, defaultRowHeight, correctRowIndex, rowHeightsOptions);