@elastic/eui 102.3.0-amsterdam.0 → 103.0.0

package/optimize/lib/components/card/card.a11y.js

@@ -59,7 +59,7 @@ var Card = function Card() {
     title: "Sketch",
     description: "Example of a short card description.",
     footer: (0, _react2.jsx)(_button.EuiButtonEmpty, {
-      iconType: "iInCircle",
+      iconType: "info",
       size: "xs",
       onClick: detailsClicked,
       "aria-label": "See more details about Sketch"
@@ -76,7 +76,7 @@ var Card = function Card() {
     title: "Google",
     description: "Example of a longer card description. See how the footers stay lined up.",
     footer: (0, _react2.jsx)(_button.EuiButtonEmpty, {
-      iconType: "iInCircle",
+      iconType: "info",
       size: "xs",
       onClick: detailsClicked,
       "aria-label": "See more details about Google"
@@ -93,7 +93,7 @@ var Card = function Card() {
     title: "Not Adobe",
     description: "Example of a short card description.",
     footer: (0, _react2.jsx)(_button.EuiButtonEmpty, {
-      iconType: "iInCircle",
+      iconType: "info",
       size: "xs",
       onClick: detailsClicked,
       "aria-label": "See more details about Not Adobe"

package/optimize/lib/components/collapsible_nav_beta/collapsible_nav_item/collapsible_nav_item.styles.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.euiCollapsibleNavTopItemStyles = exports.euiCollapsibleNavSubItemsStyles = exports.euiCollapsibleNavItemVariables = exports.euiCollapsibleNavItemTitleStyles = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
+var _services = require("../../../services");
 var _global_styling = require("../../../global_styling");
 var _button = require("../../../global_styling/mixins/_button");
 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; }
@@ -23,6 +24,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 var euiCollapsibleNavItemVariables = exports.euiCollapsibleNavItemVariables = function euiCollapsibleNavItemVariables(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
+  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'buttonVariant');
   return _objectSpread(_objectSpread({
     height: euiTheme.size.xl,
     padding: euiTheme.size.s
@@ -31,7 +33,7 @@ var euiCollapsibleNavItemVariables = exports.euiCollapsibleNavItemVariables = fu
     // Matches EuiButton
     borderRadius: euiTheme.border.radius.small,
     backgroundHoverColor: euiTheme.colors.lightestShade,
-    backgroundSelectedColor: (0, _button.euiButtonColor)(euiThemeContext, 'text').backgroundColor,
+    backgroundSelectedColor: isRefreshVariant ? euiTheme.colors.backgroundBaseInteractiveSelect : (0, _button.euiButtonColor)(euiThemeContext, 'text').backgroundColor,
     color: euiTheme.colors.textParagraph,
     rightIconColor: euiTheme.colors.textDisabled
   });

package/optimize/lib/components/filter_group/filter_button.js

@@ -58,7 +58,7 @@ var EuiFilterButton = exports.EuiFilterButton = function EuiFilterButton(_ref) {
     prefix: 'filter-button'
   });
   var numFiltersDefined = numFilters != null; // != instead of !== to allow for null and undefined
-  var numActiveFiltersDefined = numActiveFilters != null && numActiveFilters > 0;
+  var numActiveFiltersDefined = !!numActiveFilters;
   var euiThemeContext = (0, _services.useEuiTheme)();
   var colorMode = euiThemeContext.colorMode;
   var isRefreshVariant = (0, _services.useEuiThemeRefreshVariant)('buttonVariant');

package/optimize/lib/components/filter_group/filter_button.styles.js

@@ -68,7 +68,7 @@ var euiFilterButtonStyles = exports.euiFilterButtonStyles = function euiFilterBu
     hasNotification: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('min-width', (0, _global_styling.mathWithUnits)(euiTheme.size.base, function (x) {
       return x * 6;
     })), ";;label:hasNotification;"),
-    hasActiveFilters: /*#__PURE__*/(0, _react.css)("font-weight:", isRefreshVariant ? euiTheme.font.weight.regular : euiTheme.font.weight.bold, ";;label:hasActiveFilters;")
+    hasActiveFilters: /*#__PURE__*/(0, _react.css)("font-weight:", isRefreshVariant ? euiTheme.font.weight.medium : euiTheme.font.weight.bold, ";;label:hasActiveFilters;")
   };
 };
 var euiFilterButtonWrapperStyles = exports.euiFilterButtonWrapperStyles = function euiFilterButtonWrapperStyles(euiThemeContext) {

package/optimize/lib/components/header/header_section/header_section_item_button.styles.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.euiHeaderSectionItemButtonStyles = void 0;
 var _react = require("@emotion/react");
+var _services = require("../../../services");
 var _global_styling = require("../../../global_styling");
 var _header = require("../header.styles");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /*
@@ -34,15 +35,23 @@ var euiHeaderSectionItemButtonStyles = exports.euiHeaderSectionItemButtonStyles
   var _euiHeaderVariables = (0, _header.euiHeaderVariables)(euiThemeContext),
     childHeight = _euiHeaderVariables.childHeight;
   var euiTheme = euiThemeContext.euiTheme;
+  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'buttonVariant');
+  var dotSize = euiTheme.size.base;
+  var dotOffset = isRefreshVariant ? (0, _global_styling.mathWithUnits)(dotSize, function (x) {
+    return x * -0.5;
+  }) : 0;
+  var badgeOffset = isRefreshVariant ? (0, _global_styling.mathWithUnits)(euiTheme.size.s, function (x) {
+    return x * -0.5;
+  }) : '9%';
   return {
-    euiHeaderSectionItemButton: /*#__PURE__*/(0, _react.css)("position:relative;", (0, _global_styling.logicalCSS)('height', childHeight), " ", (0, _global_styling.logicalCSS)('min-width', childHeight), " text-align:center;font-size:0;", (0, _global_styling.euiMaxBreakpoint)(euiThemeContext, 's'), "{", (0, _global_styling.logicalCSS)('min-width', (0, _global_styling.mathWithUnits)(childHeight, function (x) {
+    euiHeaderSectionItemButton: /*#__PURE__*/(0, _react.css)("position:relative;", (0, _global_styling.logicalCSS)('height', childHeight), " ", (0, _global_styling.logicalCSS)('min-width', childHeight), " ", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.s), " text-align:center;font-size:0;", (0, _global_styling.euiMaxBreakpoint)(euiThemeContext, 's'), "{", (0, _global_styling.logicalCSS)('min-width', (0, _global_styling.mathWithUnits)(childHeight, function (x) {
       return x * 0.75;
     })), ";};label:euiHeaderSectionItemButton;"),
     euiHeaderSectionItemButton__content: _ref2,
     notification: {
       euiHeaderSectionItemButton__notification: _ref,
-      dot: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('top', 0), " ", (0, _global_styling.logicalCSS)('right', 0), " stroke:", euiTheme.colors.emptyShade, ";", (0, _global_styling.euiMaxBreakpoint)(euiThemeContext, 's'), "{", (0, _global_styling.logicalSizeCSS)(euiTheme.size.base), " ", (0, _global_styling.logicalCSS)('top', '9%'), ";};label:dot;"),
-      badge: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('top', '9%'), " ", (0, _global_styling.logicalCSS)('right', '9%'), " box-shadow:0 0 0 ", euiTheme.border.width.thin, " ", euiTheme.colors.emptyShade, ";;label:badge;")
+      dot: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('top', 0), " ", (0, _global_styling.logicalCSS)('right', dotOffset), " stroke:", euiTheme.colors.emptyShade, ";", (0, _global_styling.euiMaxBreakpoint)(euiThemeContext, 's'), "{", (0, _global_styling.logicalSizeCSS)(dotSize), " ", (0, _global_styling.logicalCSS)('top', '9%'), ";};label:dot;"),
+      badge: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('top', '9%'), " ", (0, _global_styling.logicalCSS)('right', badgeOffset), " box-shadow:0 0 0 ", euiTheme.border.width.thin, " ", euiTheme.colors.emptyShade, ";;label:badge;")
     }
   };
 };

package/optimize/lib/components/icon/assets/{iInCircle.js → info.js}

@@ -21,7 +21,7 @@ var _excluded = ["title", "titleId"];
 // 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 EuiIconIInCircle = function EuiIconIInCircle(_ref) {
+var EuiIconInfo = function EuiIconInfo(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -45,4 +45,4 @@ var EuiIconIInCircle = function EuiIconIInCircle(_ref) {
     clipRule: "evenodd"
   }));
 };
-var icon = exports.icon = EuiIconIInCircle;
+var icon = exports.icon = EuiIconInfo;

package/optimize/lib/components/icon/assets/{question_in_circle.js → question.js}

@@ -21,7 +21,7 @@ var _excluded = ["title", "titleId"];
 // 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 EuiIconQuestionInCircle = function EuiIconQuestionInCircle(_ref) {
+var EuiIconQuestion = function EuiIconQuestion(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -34,7 +34,13 @@ var EuiIconQuestionInCircle = function EuiIconQuestionInCircle(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("path", {
-    d: "M8 14A6 6 0 1 1 8 2a6 6 0 0 1 0 12Zm0-1A5 5 0 1 0 8 3a5 5 0 0 0 0 10Zm-.186-1.065A.785.785 0 0 1 7 11.12c0-.48.34-.82.814-.82.475 0 .809.34.809.82 0 .475-.334.815-.809.815ZM5.9 6.317C5.96 5.168 6.755 4.4 8.048 4.4c1.218 0 2.091.759 2.091 1.8 0 .736-.36 1.304-1.03 1.707-.56.33-.717.56-.717 1.022v.305l-.1.1H7.47l-.1-.1v-.431c-.005-.646.302-1.104.987-1.514.527-.322.708-.59.708-1.047 0-.536-.416-.91-1.05-.91-.652 0-1.064.374-1.112.998l-.1.092H6l-.1-.105Z"
+    fillRule: "evenodd",
+    d: "M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Zm0 1A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z"
+  }), (0, _react2.jsx)("path", {
+    d: "M9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
+  }), (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M8 4h.033l.067.004a2.343 2.343 0 0 1 .874.236c.246.124.508.317.708.616.2.302.318.682.318 1.144 0 .463-.117.843-.318 1.145-.2.299-.462.492-.708.615a2.274 2.274 0 0 1-.474.172V9h-1V7H8c.005 0 .015 0 .029-.002a1.344 1.344 0 0 0 .498-.133.817.817 0 0 0 .323-.275C8.93 6.47 9 6.288 9 6c0-.287-.07-.47-.15-.59a.818.818 0 0 0-.324-.275 1.344 1.344 0 0 0-.555-.133 1.344 1.344 0 0 0-.498.133.817.817 0 0 0-.323.275C7.07 5.53 7 5.713 7 6H6c0-.462.117-.843.318-1.144.2-.3.462-.492.708-.616a2.343 2.343 0 0 1 .94-.24H8Z"
   }));
 };
-var icon = exports.icon = EuiIconQuestionInCircle;
+var icon = exports.icon = EuiIconQuestion;

package/optimize/lib/components/icon/icon_glyphs.a11y.js

@@ -18,7 +18,7 @@ var _react2 = require("@emotion/react");
 
 describe('EuiIcons', function () {
   describe('Automated accessibility check for glyph icons', function () {
-    var GlyphIcons = ['accessibility', 'aggregate', 'analyzeEvent', 'annotation', 'apmTrace', 'apps', 'arrowDown', 'arrowLeft', 'arrowRight', 'arrowUp', 'arrowStart', 'arrowEnd', 'article', 'asterisk', 'beaker', 'bell', 'bellSlash', 'beta', 'bolt', 'boxesHorizontal', 'boxesVertical', 'branch', 'branchUser', 'broom', 'brush', 'bug', 'bullseye', 'calendar', 'check', 'checkInCircleFilled', 'cheer', 'clock', 'cloudDrizzle', 'cloudStormy', 'cloudSunny', 'cluster', 'color', 'compute', 'console', 'container', 'continuityAbove', 'continuityAboveBelow', 'continuityBelow', 'continuityWithin', 'controlsHorizontal', 'controlsVertical', 'copy', 'copyClipboard', 'cross', 'crosshairs', 'currency', 'cut', 'database', 'desktop', 'discuss', 'document', 'documents', 'documentEdit', 'documentation', 'dot', 'dotInCircle', 'doubleArrowLeft', 'doubleArrowRight', 'download', 'email', 'empty', 'eql', 'eraser', 'exit', 'expand', 'expandMini', 'exportAction', 'eye', 'eyeClosed', 'faceHappy', 'faceNeutral', 'faceSad', 'filter', 'filterExclude', 'filterIgnore', 'filterInclude', 'filterInCircle', 'flag', 'fold', 'folderCheck', 'folderClosed', 'folderExclamation', 'folderOpen', 'frameNext', 'framePrevious', 'fullScreen', 'fullScreenExit', 'function', 'gear', 'glasses', 'globe', 'grab', 'grabHorizontal', 'grid', 'heart', 'heatmap', 'help', 'home', 'iInCircle', 'image', 'importAction', 'indexClose', 'indexEdit', 'indexFlush', 'indexMapping', 'indexOpen', 'indexRuntime', 'indexSettings', 'indexTemporary', 'infinity', 'inputOutput', 'inspect', 'invert', 'ip', 'keyboard', 'kqlField', 'kqlFunction', 'kqlOperand', 'kqlSelector', 'kqlValue', 'kubernetesNode', 'kubernetesPod', 'launch', 'layers', 'lettering', 'lineDashed', 'lineDotted', 'lineSolid', 'link', 'list', 'listAdd', 'lock', 'lockOpen', 'logstashFilter', 'logstashIf', 'logstashInput', 'logstashOutput', 'logstashQueue', 'magnifyWithExclamation', 'magnifyWithMinus', 'magnifyWithPlus', 'magnet', 'mapMarker', 'memory', 'merge', 'menu', 'menuDown', 'menuLeft', 'menuRight', 'menuUp', 'minimize', 'minus', 'minusInCircle', 'minusInCircleFilled', 'mobile', 'moon', 'namespace', 'nested', 'node', 'number', 'offline', 'online', 'package', 'pageSelect', 'pagesSelect', 'paperClip', 'partial', 'pause', 'payment', 'pencil', 'percent', 'pin', 'pinFilled', 'play', 'playFilled', 'plus', 'plusInCircle', 'plusInCircleFilled', 'popout', 'push', 'questionInCircle', 'quote', 'refresh', 'reporter', 'returnKey', 'save', 'scale', 'search', 'securitySignal', 'securitySignalDetected', 'securitySignalResolved', 'sessionViewer', 'shard', 'share', 'snowflake', 'sortable', 'sortAscending', 'sortDescending', 'sortDown', 'sortLeft', 'sortRight', 'sortUp', 'spaces', 'sparkles', 'starEmpty', 'starEmptySpace', 'starFilled', 'starFilledSpace', 'starMinusEmpty', 'starMinusFilled', 'starPlusEmpty', 'starPlusFilled', 'stats', 'stop', 'stopFilled', 'stopSlash', 'storage', 'string', 'submodule', 'sun', 'symlink', 'tableOfContents', 'tableDensityExpanded', 'tableDensityCompact', 'tableDensityNormal', 'tag', 'tear', 'temperature', 'timeline', 'timelineWithArrow', 'timeRefresh', 'timeslider', 'training', 'trash', 'unfold', 'unlink', 'user', 'userAvatar', 'users', 'vector', 'videoPlayer', 'visArea', 'visAreaStacked', 'visBarHorizontal', 'visBarHorizontalStacked', 'visBarVertical', 'visBarVerticalStacked', 'visGauge', 'visGoal', 'visLine', 'visMapCoordinate', 'visMapRegion', 'visMetric', 'visPie', 'visTable', 'visTagCloud', 'visText', 'visTimelion', 'visVega', 'visVisualBuilder', 'warning', 'wordWrap', 'wordWrapDisabled', 'wrench'];
+    var GlyphIcons = ['accessibility', 'aggregate', 'analyzeEvent', 'annotation', 'apmTrace', 'apps', 'arrowDown', 'arrowLeft', 'arrowRight', 'arrowUp', 'arrowStart', 'arrowEnd', 'article', 'asterisk', 'beaker', 'bell', 'bellSlash', 'beta', 'bolt', 'boxesHorizontal', 'boxesVertical', 'branch', 'branchUser', 'broom', 'brush', 'bug', 'bullseye', 'calendar', 'check', 'checkInCircleFilled', 'cheer', 'clock', 'cloudDrizzle', 'cloudStormy', 'cloudSunny', 'cluster', 'color', 'compute', 'console', 'container', 'continuityAbove', 'continuityAboveBelow', 'continuityBelow', 'continuityWithin', 'controlsHorizontal', 'controlsVertical', 'copy', 'copyClipboard', 'cross', 'crosshairs', 'currency', 'cut', 'database', 'desktop', 'discuss', 'document', 'documents', 'documentEdit', 'documentation', 'dot', 'dotInCircle', 'doubleArrowLeft', 'doubleArrowRight', 'download', 'email', 'empty', 'eql', 'eraser', 'exit', 'expand', 'expandMini', 'exportAction', 'eye', 'eyeClosed', 'faceHappy', 'faceNeutral', 'faceSad', 'filter', 'filterExclude', 'filterIgnore', 'filterInclude', 'filterInCircle', 'flag', 'fold', 'folderCheck', 'folderClosed', 'folderExclamation', 'folderOpen', 'frameNext', 'framePrevious', 'fullScreen', 'fullScreenExit', 'function', 'gear', 'glasses', 'globe', 'grab', 'grabHorizontal', 'grid', 'heart', 'heatmap', 'help', 'home', 'info', 'image', 'importAction', 'indexClose', 'indexEdit', 'indexFlush', 'indexMapping', 'indexOpen', 'indexRuntime', 'indexSettings', 'indexTemporary', 'infinity', 'inputOutput', 'inspect', 'invert', 'ip', 'keyboard', 'kqlField', 'kqlFunction', 'kqlOperand', 'kqlSelector', 'kqlValue', 'kubernetesNode', 'kubernetesPod', 'launch', 'layers', 'lettering', 'lineDashed', 'lineDotted', 'lineSolid', 'link', 'list', 'listAdd', 'lock', 'lockOpen', 'logstashFilter', 'logstashIf', 'logstashInput', 'logstashOutput', 'logstashQueue', 'magnifyWithExclamation', 'magnifyWithMinus', 'magnifyWithPlus', 'magnet', 'mapMarker', 'memory', 'merge', 'menu', 'menuDown', 'menuLeft', 'menuRight', 'menuUp', 'minimize', 'minus', 'minusInCircle', 'minusInCircleFilled', 'mobile', 'moon', 'namespace', 'nested', 'node', 'number', 'offline', 'online', 'package', 'pageSelect', 'pagesSelect', 'paperClip', 'partial', 'pause', 'payment', 'pencil', 'percent', 'pin', 'pinFilled', 'play', 'playFilled', 'plus', 'plusInCircle', 'plusInCircleFilled', 'popout', 'push', 'question', 'quote', 'refresh', 'reporter', 'returnKey', 'save', 'scale', 'search', 'securitySignal', 'securitySignalDetected', 'securitySignalResolved', 'sessionViewer', 'shard', 'share', 'snowflake', 'sortable', 'sortAscending', 'sortDescending', 'sortDown', 'sortLeft', 'sortRight', 'sortUp', 'spaces', 'sparkles', 'starEmpty', 'starEmptySpace', 'starFilled', 'starFilledSpace', 'starMinusEmpty', 'starMinusFilled', 'starPlusEmpty', 'starPlusFilled', 'stats', 'stop', 'stopFilled', 'stopSlash', 'storage', 'string', 'submodule', 'sun', 'symlink', 'tableOfContents', 'tableDensityExpanded', 'tableDensityCompact', 'tableDensityNormal', 'tag', 'tear', 'temperature', 'timeline', 'timelineWithArrow', 'timeRefresh', 'timeslider', 'training', 'trash', 'unfold', 'unlink', 'user', 'userAvatar', 'users', 'vector', 'videoPlayer', 'visArea', 'visAreaStacked', 'visBarHorizontal', 'visBarHorizontalStacked', 'visBarVertical', 'visBarVerticalStacked', 'visGauge', 'visGoal', 'visLine', 'visMapCoordinate', 'visMapRegion', 'visMetric', 'visPie', 'visTable', 'visTagCloud', 'visText', 'visTimelion', 'visVega', 'visVisualBuilder', 'warning', 'wordWrap', 'wordWrapDisabled', 'wrench'];
     var GlyphGrid = function GlyphGrid() {
       return (0, _react2.jsx)("div", null, GlyphIcons.map(function (glyph) {
         return (0, _react2.jsx)(_icon.EuiIcon, {

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

@@ -206,7 +206,9 @@ var typeToPathMap = exports.typeToPathMap = {
   heatmap: 'heatmap',
   help: 'help',
   home: 'home',
-  iInCircle: 'iInCircle',
+  iInCircle: 'info',
+  // NOTE: To be deprecated in favor of `info`
+  info: 'info',
   image: 'image',
   importAction: 'import',
   index: 'index',
@@ -373,7 +375,9 @@ var typeToPathMap = exports.typeToPathMap = {
   plusInSquare: 'plus_in_square',
   popout: 'popout',
   push: 'push',
-  questionInCircle: 'question_in_circle',
+  questionInCircle: 'question',
+  // NOTE: To be deprecated in favor of `question`
+  question: 'question',
   quote: 'quote',
   readOnly: 'readOnly',
   recentlyViewedApp: 'app_recently_viewed',

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

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14ZM8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15Z" />
+<path d="M9 11C9 11.5523 8.55228 12 8 12C7.44772 12 7 11.5523 7 11C7 10.4477 7.44772 10 8 10C8.55228 10 9 10.4477 9 11Z" />
+<path fill-rule="evenodd" d="M7.99954 4.00006L8.00105 4.00006L8.00224 4.00006L8.00506 4.00008L8.01237 4.00017L8.0335 4.0007C8.05039 4.00127 8.07284 4.00231 8.10008 4.00426C8.15439 4.00814 8.22871 4.01566 8.31658 4.0303C8.48996 4.0592 8.72876 4.11793 8.97362 4.24037C9.22044 4.36379 9.48246 4.55677 9.68166 4.85559C9.88295 5.15755 10 5.53767 10 6.00019C10 6.4627 9.88295 6.84283 9.68164 7.14476C9.48242 7.44357 9.22037 7.6365 8.97353 7.75987C8.8066 7.8433 8.64249 7.89712 8.5 7.93207V8.99995H7.5V6.99983L7.99707 6.99995L8.00031 6.99986C8.0054 6.99969 8.01517 6.99928 8.02895 6.9983C8.05667 6.99633 8.09953 6.99213 8.15229 6.98335C8.26016 6.9654 8.39634 6.93041 8.52647 6.86537C8.65463 6.80131 8.76758 6.71306 8.84961 6.59003C8.92955 6.47012 9 6.28774 9 6.00019C9 5.71264 8.92956 5.53022 8.84959 5.41026C8.76754 5.28717 8.65456 5.19888 8.52638 5.13478C8.39624 5.06971 8.26004 5.03468 8.15217 5.0167C8.09942 5.0079 8.05655 5.0037 8.02883 5.00172C8.01505 5.00073 8.00528 5.00032 8.00019 5.00015C7.9951 5.00032 7.98491 5.00073 7.97113 5.00172C7.94341 5.00369 7.90055 5.00789 7.84779 5.01668C7.73992 5.03465 7.60373 5.06967 7.4736 5.13474C7.34543 5.19882 7.23246 5.28711 7.15041 5.41019C7.07045 5.53014 7 5.71257 7 6.00014H6C6 5.53761 6.11705 5.15747 6.31834 4.85552C6.51754 4.55669 6.77957 4.36371 7.0264 4.2403C7.27127 4.11788 7.51008 4.05916 7.68346 4.03028C7.77133 4.01564 7.84565 4.00813 7.89996 4.00425C7.9272 4.00231 7.94965 4.00126 7.96654 4.0007L7.98768 4.00017L7.99499 4.00008L7.9978 4.00006L7.99954 4.00006Z"/>
+</svg>

package/optimize/lib/components/list_group/list_group_item.styles.js

@@ -57,8 +57,8 @@ var euiListGroupItemInnerStyles = exports.euiListGroupItemInnerStyles = function
     // Base
     euiListGroupItem__inner: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalShorthandCSS)('padding', "".concat(euiTheme.size.xs, " ").concat(euiTheme.size.s)), " display:flex;align-items:center;flex-grow:1;max-inline-size:100%;overflow:hidden;text-align:start;font-weight:inherit;;label:euiListGroupItem__inner;"),
     // Sizes
-    xs: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 'xs'), " font-weight:", euiTheme.font.weight.medium, ";letter-spacing:0;", (0, _global_styling.logicalCSS)('min-height', euiTheme.size.l), ";;label:xs;"),
-    s: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 's'), " font-weight:", euiTheme.font.weight.medium, ";letter-spacing:0;", (0, _global_styling.logicalCSS)('min-height', euiTheme.size.xl), ";;label:s;"),
+    xs: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 'xs'), " letter-spacing:0;", (0, _global_styling.logicalCSS)('min-height', euiTheme.size.l), ";;label:xs;"),
+    s: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 's'), " letter-spacing:0;", (0, _global_styling.logicalCSS)('min-height', euiTheme.size.xl), ";;label:s;"),
     m: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 'm'), " ", (0, _global_styling.logicalCSS)('min-height', euiTheme.size.xl), ";;label:m;"),
     l: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 'l'), " ", (0, _global_styling.logicalCSS)('min-height', euiTheme.size.xxl), ";;label:l;"),
     // Colors

package/optimize/lib/components/markdown_editor/plugins/markdown_tooltip/renderer.js

@@ -30,7 +30,7 @@ var tooltipMarkdownRenderer = exports.tooltipMarkdownRenderer = function tooltip
   return (0, _react2.jsx)("span", null, (0, _react2.jsx)(_tool_tip.EuiToolTip, {
     content: content
   }, (0, _react2.jsx)("span", null, (0, _react2.jsx)("strong", null, children), (0, _react2.jsx)(_icon.EuiIcon, {
-    type: "questionInCircle"
+    type: "question"
     // This is to offset the tooltip icon, which isn't perfectly centered
     ,
     css: _ref2

package/optimize/lib/components/markdown_editor/plugins/remark/remark_prismjs.js

@@ -27,7 +27,7 @@ var attacher = function attacher() {
     var _node$data = node.data,
       data = _node$data === void 0 ? {} : _node$data,
       language = node.lang;
-    if (!language) {
+    if (!language || !_refractor.default.registered(language)) {
       return;
     }
     node.data = data;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EuiProvider = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _themes = require("../../themes");
+var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
 var _services = require("../../services");
 var _warning = require("../../services/theme/warning");
 var _css = require("../../services/emotion/css");
@@ -33,7 +33,7 @@ var EuiProvider = exports.EuiProvider = function EuiProvider(_ref) {
   var _ref$cache = _ref.cache,
     cache = _ref$cache === void 0 ? _css.cache : _ref$cache,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? _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/resizable_container/resizable_collapse_button.js

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

package/optimize/lib/components/table/table_header_cell.js

@@ -41,12 +41,12 @@ var CellContents = function CellContents(_ref) {
     isSortAscending = _ref.isSortAscending;
   var tooltipIcon = tooltipProps ? canSort ? (0, _react2.jsx)(_icon.EuiIcon, (0, _extends2.default)({
     className: "euiTableSortIcon",
-    type: tooltipProps.icon || 'questionInCircle',
+    type: tooltipProps.icon || 'question',
     size: "m",
     color: "subdued"
   }, tooltipProps.iconProps)) : (0, _react2.jsx)(_tool_tip.EuiIconTip, (0, _extends2.default)({
     content: tooltipProps.content,
-    type: tooltipProps.icon || 'questionInCircle',
+    type: tooltipProps.icon || 'question',
     size: "m",
     color: "subdued",
     position: "top",

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

@@ -77,7 +77,7 @@ var euiTextStyles = exports.euiTextStyles = function euiTextStyles(euiThemeConte
   var euiTheme = euiThemeContext.euiTheme;
   var codeColors = (0, _code_syntax.euiCodeTextColors)(euiThemeContext);
   return {
-    euiText: /*#__PURE__*/(0, _react.css)(euiText(euiTheme, true), "clear:both;a:not([class]){", (0, _link.euiLinkCSS)(euiThemeContext), ";}ul{list-style:disc;}ol{list-style:decimal;}blockquote{border-inline-start-color:", euiTheme.border.color, ";border-inline-start-style:solid;}blockquote:not(.euiMarkdownFormat__blockquote){color:", euiTheme.colors.textSubdued, ";}h1{", (0, _title.euiTitle)(euiThemeContext, 'l'), ";}h2{", (0, _title.euiTitle)(euiThemeContext, 'm'), ";}h3{", (0, _title.euiTitle)(euiThemeContext, 's'), ";}h4,dt{", (0, _title.euiTitle)(euiThemeContext, 'xs'), ";}h5{", (0, _title.euiTitle)(euiThemeContext, 'xxs'), ";}h6{", (0, _title.euiTitle)(euiThemeContext, 'xxxs'), " text-transform:uppercase;}h1,h2,h3,h4,h5,h6,dt{color:inherit;}pre:not(.euiCodeBlock > pre){white-space:pre-wrap;background-color:", codeColors.backgroundColor, ";color:", codeColors.color, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
+    euiText: /*#__PURE__*/(0, _react.css)(euiText(euiTheme, true), "clear:both;a:not([class]){", (0, _link.euiLinkCSS)(euiThemeContext), ";}ul{list-style:disc;}ol{list-style:decimal;}blockquote{border-inline-start-color:", euiTheme.border.color, ";border-inline-start-style:solid;}blockquote:not(.euiMarkdownFormat__blockquote){color:", euiTheme.colors.textSubdued, ";}h1{", (0, _title.euiTitle)(euiThemeContext, 'l'), ";}h2{", (0, _title.euiTitle)(euiThemeContext, 'm'), ";}h3{", (0, _title.euiTitle)(euiThemeContext, 's'), ";}h4,dt{", (0, _title.euiTitle)(euiThemeContext, 'xs'), ";}h5{", (0, _title.euiTitle)(euiThemeContext, 'xxs'), ";}h6{", (0, _title.euiTitle)(euiThemeContext, 'xxxs'), ";}h1,h2,h3,h4,h5,h6,dt{color:inherit;}pre:not(.euiCodeBlock > pre){white-space:pre-wrap;background-color:", codeColors.backgroundColor, ";color:", codeColors.color, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
       preferred: "border: ".concat(euiTheme.border.thin)
     }), ";}pre:not(.euiCodeBlock__pre),pre:not(.euiCodeBlock__pre) code{display:block;}>:last-child{", (0, _global_styling.logicalCSS)('margin-bottom', '0 !important'), ";}kbd{position:relative;display:inline-block;", (0, _global_styling.logicalCSS)('padding-vertical', euiTheme.size.xxs), " ", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), " line-height:1;border:", euiTheme.border.width.thin, " solid ", euiTheme.colors.textParagraph, ";border-radius:", (0, _global_styling.mathWithUnits)(euiTheme.border.radius.small, function (x) {
       return x / 2;

package/optimize/lib/components/tool_tip/icon_tip.js

@@ -22,7 +22,7 @@ var _excluded = ["type", "aria-label", "color", "size", "iconProps", "position",
  */
 var EuiIconTip = exports.EuiIconTip = function EuiIconTip(_ref) {
   var _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'questionInCircle' : _ref$type,
+    type = _ref$type === void 0 ? 'question' : _ref$type,
     ariaLabel = _ref['aria-label'],
     color = _ref.color,
     size = _ref.size,

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.euiPaletteWarm = exports.euiPaletteRed = exports.euiPaletteGreen = exports.euiPaletteGray = exports.euiPaletteForTemperature = exports.euiPaletteForStatus = exports.euiPaletteForLightBackground = exports.euiPaletteForDarkBackground = exports.euiPaletteCool = exports.euiPaletteComplementary = exports.euiPaletteColorBlindBehindText = exports.euiPaletteColorBlind = void 0;
+exports.euiPaletteYellow = exports.euiPaletteWarm = exports.euiPaletteSkyBlue = exports.euiPaletteRed = exports.euiPaletteOrange = exports.euiPaletteGreen = exports.euiPaletteGray = exports.euiPaletteForTemperature = exports.euiPaletteForStatus = exports.euiPaletteForLightBackground = exports.euiPaletteForDarkBackground = exports.euiPaletteCool = exports.euiPaletteComplementary = exports.euiPaletteColorBlindBehindText = exports.euiPaletteColorBlind = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _chromaJs = _interopRequireDefault(require("chroma-js"));
 var _color_palette = require("./color_palette");
@@ -164,9 +164,9 @@ var euiPaletteForStatus = exports.euiPaletteForStatus = function euiPaletteForSt
     return [visColors.euiColorVisSuccess0];
   }
   if (steps <= 3) {
-    return euiPalette([visColors.euiColorVisSuccess0, visColors.euiColorVisWarning0, visColors.euiColorVisDanger0], steps, true);
+    return euiPalette([visColors.euiColorVisSuccess0, visColors.euiColorVisWarning1, visColors.euiColorVisDanger0], steps, true);
   }
-  return euiPalette([visColors.euiColorVisSuccess0, visColors.euiColorVisSuccess1, visColors.euiColorVisWarning0, visColors.euiColorVisDanger1, visColors.euiColorVisDanger0], steps, true);
+  return euiPalette([visColors.euiColorVisSuccess0, visColors.euiColorVisSuccess1, visColors.euiColorVisWarning1, visColors.euiColorVisDanger1, visColors.euiColorVisDanger0], steps, true);
 };
 
 /**
@@ -186,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.euiColorVisBase0], (0, _toConsumableArray2.default)(warms));
   return euiPalette(paletteColors, steps, true);
 };
 
@@ -203,7 +203,7 @@ var euiPaletteComplementary = exports.euiPaletteComplementary = function euiPale
   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.euiColorVisBase0, visColors.euiColorVisComplementary1];
   return euiPalette(paletteColors, steps, true);
 };
 
@@ -218,7 +218,7 @@ var euiPaletteRed = exports.euiPaletteRed = function euiPaletteRed(steps) {
   if (steps === 1) {
     return [visColors.euiColorVisDanger1];
   }
-  return euiPalette([visColors.euiColorVisNeutral0, visColors.euiColorVisDanger0], steps);
+  return euiPalette([visColors.euiColorVisBase0, visColors.euiColorVisDanger0], steps);
 };
 
 /**
@@ -232,23 +232,65 @@ var euiPaletteGreen = exports.euiPaletteGreen = function euiPaletteGreen(steps)
   if (steps === 1) {
     return [visColors.euiColorVisSuccess1];
   }
-  return euiPalette([visColors.euiColorVisNeutral0, visColors.euiColorVisSuccess0], steps);
+  return euiPalette([visColors.euiColorVisBase0, visColors.euiColorVisSuccess0], steps);
 };
 
 /**
  * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
  * 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 euiPaletteSkyBlue = exports.euiPaletteSkyBlue = function euiPaletteSkyBlue(steps) {
   var _ref10 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    colors = _ref10.colors,
-    hasVisColorAdjustment = _ref10.hasVisColorAdjustment;
+    colors = _ref10.colors;
+  var visColors = colors !== null && colors !== void 0 ? colors : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
+  if (steps === 1) {
+    return [visColors.euiColorVisNeutral1];
+  }
+  return euiPalette([visColors.euiColorVisBase0, visColors.euiColorVisNeutral0], steps);
+};
+
+/**
+ * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
+ * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
+ */
+var euiPaletteYellow = exports.euiPaletteYellow = function euiPaletteYellow(steps) {
+  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.euiColorVisWarning1];
+  }
+  return euiPalette([visColors.euiColorVisBase0, visColors.euiColorVisWarning0], steps);
+};
+
+/**
+ * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
+ * EuiProvider on theme change. Ensure to recall the function on theme change or subscribe to the store.
+ */
+var euiPaletteOrange = exports.euiPaletteOrange = function euiPaletteOrange(steps) {
+  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.euiColorVisRisk1];
+  }
+  return euiPalette([visColors.euiColorVisBase0, visColors.euiColorVisRisk0], steps);
+};
+
+/**
+ * NOTE: This function is not pure. It relies on `EUI_VIS_COLOR_STORE` which is updated by the
+ * 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 _ref13 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    colors = _ref13.colors,
+    hasVisColorAdjustment = _ref13.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.euiColorVisBase0 : visColors.euiColorVisCool0, visColors.euiColorVisCool1, visColors.euiColorVisCool2], steps);
 };
 
 /**
@@ -256,8 +298,8 @@ 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 _ref11 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    colors = _ref11.colors;
+  var _ref14 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    colors = _ref14.colors;
   var visColors = colors !== null && colors !== void 0 ? colors : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisWarm2];
@@ -270,11 +312,11 @@ 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 _ref12 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-    colors = _ref12.colors;
+  var _ref15 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    colors = _ref15.colors;
   var visColors = colors !== null && colors !== void 0 ? colors : _vis_color_store.EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisGrey1];
   }
-  return euiPalette([visColors.euiColorVisNeutral0, visColors.euiColorVisGrey0, visColors.euiColorVisGrey1, visColors.euiColorVisGrey2, visColors.euiColorVisGrey3], steps, false);
+  return euiPalette([visColors.euiColorVisBase0, visColors.euiColorVisGrey0, visColors.euiColorVisGrey1, visColors.euiColorVisGrey2, visColors.euiColorVisGrey3], steps, false);
 };

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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;
+exports.useEuiPaletteYellow = exports.useEuiPaletteWarm = exports.useEuiPaletteSkyBlue = exports.useEuiPaletteRed = exports.useEuiPaletteOrange = 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");
@@ -38,6 +38,15 @@ var useEuiPaletteRed = exports.useEuiPaletteRed = function useEuiPaletteRed(step
 var useEuiPaletteGreen = exports.useEuiPaletteGreen = function useEuiPaletteGreen(steps) {
   return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteGreen, steps);
 };
+var useEuiPaletteSkyBlue = exports.useEuiPaletteSkyBlue = function useEuiPaletteSkyBlue(steps) {
+  return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteSkyBlue, steps);
+};
+var useEuiPaletteYellow = exports.useEuiPaletteYellow = function useEuiPaletteYellow(steps) {
+  return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteYellow, steps);
+};
+var useEuiPaletteOrange = exports.useEuiPaletteOrange = function useEuiPaletteOrange(steps) {
+  return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteOrange, steps);
+};
 var useEuiPaletteCool = exports.useEuiPaletteCool = function useEuiPaletteCool(steps) {
   return _useEuiPaletteWithStepsFn(_eui_palettes.euiPaletteCool, steps);
 };

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

@@ -27,6 +27,9 @@ var _exportNames = {
   euiPaletteComplementary: true,
   euiPaletteRed: true,
   euiPaletteGreen: true,
+  euiPaletteSkyBlue: true,
+  euiPaletteYellow: true,
+  euiPaletteOrange: true,
   euiPaletteCool: true,
   euiPaletteWarm: true,
   euiPaletteGray: true,
@@ -128,18 +131,36 @@ Object.defineProperty(exports, "euiPaletteGreen", {
     return _eui_palettes.euiPaletteGreen;
   }
 });
+Object.defineProperty(exports, "euiPaletteOrange", {
+  enumerable: true,
+  get: function get() {
+    return _eui_palettes.euiPaletteOrange;
+  }
+});
 Object.defineProperty(exports, "euiPaletteRed", {
   enumerable: true,
   get: function get() {
     return _eui_palettes.euiPaletteRed;
   }
 });
+Object.defineProperty(exports, "euiPaletteSkyBlue", {
+  enumerable: true,
+  get: function get() {
+    return _eui_palettes.euiPaletteSkyBlue;
+  }
+});
 Object.defineProperty(exports, "euiPaletteWarm", {
   enumerable: true,
   get: function get() {
     return _eui_palettes.euiPaletteWarm;
   }
 });
+Object.defineProperty(exports, "euiPaletteYellow", {
+  enumerable: true,
+  get: function get() {
+    return _eui_palettes.euiPaletteYellow;
+  }
+});
 Object.defineProperty(exports, "getSteppedGradient", {
   enumerable: true,
   get: function get() {

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("../../themes/amsterdam/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("../../themes/amsterdam/global_styling/variables/_colo
  */
 
 // 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

@@ -36,6 +36,9 @@ var _exportNames = {
   euiPaletteGray: true,
   euiPaletteRed: true,
   euiPaletteGreen: true,
+  euiPaletteSkyBlue: true,
+  euiPaletteYellow: true,
+  euiPaletteOrange: true,
   euiPaletteWarm: true,
   getSteppedGradient: true,
   hexToHsv: true,
@@ -291,18 +294,36 @@ Object.defineProperty(exports, "euiPaletteGreen", {
     return _color.euiPaletteGreen;
   }
 });
+Object.defineProperty(exports, "euiPaletteOrange", {
+  enumerable: true,
+  get: function get() {
+    return _color.euiPaletteOrange;
+  }
+});
 Object.defineProperty(exports, "euiPaletteRed", {
   enumerable: true,
   get: function get() {
     return _color.euiPaletteRed;
   }
 });
+Object.defineProperty(exports, "euiPaletteSkyBlue", {
+  enumerable: true,
+  get: function get() {
+    return _color.euiPaletteSkyBlue;
+  }
+});
 Object.defineProperty(exports, "euiPaletteWarm", {
   enumerable: true,
   get: function get() {
     return _color.euiPaletteWarm;
   }
 });
+Object.defineProperty(exports, "euiPaletteYellow", {
+  enumerable: true,
+  get: function get() {
+    return _color.euiPaletteYellow;
+  }
+});
 Object.defineProperty(exports, "findPopoverPosition", {
   enumerable: true,
   get: function get() {