@elastic/eui 102.3.0 → 103.0.0

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

@@ -11,6 +11,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 import { css } from '@emotion/react';
+import { isEuiThemeRefreshVariant } from '../../../services';
 import { logicalCSS, mathWithUnits, euiFontSize } from '../../../global_styling';
 import { euiButtonColor } from '../../../global_styling/mixins/_button';
 
@@ -19,6 +20,7 @@ import { euiButtonColor } from '../../../global_styling/mixins/_button';
  */
 export var euiCollapsibleNavItemVariables = function euiCollapsibleNavItemVariables(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
+  var isRefreshVariant = isEuiThemeRefreshVariant(euiThemeContext, 'buttonVariant');
   return _objectSpread(_objectSpread({
     height: euiTheme.size.xl,
     padding: euiTheme.size.s
@@ -27,7 +29,7 @@ export var euiCollapsibleNavItemVariables = function euiCollapsibleNavItemVariab
     // Matches EuiButton
     borderRadius: euiTheme.border.radius.small,
     backgroundHoverColor: euiTheme.colors.lightestShade,
-    backgroundSelectedColor: euiButtonColor(euiThemeContext, 'text').backgroundColor,
+    backgroundSelectedColor: isRefreshVariant ? euiTheme.colors.backgroundBaseInteractiveSelect : euiButtonColor(euiThemeContext, 'text').backgroundColor,
     color: euiTheme.colors.textParagraph,
     rightIconColor: euiTheme.colors.textDisabled
   });

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

@@ -52,7 +52,7 @@ export var 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 = useEuiTheme();
   var colorMode = euiThemeContext.colorMode;
   var isRefreshVariant = useEuiThemeRefreshVariant('buttonVariant');

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

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

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

@@ -8,6 +8,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 import { css } from '@emotion/react';
+import { isEuiThemeRefreshVariant } from '../../../services';
 import { logicalCSS, logicalSizeCSS, mathWithUnits, euiMaxBreakpoint } from '../../../global_styling';
 import { euiHeaderVariables } from '../header.styles';
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -30,15 +31,23 @@ export var euiHeaderSectionItemButtonStyles = function euiHeaderSectionItemButto
   var _euiHeaderVariables = euiHeaderVariables(euiThemeContext),
     childHeight = _euiHeaderVariables.childHeight;
   var euiTheme = euiThemeContext.euiTheme;
+  var isRefreshVariant = isEuiThemeRefreshVariant(euiThemeContext, 'buttonVariant');
+  var dotSize = euiTheme.size.base;
+  var dotOffset = isRefreshVariant ? mathWithUnits(dotSize, function (x) {
+    return x * -0.5;
+  }) : 0;
+  var badgeOffset = isRefreshVariant ? mathWithUnits(euiTheme.size.s, function (x) {
+    return x * -0.5;
+  }) : '9%';
   return {
-    euiHeaderSectionItemButton: /*#__PURE__*/css("position:relative;", logicalCSS('height', childHeight), " ", logicalCSS('min-width', childHeight), " text-align:center;font-size:0;", euiMaxBreakpoint(euiThemeContext, 's'), "{", logicalCSS('min-width', mathWithUnits(childHeight, function (x) {
+    euiHeaderSectionItemButton: /*#__PURE__*/css("position:relative;", logicalCSS('height', childHeight), " ", logicalCSS('min-width', childHeight), " ", logicalCSS('padding-horizontal', euiTheme.size.s), " text-align:center;font-size:0;", euiMaxBreakpoint(euiThemeContext, 's'), "{", logicalCSS('min-width', mathWithUnits(childHeight, function (x) {
       return x * 0.75;
     })), ";};label:euiHeaderSectionItemButton;"),
     euiHeaderSectionItemButton__content: _ref2,
     notification: {
       euiHeaderSectionItemButton__notification: _ref,
-      dot: /*#__PURE__*/css(logicalCSS('top', 0), " ", logicalCSS('right', 0), " stroke:", euiTheme.colors.emptyShade, ";", euiMaxBreakpoint(euiThemeContext, 's'), "{", logicalSizeCSS(euiTheme.size.base), " ", logicalCSS('top', '9%'), ";};label:dot;"),
-      badge: /*#__PURE__*/css(logicalCSS('top', '9%'), " ", logicalCSS('right', '9%'), " box-shadow:0 0 0 ", euiTheme.border.width.thin, " ", euiTheme.colors.emptyShade, ";;label:badge;")
+      dot: /*#__PURE__*/css(logicalCSS('top', 0), " ", logicalCSS('right', dotOffset), " stroke:", euiTheme.colors.emptyShade, ";", euiMaxBreakpoint(euiThemeContext, 's'), "{", logicalSizeCSS(dotSize), " ", logicalCSS('top', '9%'), ";};label:dot;"),
+      badge: /*#__PURE__*/css(logicalCSS('top', '9%'), " ", logicalCSS('right', badgeOffset), " box-shadow:0 0 0 ", euiTheme.border.width.thin, " ", euiTheme.colors.emptyShade, ";;label:badge;")
     }
   };
 };

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

@@ -13,7 +13,7 @@ var _excluded = ["title", "titleId"];
 
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var EuiIconIInCircle = function EuiIconIInCircle(_ref) {
+var EuiIconInfo = function EuiIconInfo(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -37,4 +37,4 @@ var EuiIconIInCircle = function EuiIconIInCircle(_ref) {
     clipRule: "evenodd"
   }));
 };
-export var icon = EuiIconIInCircle;
+export var icon = EuiIconInfo;

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

@@ -13,7 +13,7 @@ var _excluded = ["title", "titleId"];
 
 import * as React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var EuiIconQuestionInCircle = function EuiIconQuestionInCircle(_ref) {
+var EuiIconQuestion = function EuiIconQuestion(_ref) {
   var title = _ref.title,
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -26,7 +26,13 @@ var EuiIconQuestionInCircle = function EuiIconQuestionInCircle(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("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"
+  }), ___EmotionJSX("path", {
+    d: "M9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
+  }), ___EmotionJSX("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"
   }));
 };
-export var icon = EuiIconQuestionInCircle;
+export var icon = EuiIconQuestion;

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

@@ -15,7 +15,7 @@ import { EuiIcon } from './icon';
 import { jsx as ___EmotionJSX } from "@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 ___EmotionJSX("div", null, GlyphIcons.map(function (glyph) {
         return ___EmotionJSX(EuiIcon, {

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

@@ -200,7 +200,9 @@ export var 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',
@@ -367,7 +369,9 @@ export var 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/es/components/list_group/list_group_item.styles.js

@@ -53,8 +53,8 @@ export var euiListGroupItemInnerStyles = function euiListGroupItemInnerStyles(eu
     // Base
     euiListGroupItem__inner: /*#__PURE__*/css(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__*/css(euiFontSize(euiThemeContext, 'xs'), " font-weight:", euiTheme.font.weight.medium, ";letter-spacing:0;", logicalCSS('min-height', euiTheme.size.l), ";;label:xs;"),
-    s: /*#__PURE__*/css(euiFontSize(euiThemeContext, 's'), " font-weight:", euiTheme.font.weight.medium, ";letter-spacing:0;", logicalCSS('min-height', euiTheme.size.xl), ";;label:s;"),
+    xs: /*#__PURE__*/css(euiFontSize(euiThemeContext, 'xs'), " letter-spacing:0;", logicalCSS('min-height', euiTheme.size.l), ";;label:xs;"),
+    s: /*#__PURE__*/css(euiFontSize(euiThemeContext, 's'), " letter-spacing:0;", logicalCSS('min-height', euiTheme.size.xl), ";;label:s;"),
     m: /*#__PURE__*/css(euiFontSize(euiThemeContext, 'm'), " ", logicalCSS('min-height', euiTheme.size.xl), ";;label:m;"),
     l: /*#__PURE__*/css(euiFontSize(euiThemeContext, 'l'), " ", logicalCSS('min-height', euiTheme.size.xxl), ";;label:l;"),
     // Colors

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

@@ -25,7 +25,7 @@ export var tooltipMarkdownRenderer = function tooltipMarkdownRenderer(_ref) {
   return ___EmotionJSX("span", null, ___EmotionJSX(EuiToolTip, {
     content: content
   }, ___EmotionJSX("span", null, ___EmotionJSX("strong", null, children), ___EmotionJSX(EuiIcon, {
-    type: "questionInCircle"
+    type: "question"
     // This is to offset the tooltip icon, which isn't perfectly centered
     ,
     css: _ref2

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

@@ -22,7 +22,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.registered(language)) {
       return;
     }
     node.data = data;

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

@@ -12,7 +12,7 @@ var _excluded = ["className", "externalPosition", "internalPosition", "direction
 
 import React from 'react';
 import classNames from 'classnames';
-import { useEuiMemoizedStyles } from '../../services';
+import { useEuiMemoizedStyles, useEuiThemeRefreshVariant } from '../../services';
 import { EuiButtonIcon } from '../button';
 import { euiScreenReaderOnlyStyles } from '../accessibility/screen_reader_only/screen_reader_only.styles';
 import { euiResizableCollapseButtonStyles } from './resizable_collapse_button.styles';
@@ -30,6 +30,7 @@ export var EuiResizableCollapseButton = function EuiResizableCollapseButton(_ref
     rest = _objectWithoutProperties(_ref, _excluded);
   var isHorizontal = direction === 'horizontal';
   var showOnFocus = !isCollapsed && !isVisible;
+  var isRefreshVariant = useEuiThemeRefreshVariant('buttonVariant');
   var styles = useEuiMemoizedStyles(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]];
@@ -48,7 +49,7 @@ export var EuiResizableCollapseButton = function EuiResizableCollapseButton(_ref
   }
   var classes = classNames('euiResizableCollapseButton', className);
   return ___EmotionJSX(EuiButtonIcon, _extends({
-    display: isCollapsed ? 'empty' : 'base',
+    display: isRefreshVariant ? 'empty' : isCollapsed ? 'empty' : 'base',
     color: "text",
     className: classes,
     css: cssStyles

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

@@ -36,12 +36,12 @@ var CellContents = function CellContents(_ref) {
     isSortAscending = _ref.isSortAscending;
   var tooltipIcon = tooltipProps ? canSort ? ___EmotionJSX(EuiIcon, _extends({
     className: "euiTableSortIcon",
-    type: tooltipProps.icon || 'questionInCircle',
+    type: tooltipProps.icon || 'question',
     size: "m",
     color: "subdued"
   }, tooltipProps.iconProps)) : ___EmotionJSX(EuiIconTip, _extends({
     content: tooltipProps.content,
-    type: tooltipProps.icon || 'questionInCircle',
+    type: tooltipProps.icon || 'question',
     size: "m",
     color: "subdued",
     position: "top",

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

@@ -72,7 +72,7 @@ export var euiTextStyles = function euiTextStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   var codeColors = euiCodeTextColors(euiThemeContext);
   return {
-    euiText: /*#__PURE__*/css(euiText(euiTheme, true), "clear:both;a:not([class]){", 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{", euiTitle(euiThemeContext, 'l'), ";}h2{", euiTitle(euiThemeContext, 'm'), ";}h3{", euiTitle(euiThemeContext, 's'), ";}h4,dt{", euiTitle(euiThemeContext, 'xs'), ";}h5{", euiTitle(euiThemeContext, 'xxs'), ";}h6{", 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, ";", highContrastModeStyles(euiThemeContext, {
+    euiText: /*#__PURE__*/css(euiText(euiTheme, true), "clear:both;a:not([class]){", 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{", euiTitle(euiThemeContext, 'l'), ";}h2{", euiTitle(euiThemeContext, 'm'), ";}h3{", euiTitle(euiThemeContext, 's'), ";}h4,dt{", euiTitle(euiThemeContext, 'xs'), ";}h5{", euiTitle(euiThemeContext, 'xxs'), ";}h6{", 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, ";", highContrastModeStyles(euiThemeContext, {
       preferred: "border: ".concat(euiTheme.border.thin)
     }), ";}pre:not(.euiCodeBlock__pre),pre:not(.euiCodeBlock__pre) code{display:block;}>:last-child{", logicalCSS('margin-bottom', '0 !important'), ";}kbd{position:relative;display:inline-block;", logicalCSS('padding-vertical', euiTheme.size.xxs), " ", logicalCSS('padding-horizontal', euiTheme.size.xs), " line-height:1;border:", euiTheme.border.width.thin, " solid ", euiTheme.colors.textParagraph, ";border-radius:", mathWithUnits(euiTheme.border.radius.small, function (x) {
       return x / 2;

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

@@ -16,7 +16,7 @@ import { EuiToolTip } from './tool_tip';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var 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/es/services/color/eui_palettes.js

@@ -157,9 +157,9 @@ export var euiPaletteForStatus = function euiPaletteForStatus(steps) {
     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);
 };
 
 /**
@@ -179,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.euiColorVisBase0], _toConsumableArray(warms));
   return euiPalette(paletteColors, steps, true);
 };
 
@@ -196,7 +196,7 @@ export var euiPaletteComplementary = function euiPaletteComplementary(steps) {
   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);
 };
 
@@ -211,7 +211,7 @@ export var euiPaletteRed = function euiPaletteRed(steps) {
   if (steps === 1) {
     return [visColors.euiColorVisDanger1];
   }
-  return euiPalette([visColors.euiColorVisNeutral0, visColors.euiColorVisDanger0], steps);
+  return euiPalette([visColors.euiColorVisBase0, visColors.euiColorVisDanger0], steps);
 };
 
 /**
@@ -225,23 +225,65 @@ export var 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.
  */
-export var euiPaletteCool = function euiPaletteCool(steps) {
+export var 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 : 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.
+ */
+export var 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 : 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.
+ */
+export var 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 : 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.
+ */
+export var 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 : 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.euiColorVisBase0 : visColors.euiColorVisCool0, visColors.euiColorVisCool1, visColors.euiColorVisCool2], steps);
 };
 
 /**
@@ -249,8 +291,8 @@ 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 _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 : EUI_VIS_COLOR_STORE.visColors;
   if (steps === 1) {
     return [visColors.euiColorVisWarm2];
@@ -263,11 +305,11 @@ 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 _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 : 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/es/services/color/eui_palettes_hooks.js

@@ -11,7 +11,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { useMemo } from 'react';
 import { useEuiTheme } from '../theme/hooks';
-import { euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplementary, euiPaletteCool, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteGreen, euiPaletteRed, euiPaletteWarm } from './eui_palettes';
+import { euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplementary, euiPaletteCool, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteGreen, euiPaletteOrange, euiPaletteRed, euiPaletteSkyBlue, euiPaletteWarm, euiPaletteYellow } from './eui_palettes';
 export var useEuiPaletteColorBlind = function useEuiPaletteColorBlind(args) {
   return _useEuiPaletteFn(euiPaletteColorBlind, args);
 };
@@ -33,6 +33,15 @@ export var useEuiPaletteRed = function useEuiPaletteRed(steps) {
 export var useEuiPaletteGreen = function useEuiPaletteGreen(steps) {
   return _useEuiPaletteWithStepsFn(euiPaletteGreen, steps);
 };
+export var useEuiPaletteSkyBlue = function useEuiPaletteSkyBlue(steps) {
+  return _useEuiPaletteWithStepsFn(euiPaletteSkyBlue, steps);
+};
+export var useEuiPaletteYellow = function useEuiPaletteYellow(steps) {
+  return _useEuiPaletteWithStepsFn(euiPaletteYellow, steps);
+};
+export var useEuiPaletteOrange = function useEuiPaletteOrange(steps) {
+  return _useEuiPaletteWithStepsFn(euiPaletteOrange, steps);
+};
 export var useEuiPaletteCool = function useEuiPaletteCool(steps) {
   return _useEuiPaletteWithStepsFn(euiPaletteCool, steps);
 };

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

@@ -18,7 +18,7 @@ export { calculateContrast, calculateLuminance } from './luminance_and_contrast'
 export { VISUALIZATION_COLORS, DEFAULT_VISUALIZATION_COLOR } from './visualization_colors';
 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 { euiPaletteForLightBackground, euiPaletteForDarkBackground, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteComplementary, euiPaletteRed, euiPaletteGreen, euiPaletteSkyBlue, euiPaletteYellow, euiPaletteOrange, euiPaletteCool, euiPaletteWarm, euiPaletteGray } from './eui_palettes';
 export * from './eui_palettes_hooks';
 export { getSteppedGradient } from './stepped_gradient';
 export * from './manipulation';

package/optimize/es/services/index.js

@@ -12,7 +12,7 @@ export { htmlIdGenerator, useGeneratedHtmlId } from './accessibility';
 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 { brighten, calculateContrast, calculateLuminance, colorPalette, darken, DEFAULT_VISUALIZATION_COLOR, desaturate, euiPaletteColorBlind, euiPaletteColorBlindBehindText, euiPaletteComplementary, euiPaletteCool, euiPaletteForDarkBackground, euiPaletteForLightBackground, euiPaletteForStatus, euiPaletteForTemperature, euiPaletteGray, euiPaletteRed, euiPaletteGreen, euiPaletteSkyBlue, euiPaletteYellow, euiPaletteOrange, 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';

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

@@ -12,7 +12,8 @@
  */
 export var severityColors = {
   unknown: '#D3DAE6',
-  neutral: '#BECFE3',
+  neutral: '#B9CFE3',
+  // tint(euiColorVis1, 0.56)
   success: '#54B399',
   warning: '#D6BF57',
   risk: '#DA8B45',

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

@@ -6,6 +6,8 @@
  * Side Public License, v 1.
  */
 
+import { shade, tint } from '../../../../services';
+
 /**
  * NOTE: These were quick conversions of their Sass counterparts.
  *       They have yet to be used/tested.
@@ -97,12 +99,17 @@ export var colorVis = {
   euiColorVisAsTextDark4: '#FFCE7A',
   euiColorVisAsTextDark5: '#1BA9F5',
   euiColorVisAsTextDark6: '#7DE2D1',
+  euiColorVisNeutral0: tint(euiPaletteColorBlind.euiColorVis1.graphic, 0.3),
+  euiColorVisNeutral1: tint(euiPaletteColorBlind.euiColorVis1.graphic, 0.56),
   euiColorVisSuccess0: '#209280',
   euiColorVisSuccess1: euiPaletteColorBlind.euiColorVis0.graphic,
-  euiColorVisWarning0: '#D6BF57',
+  euiColorVisWarning0: shade(euiPaletteColorBlind.euiColorVis5.graphic, 0.15),
+  euiColorVisWarning1: euiPaletteColorBlind.euiColorVis5.graphic,
+  euiColorVisRisk0: euiPaletteColorBlind.euiColorVis7.graphic,
+  euiColorVisRisk1: tint(euiPaletteColorBlind.euiColorVis7.graphic, 0.5),
   euiColorVisDanger0: '#CC5642',
   euiColorVisDanger1: euiPaletteColorBlind.euiColorVis9.graphic,
-  euiColorVisNeutral0: '#FFFFFF',
+  euiColorVisBase0: '#FFFFFF',
   euiColorVisGrey0: '#d3dae6',
   euiColorVisGrey1: '#98a2b3',
   euiColorVisGrey2: '#69707d',

package/optimize/lib/components/button/button_group/button_group_button.styles.js

@@ -98,7 +98,7 @@ var euiButtonGroupButtonStyles = exports.euiButtonGroupButtonStyles = function e
       },
       hasToolTip: _ref2
     },
-    compressed: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', compressedButtonHeight), " line-height:", compressedButtonHeight, ";font-weight:", euiTheme.font.weight.regular, ";padding:", isRefreshVariant ? '0' : (0, _global_styling.mathWithUnits)(euiTheme.border.width.thin, function (x) {
+    compressed: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', compressedButtonHeight), " line-height:", compressedButtonHeight, ";font-weight:", euiTheme.font.weight.medium, ";padding:", isRefreshVariant ? '0' : (0, _global_styling.mathWithUnits)(euiTheme.border.width.thin, function (x) {
       return x * 2;
     }), ";", compressedStyles, ";;label:compressed;"),
     // States

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) {