@elastic/eui-theme-borealis 3.6.0 → 5.0.0

package/lib/cjs/index.js

@@ -59,10 +59,6 @@ var euiThemeBorealis = exports.euiThemeBorealis = {
   focus: _states.focus,
   components: _components.components,
   flags: {
-    hasGlobalFocusColor: true,
-    hasVisColorAdjustment: false,
-    buttonVariant: 'refresh',
-    formVariant: 'refresh',
     shadowVariant: 'refresh'
   },
   overrides: _overrides.overrides

package/lib/cjs/variables/_buttons.js

@@ -24,16 +24,6 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /*
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-var getTokenByVariant = function getTokenByVariant(buttonVariant, tokens) {
-  switch (buttonVariant) {
-    case 'refresh':
-      return tokens.refresh;
-    default:
-      {
-        return tokens.classic;
-      }
-  }
-};
 var _buttons = {
   backgroundPrimary: (0, _euiThemeCommon.computed)(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 1),
@@ -76,15 +66,10 @@ var _buttons = {
     return backgroundLightDanger;
   }, ['colors.backgroundLightDanger']),
   backgroundText: (0, _euiThemeCommon.computed)(function (_ref17) {
-    var _ref18 = _slicedToArray(_ref17, 3),
-      buttonVariant = _ref18[0],
-      backgroundBasePlain = _ref18[1],
-      backgroundLightText = _ref18[2];
-    return getTokenByVariant(buttonVariant, {
-      refresh: backgroundBasePlain,
-      classic: backgroundLightText
-    });
-  }, ['flags.buttonVariant', 'colors.backgroundBasePlain', 'colors.backgroundLightText']),
+    var _ref18 = _slicedToArray(_ref17, 1),
+      backgroundBasePlain = _ref18[0];
+    return backgroundBasePlain;
+  }, ['colors.backgroundBasePlain']),
   backgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref19) {
     var _ref20 = _slicedToArray(_ref19, 1),
       backgroundBaseDisabled = _ref20[0];

package/lib/cjs/variables/_components.js

@@ -226,173 +226,168 @@ var component_colors = {
   headerDarkBackground: _colors_dark.dark_background_colors.backgroundBasePlain,
   headerDarkSearchBorderColor: _colors_dark.dark_border_colors.borderBasePlain,
   headerDarkSectionItemBackgroundFocus: _colors_dark.dark_background_colors.backgroundBasePrimary,
-  keyPadMenuItemBackgroundDisabledSelect: (0, _euiThemeCommon.computed)(function (_ref67) {
+  listGroupItemBackgroundPrimaryActive: (0, _euiThemeCommon.computed)(function (_ref67) {
     var _ref68 = _slicedToArray(_ref67, 1),
-      backgroundBaseDisabled = _ref68[0];
-    return backgroundBaseDisabled;
-  }, ['colors.backgroundBaseDisabled']),
-  listGroupItemBackgroundPrimaryActive: (0, _euiThemeCommon.computed)(function (_ref69) {
+      backgroundBaseInteractiveSelect = _ref68[0];
+    return backgroundBaseInteractiveSelect;
+  }, ['colors.backgroundBaseInteractiveSelect']),
+  listGroupItemBackgroundSubduedActive: (0, _euiThemeCommon.computed)(function (_ref69) {
     var _ref70 = _slicedToArray(_ref69, 1),
       backgroundBaseInteractiveSelect = _ref70[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  listGroupItemBackgroundSubduedActive: (0, _euiThemeCommon.computed)(function (_ref71) {
+  listGroupItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref71) {
     var _ref72 = _slicedToArray(_ref71, 1),
-      backgroundBaseInteractiveSelect = _ref72[0];
-    return backgroundBaseInteractiveSelect;
-  }, ['colors.backgroundBaseInteractiveSelect']),
-  listGroupItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref73) {
-    var _ref74 = _slicedToArray(_ref73, 1),
-      backgroundBaseInteractiveHover = _ref74[0];
+      backgroundBaseInteractiveHover = _ref72[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
-  listGroupItemBackgroundPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref75) {
-    var _ref76 = _slicedToArray(_ref75, 1),
-      backgroundBaseInteractiveHover = _ref76[0];
+  listGroupItemBackgroundPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref73) {
+    var _ref74 = _slicedToArray(_ref73, 1),
+      backgroundBaseInteractiveHover = _ref74[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
   // we don't want to inherit overrides (e.g. HCM)
   loadingSpinnerBorder: _colors_light.border_colors.borderBasePlain,
-  loadingSpinnerHighlight: (0, _euiThemeCommon.computed)(function (_ref77) {
-    var _ref78 = _slicedToArray(_ref77, 1),
-      borderStrongPrimary = _ref78[0];
+  loadingSpinnerHighlight: (0, _euiThemeCommon.computed)(function (_ref75) {
+    var _ref76 = _slicedToArray(_ref75, 1),
+      borderStrongPrimary = _ref76[0];
     return borderStrongPrimary;
   }, ['colors.borderStrongPrimary']),
   loadingChartMonoBackground0: _semantic_colors.SEMANTIC_COLORS.shade20,
   loadingChartMonoBackground1: _semantic_colors.SEMANTIC_COLORS.shade30,
   loadingChartMonoBackground2: _semantic_colors.SEMANTIC_COLORS.shade40,
   loadingChartMonoBackground3: _semantic_colors.SEMANTIC_COLORS.shade50,
-  markBackground: (0, _euiThemeCommon.computed)(function (_ref79) {
-    var _ref80 = _slicedToArray(_ref79, 1),
-      backgroundLightPrimary = _ref80[0];
+  markBackground: (0, _euiThemeCommon.computed)(function (_ref77) {
+    var _ref78 = _slicedToArray(_ref77, 1),
+      backgroundLightPrimary = _ref78[0];
     return backgroundLightPrimary;
   }, ['colors.backgroundLightPrimary']),
-  markdownFormatTableBorderColor: (0, _euiThemeCommon.computed)(function (_ref81) {
-    var _ref82 = _slicedToArray(_ref81, 1),
-      borderBasePlain = _ref82[0];
+  markdownFormatTableBorderColor: (0, _euiThemeCommon.computed)(function (_ref79) {
+    var _ref80 = _slicedToArray(_ref79, 1),
+      borderBasePlain = _ref80[0];
     return borderBasePlain;
   }, ['colors.borderBasePlain']),
-  overlayMaskBackground: (0, _euiThemeCommon.computed)(function (_ref83) {
-    var _ref84 = _slicedToArray(_ref83, 1),
-      backgroundBaseInteractiveOverlay = _ref84[0];
+  overlayMaskBackground: (0, _euiThemeCommon.computed)(function (_ref81) {
+    var _ref82 = _slicedToArray(_ref81, 1),
+      backgroundBaseInteractiveOverlay = _ref82[0];
     return backgroundBaseInteractiveOverlay;
   }, ['colors.backgroundBaseInteractiveOverlay']),
   overlayMaskBackgroundHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.shade140RGB, ", 0.9)"),
-  popoverPanelBackground: (0, _euiThemeCommon.computed)(function (_ref85) {
-    var _ref86 = _slicedToArray(_ref85, 1),
-      backgroundBasePlain = _ref86[0];
+  popoverPanelBackground: (0, _euiThemeCommon.computed)(function (_ref83) {
+    var _ref84 = _slicedToArray(_ref83, 1),
+      backgroundBasePlain = _ref84[0];
     return backgroundBasePlain;
   }, ['colors.backgroundBasePlain']),
-  popoverFooterBorderColor: (0, _euiThemeCommon.computed)(function (_ref87) {
-    var _ref88 = _slicedToArray(_ref87, 1),
-      borderBaseSubdued = _ref88[0];
+  popoverFooterBorderColor: (0, _euiThemeCommon.computed)(function (_ref85) {
+    var _ref86 = _slicedToArray(_ref85, 1),
+      borderBaseSubdued = _ref86[0];
     return borderBaseSubdued;
   }, ['colors.borderBaseSubdued']),
   scrollbarTrackColor: _semantic_colors.SEMANTIC_COLORS.shade15,
-  sideNavItemEmphasizedBackground: (0, _euiThemeCommon.computed)(function (_ref89) {
-    var _ref90 = _slicedToArray(_ref89, 1),
-      backgroundBaseInteractiveSelect = _ref90[0];
+  sideNavItemEmphasizedBackground: (0, _euiThemeCommon.computed)(function (_ref87) {
+    var _ref88 = _slicedToArray(_ref87, 1),
+      backgroundBaseInteractiveSelect = _ref88[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  selectableListItemBorderColor: (0, _euiThemeCommon.computed)(function (_ref91) {
-    var _ref92 = _slicedToArray(_ref91, 1),
-      borderBaseSubdued = _ref92[0];
+  selectableListItemBorderColor: (0, _euiThemeCommon.computed)(function (_ref89) {
+    var _ref90 = _slicedToArray(_ref89, 1),
+      borderBaseSubdued = _ref90[0];
     return borderBaseSubdued;
   }, ['colors.borderBaseSubdued']),
   skeletonBackgroundSkeletonMiddleHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.shade100RGB, ", 0.04)"),
-  superDatePickerBackgroundSuccees: (0, _euiThemeCommon.computed)(function (_ref93) {
-    var _ref94 = _slicedToArray(_ref93, 1),
-      backgroundBaseSuccess = _ref94[0];
+  superDatePickerBackgroundSuccees: (0, _euiThemeCommon.computed)(function (_ref91) {
+    var _ref92 = _slicedToArray(_ref91, 1),
+      backgroundBaseSuccess = _ref92[0];
     return backgroundBaseSuccess;
   }, ['colors.backgroundBaseSuccess']),
-  switchBackgroundOn: (0, _euiThemeCommon.computed)(function (_ref95) {
-    var _ref96 = _slicedToArray(_ref95, 1),
-      backgroundFilledPrimary = _ref96[0];
+  switchBackgroundOn: (0, _euiThemeCommon.computed)(function (_ref93) {
+    var _ref94 = _slicedToArray(_ref93, 1),
+      backgroundFilledPrimary = _ref94[0];
     return backgroundFilledPrimary;
   }, ['colors.backgroundFilledPrimary']),
-  switchBackgroundOff: (0, _euiThemeCommon.computed)(function (_ref97) {
-    var _ref98 = _slicedToArray(_ref97, 1),
-      backgroundFilledText = _ref98[0];
+  switchBackgroundOff: (0, _euiThemeCommon.computed)(function (_ref95) {
+    var _ref96 = _slicedToArray(_ref95, 1),
+      backgroundFilledText = _ref96[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
-  switchUncompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref99) {
+  switchUncompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref97) {
+    var _ref98 = _slicedToArray(_ref97, 1),
+      backgroundBaseFormsControlDisabled = _ref98[0];
+    return backgroundBaseFormsControlDisabled;
+  }, ['colors.backgroundBaseFormsControlDisabled']),
+  switchCompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref99) {
     var _ref100 = _slicedToArray(_ref99, 1),
       backgroundBaseFormsControlDisabled = _ref100[0];
     return backgroundBaseFormsControlDisabled;
   }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchCompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref101) {
+  switchMiniBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref101) {
     var _ref102 = _slicedToArray(_ref101, 1),
       backgroundBaseFormsControlDisabled = _ref102[0];
     return backgroundBaseFormsControlDisabled;
   }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchMiniBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref103) {
+  switchThumbBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref103) {
     var _ref104 = _slicedToArray(_ref103, 1),
-      backgroundBaseFormsControlDisabled = _ref104[0];
-    return backgroundBaseFormsControlDisabled;
-  }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchThumbBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref105) {
-    var _ref106 = _slicedToArray(_ref105, 1),
-      backgroundBasePlain = _ref106[0];
+      backgroundBasePlain = _ref104[0];
     return backgroundBasePlain;
   }, ['colors.backgroundBasePlain']),
-  switchThumbBorderOn: (0, _euiThemeCommon.computed)(function (_ref107) {
-    var _ref108 = _slicedToArray(_ref107, 1),
-      backgroundFilledPrimary = _ref108[0];
+  switchThumbBorderOn: (0, _euiThemeCommon.computed)(function (_ref105) {
+    var _ref106 = _slicedToArray(_ref105, 1),
+      backgroundFilledPrimary = _ref106[0];
     return backgroundFilledPrimary;
   }, ['colors.backgroundFilledPrimary']),
-  switchThumbBorderOff: (0, _euiThemeCommon.computed)(function (_ref109) {
-    var _ref110 = _slicedToArray(_ref109, 1),
-      backgroundFilledText = _ref110[0];
+  switchThumbBorderOff: (0, _euiThemeCommon.computed)(function (_ref107) {
+    var _ref108 = _slicedToArray(_ref107, 1),
+      backgroundFilledText = _ref108[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
   switchIconDisabled: _forms.forms.LIGHT.iconDisabled,
-  tableRowBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref111) {
-    var _ref112 = _slicedToArray(_ref111, 1),
-      backgroundBaseInteractiveHover = _ref112[0];
+  tableRowBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref109) {
+    var _ref110 = _slicedToArray(_ref109, 1),
+      backgroundBaseInteractiveHover = _ref110[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
-  tableRowBackgroundSelected: (0, _euiThemeCommon.computed)(function (_ref113) {
-    var _ref114 = _slicedToArray(_ref113, 1),
-      backgroundBaseInteractiveSelect = _ref114[0];
+  tableRowBackgroundSelected: (0, _euiThemeCommon.computed)(function (_ref111) {
+    var _ref112 = _slicedToArray(_ref111, 1),
+      backgroundBaseInteractiveSelect = _ref112[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  tableRowBackgroundSelectedHover: (0, _euiThemeCommon.computed)(function (_ref115) {
-    var _ref116 = _slicedToArray(_ref115, 1),
-      backgroundBaseInteractiveSelectHover = _ref116[0];
+  tableRowBackgroundSelectedHover: (0, _euiThemeCommon.computed)(function (_ref113) {
+    var _ref114 = _slicedToArray(_ref113, 1),
+      backgroundBaseInteractiveSelectHover = _ref114[0];
     return backgroundBaseInteractiveSelectHover;
   }, ['colors.backgroundBaseInteractiveSelectHover']),
-  tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref117) {
-    var _ref118 = _slicedToArray(_ref117, 1),
-      backgroundBaseInteractiveSelect = _ref118[0];
+  tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref115) {
+    var _ref116 = _slicedToArray(_ref115, 1),
+      backgroundBaseInteractiveSelect = _ref116[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref119) {
-    var _ref120 = _slicedToArray(_ref119, 1),
-      backgroundBaseInteractiveHover = _ref120[0];
+  tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref117) {
+    var _ref118 = _slicedToArray(_ref117, 1),
+      backgroundBaseInteractiveHover = _ref118[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
   tableRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning10,
   tableRowBackgroundMarkedHover: _semantic_colors.SEMANTIC_COLORS.warning20,
-  tableCellSortableIconColor: (0, _euiThemeCommon.computed)(function (_ref121) {
-    var _ref122 = _slicedToArray(_ref121, 1),
-      backgroundFilledText = _ref122[0];
+  tableCellSortableIconColor: (0, _euiThemeCommon.computed)(function (_ref119) {
+    var _ref120 = _slicedToArray(_ref119, 1),
+      backgroundFilledText = _ref120[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
   tooltipBackground: _colors_dark.dark_background_colors.backgroundBaseSubdued,
   tooltipBorder: _colors_dark.dark_border_colors.borderBaseSubdued,
-  tooltipBorderFloating: (0, _euiThemeCommon.computed)(function (_ref123) {
-    var _ref124 = _slicedToArray(_ref123, 1),
-      borderBaseFloating = _ref124[0];
+  tooltipBorderFloating: (0, _euiThemeCommon.computed)(function (_ref121) {
+    var _ref122 = _slicedToArray(_ref121, 1),
+      borderBaseFloating = _ref122[0];
     return borderBaseFloating;
   }, ['colors.borderBaseFloating']),
-  tourFooterBackground: (0, _euiThemeCommon.computed)(function (_ref125) {
-    var _ref126 = _slicedToArray(_ref125, 1),
-      backgroundBaseHighlighted = _ref126[0];
+  tourFooterBackground: (0, _euiThemeCommon.computed)(function (_ref123) {
+    var _ref124 = _slicedToArray(_ref123, 1),
+      backgroundBaseHighlighted = _ref124[0];
     return backgroundBaseHighlighted;
   }, ['colors.backgroundBaseHighlighted']),
-  treeViewItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref127) {
-    var _ref128 = _slicedToArray(_ref127, 1),
-      backgroundBaseInteractiveHover = _ref128[0];
+  treeViewItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref125) {
+    var _ref126 = _slicedToArray(_ref125, 1),
+      backgroundBaseInteractiveHover = _ref126[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover'])
 };
@@ -431,14 +426,14 @@ var components = exports.components = {
     skeletonBackgroundSkeletonMiddleHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.plainLightRGB, ", 0.3)"),
     switchIconDisabled: _forms.forms.DARK.iconDisabled,
     // TODO: align table hover states
-    tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref129) {
-      var _ref130 = _slicedToArray(_ref129, 1),
-        backgroundBaseInteractiveHover = _ref130[0];
+    tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref127) {
+      var _ref128 = _slicedToArray(_ref127, 1),
+        backgroundBaseInteractiveHover = _ref128[0];
       return backgroundBaseInteractiveHover;
     }, ['colors.backgroundBaseInteractiveHover']),
-    tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref131) {
-      var _ref132 = _slicedToArray(_ref131, 1),
-        backgroundBaseInteractiveHover = _ref132[0];
+    tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref129) {
+      var _ref130 = _slicedToArray(_ref129, 1),
+        backgroundBaseInteractiveHover = _ref130[0];
       return backgroundBaseInteractiveHover;
     }, ['colors.backgroundBaseInteractiveHover']),
     tableRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning140,

package/lib/cjs/variables/_forms.js

@@ -99,9 +99,9 @@ var _forms = {
   clearButtonBackground: _semantic_colors.SEMANTIC_COLORS.shade60,
   controlBorder: (0, _euiThemeCommon.computed)(function (_ref29) {
     var _ref30 = _slicedToArray(_ref29, 1),
-      borderBaseFormsControl = _ref30[0];
-    return borderBaseFormsControl;
-  }, ['colors.borderBaseFormsControl']),
+      borderBaseProminent = _ref30[0];
+    return borderBaseProminent;
+  }, ['colors.borderBaseProminent']),
   controlBorderSelected: (0, _euiThemeCommon.computed)(function (_ref31) {
     var _ref32 = _slicedToArray(_ref31, 1),
       borderStrongPrimary = _ref32[0];

package/lib/cjs/variables/colors/_colors_dark.js

@@ -140,11 +140,12 @@ var dark_border_colors = exports.dark_border_colors = {
   borderBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger120,
   borderBasePlain: _semantic_colors.SEMANTIC_COLORS.shade100,
   borderBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade120,
+  borderBaseProminent: _semantic_colors.SEMANTIC_COLORS.shade80,
   borderBaseDisabled: _semantic_colors.SEMANTIC_COLORS.shade100,
   borderBaseFloating: _semantic_colors.SEMANTIC_COLORS.shade120,
   borderBaseFormsColorSwatch: _semantic_colors.SEMANTIC_COLORS.plainLightAlpha32,
-  borderBaseFormsControl: _semantic_colors.SEMANTIC_COLORS.shade80,
   borderInteractiveFormsHoverPlain: _semantic_colors.SEMANTIC_COLORS.shade90,
+  borderInteractiveFormsHoverProminent: _semantic_colors.SEMANTIC_COLORS.shade60,
   borderInteractiveFormsHoverDanger: _semantic_colors.SEMANTIC_COLORS.danger70,
   borderStrongPrimary: _semantic_colors.SEMANTIC_COLORS.primary60,
   borderStrongAccent: _semantic_colors.SEMANTIC_COLORS.accent60,

package/lib/cjs/variables/colors/_colors_light.js

@@ -140,11 +140,12 @@ var border_colors = exports.border_colors = {
   borderBaseDanger: _semantic_colors.SEMANTIC_COLORS.danger30,
   borderBasePlain: _semantic_colors.SEMANTIC_COLORS.shade30,
   borderBaseSubdued: _semantic_colors.SEMANTIC_COLORS.shade20,
+  borderBaseProminent: _semantic_colors.SEMANTIC_COLORS.shade50,
   borderBaseDisabled: _semantic_colors.SEMANTIC_COLORS.shade30,
   borderBaseFloating: _primitive_colors.PRIMITIVE_COLORS.transparent,
   borderBaseFormsColorSwatch: _semantic_colors.SEMANTIC_COLORS.shade100Alpha24,
-  borderBaseFormsControl: _semantic_colors.SEMANTIC_COLORS.shade60,
   borderInteractiveFormsHoverPlain: _semantic_colors.SEMANTIC_COLORS.shade40,
+  borderInteractiveFormsHoverProminent: _semantic_colors.SEMANTIC_COLORS.shade70,
   borderInteractiveFormsHoverDanger: _semantic_colors.SEMANTIC_COLORS.danger80,
   borderStrongPrimary: _semantic_colors.SEMANTIC_COLORS.primary90,
   borderStrongAccent: _semantic_colors.SEMANTIC_COLORS.accent90,

package/lib/esm/index.js

@@ -34,10 +34,6 @@ export const euiThemeBorealis = {
     focus,
     components,
     flags: {
-        hasGlobalFocusColor: true,
-        hasVisColorAdjustment: false,
-        buttonVariant: 'refresh',
-        formVariant: 'refresh',
         shadowVariant: 'refresh',
     },
     overrides,

package/lib/esm/variables/_buttons.js

@@ -5,17 +5,8 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import { computed, } from '@elastic/eui-theme-common';
+import { computed } from '@elastic/eui-theme-common';
 import { SEMANTIC_COLORS } from './colors/_semantic_colors';
-const getTokenByVariant = (buttonVariant, tokens) => {
-    switch (buttonVariant) {
-        case 'refresh':
-            return tokens.refresh;
-        default: {
-            return tokens.classic;
-        }
-    }
-};
 const _buttons = {
     backgroundPrimary: computed(([backgroundLightPrimary]) => backgroundLightPrimary, ['colors.backgroundLightPrimary']),
     backgroundAccent: computed(([backgroundLightAccent]) => backgroundLightAccent, ['colors.backgroundLightAccent']),
@@ -25,16 +16,7 @@ const _buttons = {
     backgroundWarning: computed(([backgroundLightWarning]) => backgroundLightWarning, ['colors.backgroundLightWarning']),
     backgroundRisk: computed(([backgroundLightRisk]) => backgroundLightRisk, ['colors.backgroundLightRisk']),
     backgroundDanger: computed(([backgroundLightDanger]) => backgroundLightDanger, ['colors.backgroundLightDanger']),
-    backgroundText: computed(([buttonVariant, backgroundBasePlain, backgroundLightText]) => {
-        return getTokenByVariant(buttonVariant, {
-            refresh: backgroundBasePlain,
-            classic: backgroundLightText,
-        });
-    }, [
-        'flags.buttonVariant',
-        'colors.backgroundBasePlain',
-        'colors.backgroundLightText',
-    ]),
+    backgroundText: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
     backgroundDisabled: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
     backgroundPrimaryHover: SEMANTIC_COLORS.primary70Alpha12,
     backgroundAccentHover: SEMANTIC_COLORS.accent70Alpha12,

package/lib/esm/variables/_components.js

@@ -77,7 +77,6 @@ const component_colors = {
     headerDarkBackground: dark_background_colors.backgroundBasePlain,
     headerDarkSearchBorderColor: dark_border_colors.borderBasePlain,
     headerDarkSectionItemBackgroundFocus: dark_background_colors.backgroundBasePrimary,
-    keyPadMenuItemBackgroundDisabledSelect: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
     listGroupItemBackgroundPrimaryActive: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
     listGroupItemBackgroundSubduedActive: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
     listGroupItemBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),

package/lib/esm/variables/_forms.js

@@ -24,7 +24,7 @@ const _forms = {
     borderAutofilled: computed(([borderBasePrimary]) => borderBasePrimary, ['colors.borderBasePrimary']),
     borderAutofilledHovered: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
     clearButtonBackground: SEMANTIC_COLORS.shade60,
-    controlBorder: computed(([borderBaseFormsControl]) => borderBaseFormsControl, ['colors.borderBaseFormsControl']),
+    controlBorder: computed(([borderBaseProminent]) => borderBaseProminent, ['colors.borderBaseProminent']),
     controlBorderSelected: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
     controlBorderDisabled: computed(([borderBaseDisabled]) => borderBaseDisabled, ['colors.borderBaseDisabled']),
     controlBackgroundUnselected: 'transparent',

package/lib/esm/variables/colors/_colors_dark.js

@@ -127,11 +127,12 @@ export const dark_border_colors = {
     borderBaseDanger: SEMANTIC_COLORS.danger120,
     borderBasePlain: SEMANTIC_COLORS.shade100,
     borderBaseSubdued: SEMANTIC_COLORS.shade120,
+    borderBaseProminent: SEMANTIC_COLORS.shade80,
     borderBaseDisabled: SEMANTIC_COLORS.shade100,
     borderBaseFloating: SEMANTIC_COLORS.shade120,
     borderBaseFormsColorSwatch: SEMANTIC_COLORS.plainLightAlpha32,
-    borderBaseFormsControl: SEMANTIC_COLORS.shade80,
     borderInteractiveFormsHoverPlain: SEMANTIC_COLORS.shade90,
+    borderInteractiveFormsHoverProminent: SEMANTIC_COLORS.shade60,
     borderInteractiveFormsHoverDanger: SEMANTIC_COLORS.danger70,
     borderStrongPrimary: SEMANTIC_COLORS.primary60,
     borderStrongAccent: SEMANTIC_COLORS.accent60,

package/lib/esm/variables/colors/_colors_light.js

@@ -127,11 +127,12 @@ export const border_colors = {
     borderBaseDanger: SEMANTIC_COLORS.danger30,
     borderBasePlain: SEMANTIC_COLORS.shade30,
     borderBaseSubdued: SEMANTIC_COLORS.shade20,
+    borderBaseProminent: SEMANTIC_COLORS.shade50,
     borderBaseDisabled: SEMANTIC_COLORS.shade30,
     borderBaseFloating: PRIMITIVE_COLORS.transparent,
     borderBaseFormsColorSwatch: SEMANTIC_COLORS.shade100Alpha24,
-    borderBaseFormsControl: SEMANTIC_COLORS.shade60,
     borderInteractiveFormsHoverPlain: SEMANTIC_COLORS.shade40,
+    borderInteractiveFormsHoverProminent: SEMANTIC_COLORS.shade70,
     borderInteractiveFormsHoverDanger: SEMANTIC_COLORS.danger80,
     borderStrongPrimary: SEMANTIC_COLORS.primary90,
     borderStrongAccent: SEMANTIC_COLORS.accent90,

package/lib/eui_theme_borealis_dark.json

@@ -445,11 +445,12 @@
   "euiColorBorderBaseDanger": "#5E2129",
   "euiColorBorderBasePlain": "#485975",
   "euiColorBorderBaseSubdued": "#2B394F",
+  "euiColorBorderBaseProminent": "#6A7FA0",
   "euiColorBorderBaseDisabled": "#485975",
   "euiColorBorderBaseFloating": "#2B394F",
   "euiColorBorderBaseFormsColorSwatch": "rgba(255,255,255, 0.32)",
-  "euiColorBorderBaseFormsControl": "#6A7FA0",
   "euiColorBorderInteractiveFormsHoverPlain": "#5A6D8C",
+  "euiColorBorderInteractiveFormsHoverProminent": "#8E9FBC",
   "euiColorBorderInteractiveFormsHoverDanger": "#EE4C48",
   "euiColorBorderStrongPrimary": "#61A2FF",
   "euiColorBorderStrongAccent": "#EE72A6",

package/lib/eui_theme_borealis_dark.json.d.ts

@@ -446,11 +446,12 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
     euiColorBorderBaseDanger: string;
     euiColorBorderBasePlain: string;
     euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseProminent: string;
     euiColorBorderBaseDisabled: string;
     euiColorBorderBaseFloating: string;
     euiColorBorderBaseFormsColorSwatch: string;
-    euiColorBorderBaseFormsControl: string;
     euiColorBorderInteractiveFormsHoverPlain: string;
+    euiColorBorderInteractiveFormsHoverProminent: string;
     euiColorBorderInteractiveFormsHoverDanger: string;
     euiColorBorderStrongPrimary: string;
     euiColorBorderStrongAccent: string;

package/lib/eui_theme_borealis_light.json

@@ -445,11 +445,12 @@
   "euiColorBorderBaseDanger": "#FFC9C2",
   "euiColorBorderBasePlain": "#CAD3E2",
   "euiColorBorderBaseSubdued": "#E3E8F2",
+  "euiColorBorderBaseProminent": "#A2B1C9",
   "euiColorBorderBaseDisabled": "#CAD3E2",
   "euiColorBorderBaseFloating": "transparent",
   "euiColorBorderBaseFormsColorSwatch": "rgba(72,89,117, 0.24)",
-  "euiColorBorderBaseFormsControl": "#8E9FBC",
   "euiColorBorderInteractiveFormsHoverPlain": "#B4C1D5",
+  "euiColorBorderInteractiveFormsHoverProminent": "#798EAF",
   "euiColorBorderInteractiveFormsHoverDanger": "#DA3737",
   "euiColorBorderStrongPrimary": "#0B64DD",
   "euiColorBorderStrongAccent": "#BC1E70",

package/lib/eui_theme_borealis_light.json.d.ts

@@ -446,11 +446,12 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
     euiColorBorderBaseDanger: string;
     euiColorBorderBasePlain: string;
     euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseProminent: string;
     euiColorBorderBaseDisabled: string;
     euiColorBorderBaseFloating: string;
     euiColorBorderBaseFormsColorSwatch: string;
-    euiColorBorderBaseFormsControl: string;
     euiColorBorderInteractiveFormsHoverPlain: string;
+    euiColorBorderInteractiveFormsHoverProminent: string;
     euiColorBorderInteractiveFormsHoverDanger: string;
     euiColorBorderStrongPrimary: string;
     euiColorBorderStrongAccent: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elastic/eui-theme-borealis",
-  "version": "3.6.0",
+  "version": "5.0.0",
   "description": "A visual theme for EUI",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
@@ -33,7 +33,7 @@
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.5",
-    "@elastic/eui-theme-common": "5.0.0",
+    "@elastic/eui-theme-common": "7.0.0",
     "@types/chroma-js": "^2.4.0",
     "@types/jest": "^29.5.12",
     "@types/prettier": "2.7.3",

package/src/variables/colors/_colors_dark.scss

@@ -116,12 +116,13 @@ $euiColorBorderBaseDanger: $euiColorDanger120 !default;
 
 $euiColorBorderBasePlain: $euiColorShade100 !default;
 $euiColorBorderBaseSubdued: $euiColorShade120 !default;
+$euiColorBorderBaseProminent: $euiColorShade80 !default;
 $euiColorBorderBaseDisabled: $euiColorShade100 !default;
 $euiColorBorderBaseFloating: $euiColorShade120 !default;
 $euiColorBorderBaseFormsColorSwatch: $euiColorPlainLightAlpha32 !default;
-$euiColorBorderBaseFormsControl: $euiColorShade80 !default;
 
 $euiColorBorderInteractiveFormsHoverPlain: $euiColorShade90 !default;
+$euiColorBorderInteractiveFormsHoverProminent: $euiColorShade60 !default;
 $euiColorBorderInteractiveFormsHoverDanger: $euiColorDanger70 !default;
 
 $euiColorBorderStrongPrimary: $euiColorPrimary60 !default;

package/src/variables/colors/_colors_light.scss

@@ -117,13 +117,14 @@ $euiColorBorderBaseDanger: $euiColorDanger30 !default;
 
 $euiColorBorderBasePlain: $euiColorShade30 !default;
 $euiColorBorderBaseSubdued: $euiColorShade20 !default;
+$euiColorBorderBaseProminent: $euiColorShade50 !default;
 $euiColorBorderBaseDisabled: $euiColorShade30 !default;
 $euiColorBorderBaseFloating: $euiColorTransparent !default;
 
 $euiColorBorderBaseFormsColorSwatch: $euiColorShade100Alpha24 !default;
-$euiColorBorderBaseFormsControl: $euiColorShade60 !default;
 
 $euiColorBorderInteractiveFormsHoverPlain: $euiColorShade40 !default;
+$euiColorBorderInteractiveFormsHoverProminent: $euiColorShade70 !default;
 $euiColorBorderInteractiveFormsHoverDanger: $euiColorDanger80 !default;
 
 $euiColorBorderStrongPrimary: $euiColorPrimary90 !default;