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

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

@@ -15,7 +15,7 @@ var _validatable_control = require("../validatable_control");
 var _eui_form_context = require("../eui_form_context");
 var _field_text = require("./field_text.styles");
 var _react2 = require("@emotion/react");
-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
@@ -40,7 +40,9 @@ var EuiFieldText = exports.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 = (0, _objectWithoutProperties2.default)(props, _excluded);
   var classes = (0, _classnames.default)('euiFieldText', className, {
@@ -59,6 +61,7 @@ var EuiFieldText = exports.EuiFieldText = function EuiFieldText(props) {
     css: cssStyles,
     value: value,
     ref: inputRef,
+    disabled: disabled,
     readOnly: readOnly
   }, rest)));
   if (controlOnly) return control;
@@ -67,8 +70,8 @@ var EuiFieldText = exports.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/lib/components/form/field_text/field_text.styles.js

@@ -17,7 +17,7 @@ var _form = require("../form.styles");
 var euiFieldTextStyles = exports.euiFieldTextStyles = function euiFieldTextStyles(euiThemeContext) {
   var formStyles = (0, _form.euiFormControlStyles)(euiThemeContext);
   return {
-    euiFieldText: /*#__PURE__*/(0, _react.css)(formStyles.shared, " &:invalid{", formStyles.invalid, ";}&:focus{", formStyles.focus, ";}&:disabled{", formStyles.disabled, ";}&[readOnly]{", formStyles.readOnly, ";}&:autofill{", formStyles.autoFill, ";};label:euiFieldText;"),
+    euiFieldText: /*#__PURE__*/(0, _react.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__*/(0, _react.css)(formStyles.compressed, ";label:compressed;"),

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

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+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
+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; }
+var EuiIconPlugs = function EuiIconPlugs(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("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"
+  }));
+};
+var icon = exports.icon = EuiIconPlugs;

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

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+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
+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; }
+var EuiIconWeb = function EuiIconWeb(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("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"
+  }));
+};
+var icon = exports.icon = EuiIconWeb;

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

@@ -352,6 +352,7 @@ var typeToPathMap = exports.typeToPathMap = {
   pivot: 'pivot',
   play: 'play',
   playFilled: 'playFilled',
+  plugs: 'plugs',
   plus: 'plus',
   plusInCircle: 'plus_in_circle',
   plusInCircleFilled: 'plus_in_circle_filled',
@@ -466,6 +467,7 @@ var typeToPathMap = exports.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/lib/components/icon/svgs/plugs.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="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" clip-rule="evenodd"/>
+</svg>

package/optimize/lib/components/icon/svgs/web.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="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" clip-rule="evenodd"/>
+</svg>

package/optimize/lib/components/provider/provider.js

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

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

@@ -14,7 +14,6 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-var visColors = (0, _services.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;"
@@ -33,6 +32,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 };
 var euiSelectableTemplateSitewideStyles = exports.euiSelectableTemplateSitewideStyles = function euiSelectableTemplateSitewideStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
+  var visColors = (0, _services.euiPaletteColorBlind)();
   return {
     euiSelectableTemplateSitewide: _ref2,
     // Override EuiSelectable's default item underline

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

@@ -51,9 +51,10 @@ var euiPaletteColorBlind = exports.euiPaletteColorBlind = function euiPaletteCol
     _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 = _vis_color_store.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 : _vis_color_store.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
@@ -78,23 +79,23 @@ var euiPaletteColorBlind = exports.euiPaletteColorBlind = function euiPaletteCol
       }
     });
     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, (0, _toConsumableArray2.default)(rotation));
+        (_colors2 = _colors).push.apply(_colors2, (0, _toConsumableArray2.default)(rotation));
       };
       for (var i = 0; i < rotations; i++) {
         _loop(i);
       }
     }
   } else {
-    colors = base;
+    _colors = base;
   }
-  return colors;
+  return _colors;
 };
 
 /**
@@ -106,11 +107,12 @@ var euiPaletteColorBlind = exports.euiPaletteColorBlind = function euiPaletteCol
  */
 var euiPaletteColorBlindBehindText = exports.euiPaletteColorBlindBehindText = function euiPaletteColorBlindBehindText() {
   var paletteProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var hasVisColorAdjustment = _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment;
+  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;
+  if (!_hasVisColorAdjustment) return originalPalette;
   var newPalette = originalPalette.map(function (color) {
     return (0, _chromaJs.default)(color).brighten(0.5).hex();
   });
@@ -127,7 +129,9 @@ var _getVisColorsAsText = function _getVisColorsAsText(visColors, keys) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 var euiPaletteForLightBackground = exports.euiPaletteForLightBackground = function euiPaletteForLightBackground() {
-  var visColors = _vis_color_store.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 : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   var visColorsAsTextKeys = Object.keys(visColors).filter(function (color) {
     return color.includes('AsTextLight');
   });
@@ -139,7 +143,9 @@ var euiPaletteForLightBackground = exports.euiPaletteForLightBackground = functi
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 var euiPaletteForDarkBackground = exports.euiPaletteForDarkBackground = function euiPaletteForDarkBackground() {
-  var visColors = _vis_color_store.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 : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   var visColorsAsTextKeys = Object.keys(visColors).filter(function (color) {
     return color.includes('AsTextDark');
   });
@@ -151,7 +157,9 @@ var euiPaletteForDarkBackground = exports.euiPaletteForDarkBackground = function
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 var euiPaletteForStatus = exports.euiPaletteForStatus = function euiPaletteForStatus(steps) {
-  var visColors = _vis_color_store.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 : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisSuccess0];
   }
@@ -166,8 +174,11 @@ var euiPaletteForStatus = exports.euiPaletteForStatus = function euiPaletteForSt
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 var euiPaletteForTemperature = exports.euiPaletteForTemperature = function euiPaletteForTemperature(steps) {
-  var hasVisColorAdjustment = _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment,
-    visColors = _vis_color_store.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 : _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) {
@@ -175,7 +186,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((0, _toConsumableArray2.default)(cools), (0, _toConsumableArray2.default)(warms)) : [].concat((0, _toConsumableArray2.default)(cools), [visColors.euiColorVisNeutral0], (0, _toConsumableArray2.default)(warms));
+  var paletteColors = _hasVisColorAdjustment ? [].concat((0, _toConsumableArray2.default)(cools), (0, _toConsumableArray2.default)(warms)) : [].concat((0, _toConsumableArray2.default)(cools), [visColors.euiColorVisNeutral0], (0, _toConsumableArray2.default)(warms));
   return euiPalette(paletteColors, steps, true);
 };
 
@@ -184,12 +195,15 @@ var euiPaletteForTemperature = exports.euiPaletteForTemperature = function euiPa
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 var euiPaletteComplementary = exports.euiPaletteComplementary = function euiPaletteComplementary(steps) {
-  var hasVisColorAdjustment = _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment,
-    visColors = _vis_color_store.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 : _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.euiColorVisNeutral0, visColors.euiColorVisComplementary1];
+  var paletteColors = _hasVisColorAdjustment ? [visColors.euiColorVisComplementary0, visColors.euiColorVisComplementary1] : [visColors.euiColorVisComplementary0, visColors.euiColorVisNeutral0, visColors.euiColorVisComplementary1];
   return euiPalette(paletteColors, steps, true);
 };
 
@@ -198,7 +212,9 @@ var euiPaletteComplementary = exports.euiPaletteComplementary = function euiPale
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 var euiPaletteRed = exports.euiPaletteRed = function euiPaletteRed(steps) {
-  var visColors = _vis_color_store.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 : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisDanger1];
   }
@@ -210,7 +226,9 @@ var euiPaletteRed = exports.euiPaletteRed = function euiPaletteRed(steps) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 var euiPaletteGreen = exports.euiPaletteGreen = function euiPaletteGreen(steps) {
-  var visColors = _vis_color_store.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 : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisSuccess1];
   }
@@ -222,12 +240,15 @@ var euiPaletteGreen = exports.euiPaletteGreen = function euiPaletteGreen(steps)
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 var euiPaletteCool = exports.euiPaletteCool = function euiPaletteCool(steps) {
-  var hasVisColorAdjustment = _vis_color_store.EUI_VIS_COLOR_STORE.hasVisColorAdjustment,
-    visColors = _vis_color_store.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 : _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.euiColorVisNeutral0 : visColors.euiColorVisCool0, visColors.euiColorVisCool1, visColors.euiColorVisCool2], steps);
+  return euiPalette([_hasVisColorAdjustment ? visColors.euiColorVisNeutral0 : visColors.euiColorVisCool0, visColors.euiColorVisCool1, visColors.euiColorVisCool2], steps);
 };
 
 /**
@@ -235,7 +256,9 @@ var euiPaletteCool = exports.euiPaletteCool = function euiPaletteCool(steps) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 var euiPaletteWarm = exports.euiPaletteWarm = function euiPaletteWarm(steps) {
-  var visColors = _vis_color_store.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 : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisWarm2];
   }
@@ -247,7 +270,9 @@ var euiPaletteWarm = exports.euiPaletteWarm = function euiPaletteWarm(steps) {
  * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
  */
 var euiPaletteGray = exports.euiPaletteGray = function euiPaletteGray(steps) {
-  var visColors = _vis_color_store.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 : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisGrey1];
   }

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

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEuiPaletteWarm = exports.useEuiPaletteRed = exports.useEuiPaletteGreen = exports.useEuiPaletteGray = exports.useEuiPaletteForTemperature = exports.useEuiPaletteForStatus = exports.useEuiPaletteCool = exports.useEuiPaletteComplementary = exports.useEuiPaletteColorBlindBehindText = exports.useEuiPaletteColorBlind = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _hooks = require("../theme/hooks");
+var _eui_palettes = require("./eui_palettes");
+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; } /*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+var useEuiPaletteColorBlind = exports.useEuiPaletteColorBlind = function useEuiPaletteColorBlind(args) {
+  return _useEuiPaletteFn(_eui_palettes.euiPaletteColorBlind, args);
+};
+var useEuiPaletteColorBlindBehindText = exports.useEuiPaletteColorBlindBehindText = function useEuiPaletteColorBlindBehindText(args) {
+  return _useEuiPaletteFn(_eui_palettes.euiPaletteColorBlindBehindText, args);
+};
+var useEuiPaletteForStatus = exports.useEuiPaletteForStatus = function useEuiPaletteForStatus(steps) {
+  return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteForStatus, steps);
+};
+var useEuiPaletteForTemperature = exports.useEuiPaletteForTemperature = function useEuiPaletteForTemperature(steps) {
+  return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteForTemperature, steps);
+};
+var useEuiPaletteComplementary = exports.useEuiPaletteComplementary = function useEuiPaletteComplementary(steps) {
+  return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteComplementary, steps);
+};
+var useEuiPaletteRed = exports.useEuiPaletteRed = function useEuiPaletteRed(steps) {
+  return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteRed, steps);
+};
+var useEuiPaletteGreen = exports.useEuiPaletteGreen = function useEuiPaletteGreen(steps) {
+  return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteGreen, steps);
+};
+var useEuiPaletteCool = exports.useEuiPaletteCool = function useEuiPaletteCool(steps) {
+  return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteCool, steps);
+};
+var useEuiPaletteWarm = exports.useEuiPaletteWarm = function useEuiPaletteWarm(steps) {
+  return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteWarm, steps);
+};
+var useEuiPaletteGray = exports.useEuiPaletteGray = function useEuiPaletteGray(steps) {
+  return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteGray, steps);
+};
+
+/* Internal helper utils */
+
+var _useEuiPaletteFn = function _useEuiPaletteFn(palleteFn, args) {
+  var _useEuiTheme = (0, _hooks.useEuiTheme)(),
+    euiTheme = _useEuiTheme.euiTheme;
+  var colors = euiTheme.colors,
+    flags = euiTheme.flags;
+  return (0, _react.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 = (0, _hooks.useEuiTheme)(),
+    euiTheme = _useEuiTheme2.euiTheme;
+  var colors = euiTheme.colors,
+    flags = euiTheme.flags;
+  return (0, _react.useMemo)(function () {
+    return palleteFn(steps, {
+      colors: colors.vis,
+      hasVisColorAdjustment: flags.hasVisColorAdjustment
+    });
+  }, [colors, flags, steps, palleteFn]);
+};

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

@@ -207,6 +207,18 @@ var _visualization_colors = require("./visualization_colors");
 var _vis_color_store = require("./vis_color_store");
 var _color_palette = require("./color_palette");
 var _eui_palettes = require("./eui_palettes");
+var _eui_palettes_hooks = require("./eui_palettes_hooks");
+Object.keys(_eui_palettes_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _eui_palettes_hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _eui_palettes_hooks[key];
+    }
+  });
+});
 var _stepped_gradient = require("./stepped_gradient");
 var _manipulation = require("./manipulation");
 Object.keys(_manipulation).forEach(function (key) {

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

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

package/optimize/lib/services/index.js

@@ -575,6 +575,18 @@ var _alignment = require("./alignment");
 var _breakpoint = require("./breakpoint");
 var _canvas = require("./canvas");
 var _color = require("./color");
+var _eui_palettes_hooks = require("./color/eui_palettes_hooks");
+Object.keys(_eui_palettes_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _eui_palettes_hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _eui_palettes_hooks[key];
+    }
+  });
+});
 var _color_picker = require("./color_picker");
 var _console = require("./console");
 Object.keys(_console).forEach(function (key) {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultComputedTheme = exports.EuiThemeContext = exports.EuiSystemContext = exports.EuiNestedThemeContext = exports.EuiModificationsContext = exports.EuiColorModeContext = void 0;
 var _react = require("react");
-var _theme = require("../../themes/amsterdam/theme");
+var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
 var _utils = require("./utils");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -15,10 +15,10 @@ var _utils = require("./utils");
  * Side Public License, v 1.
  */
 
-var EuiSystemContext = exports.EuiSystemContext = /*#__PURE__*/(0, _react.createContext)(_theme.EuiThemeAmsterdam);
+var EuiSystemContext = exports.EuiSystemContext = /*#__PURE__*/(0, _react.createContext)(_euiThemeBorealis.EuiThemeBorealis);
 var EuiModificationsContext = exports.EuiModificationsContext = /*#__PURE__*/(0, _react.createContext)({});
 var EuiColorModeContext = exports.EuiColorModeContext = /*#__PURE__*/(0, _react.createContext)(_utils.DEFAULT_COLOR_MODE);
-var defaultComputedTheme = exports.defaultComputedTheme = (0, _utils.getComputed)(_theme.EuiThemeAmsterdam, {}, _utils.DEFAULT_COLOR_MODE);
+var defaultComputedTheme = exports.defaultComputedTheme = (0, _utils.getComputed)(_euiThemeBorealis.EuiThemeBorealis, {}, _utils.DEFAULT_COLOR_MODE);
 var EuiThemeContext = exports.EuiThemeContext = /*#__PURE__*/(0, _react.createContext)(defaultComputedTheme);
 var EuiNestedThemeContext = exports.EuiNestedThemeContext = /*#__PURE__*/(0, _react.createContext)({
   isGlobalTheme: true,

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

@@ -14,7 +14,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("@emotion/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
-var _themes = require("../../themes/themes");
 var _emotion = require("../emotion");
 var _css2 = require("../emotion/css");
 var _current_breakpoint = require("../breakpoint/current_breakpoint");
@@ -89,16 +88,6 @@ var EuiThemeProvider = exports.EuiThemeProvider = function EuiThemeProvider(_ref
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
     theme = _useState8[0],
     setTheme = _useState8[1];
-
-  // TODO: temp. testing code only, remove once obsolete
-  (0, _react2.useEffect)(function () {
-    if (process.env.NODE_ENV === 'development') {
-      var isEnabled = localStorage.getItem(_themes.EUI_EXPERIMENTAL_THEME_ENABLED_KEY) != null;
-      if (!isEnabled) {
-        localStorage.setItem(_themes.EUI_EXPERIMENTAL_THEME_ENABLED_KEY, 'true');
-      }
-    }
-  }, []);
   (0, _react2.useEffect)(function () {
     var newSystem = _system || parentSystem;
     if (prevSystemKey.current !== newSystem.key) {