@elastic/eui-theme-borealis 3.3.1 → 3.4.0

package/lib/cjs/variables/_components.js

@@ -175,232 +175,224 @@ var component_colors = {
       backgroundBasePlain = _ref48[0];
     return backgroundBasePlain;
   }, ['colors.backgroundBasePlain']),
-  dataGridRowStripesBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref49) {
+  dataGridRowStripesBackgroundHover: _semantic_colors.SEMANTIC_COLORS.shade15,
+  dataGridRowStripesBackgroundStriped: (0, _euiThemeCommon.computed)(function (_ref49) {
     var _ref50 = _slicedToArray(_ref49, 1),
-      backgroundBasePlain = _ref50[0];
-    return backgroundBasePlain;
-  }, ['colors.backgroundBasePlain']),
-  dataGridRowStripesBackgroundStriped: (0, _euiThemeCommon.computed)(function (_ref51) {
-    var _ref52 = _slicedToArray(_ref51, 1),
-      backgroundBaseSubdued = _ref52[0];
-    return backgroundBaseSubdued;
-  }, ['colors.backgroundBaseSubdued']),
-  dataGridRowStripesBackgroundStripedHover: (0, _euiThemeCommon.computed)(function (_ref53) {
-    var _ref54 = _slicedToArray(_ref53, 1),
-      backgroundBaseSubdued = _ref54[0];
+      backgroundBaseSubdued = _ref50[0];
     return backgroundBaseSubdued;
   }, ['colors.backgroundBaseSubdued']),
-  dataGridRowStripesBackgroundSelect: (0, _euiThemeCommon.computed)(function (_ref55) {
-    var _ref56 = _slicedToArray(_ref55, 1),
-      backgroundBaseInteractiveSelect = _ref56[0];
-    return backgroundBaseInteractiveSelect;
-  }, ['colors.backgroundBaseInteractiveSelect']),
-  dataGridRowStripesBackgroundSelectHover: (0, _euiThemeCommon.computed)(function (_ref57) {
-    var _ref58 = _slicedToArray(_ref57, 1),
-      backgroundBaseInteractiveSelect = _ref58[0];
+  dataGridRowStripesBackgroundStripedHover: _semantic_colors.SEMANTIC_COLORS.shade15,
+  dataGridRowStripesBackgroundSelect: (0, _euiThemeCommon.computed)(function (_ref51) {
+    var _ref52 = _slicedToArray(_ref51, 1),
+      backgroundBaseInteractiveSelect = _ref52[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  dragDropDraggingBackground: (0, _euiThemeCommon.computed)(function (_ref59) {
-    var _ref60 = _slicedToArray(_ref59, 1),
-      backgroundBaseSuccess = _ref60[0];
+  dataGridRowStripesBackgroundSelectHover: (0, _euiThemeCommon.computed)(function (_ref53) {
+    var _ref54 = _slicedToArray(_ref53, 1),
+      backgroundBaseInteractiveSelectHover = _ref54[0];
+    return backgroundBaseInteractiveSelectHover;
+  }, ['colors.backgroundBaseInteractiveSelectHover']),
+  dragDropDraggingBackground: (0, _euiThemeCommon.computed)(function (_ref55) {
+    var _ref56 = _slicedToArray(_ref55, 1),
+      backgroundBaseSuccess = _ref56[0];
     return backgroundBaseSuccess;
   }, ['colors.backgroundBaseSuccess']),
-  dragDropDraggingOverBackground: (0, _euiThemeCommon.computed)(function (_ref61) {
-    var _ref62 = _slicedToArray(_ref61, 1),
-      backgroundLightSuccess = _ref62[0];
+  dragDropDraggingOverBackground: (0, _euiThemeCommon.computed)(function (_ref57) {
+    var _ref58 = _slicedToArray(_ref57, 1),
+      backgroundLightSuccess = _ref58[0];
     return backgroundLightSuccess;
   }, ['colors.backgroundLightSuccess']),
   filterButtonBadgeBackgroundHover: _semantic_colors.SEMANTIC_COLORS.shade25,
-  filterSelectItemBackgroundFocusDisabled: (0, _euiThemeCommon.computed)(function (_ref63) {
-    var _ref64 = _slicedToArray(_ref63, 1),
-      backgroundBaseDisabled = _ref64[0];
+  filterSelectItemBackgroundFocusDisabled: (0, _euiThemeCommon.computed)(function (_ref59) {
+    var _ref60 = _slicedToArray(_ref59, 1),
+      backgroundBaseDisabled = _ref60[0];
     return backgroundBaseDisabled;
   }, ['colors.backgroundBaseDisabled']),
-  flyoutFooterBackground: (0, _euiThemeCommon.computed)(function (_ref65) {
-    var _ref66 = _slicedToArray(_ref65, 1),
-      backgroundBaseHighlighted = _ref66[0];
+  flyoutFooterBackground: (0, _euiThemeCommon.computed)(function (_ref61) {
+    var _ref62 = _slicedToArray(_ref61, 1),
+      backgroundBaseHighlighted = _ref62[0];
     return backgroundBaseHighlighted;
   }, ['colors.backgroundBaseHighlighted']),
-  flyoutCloseButtonInsideBackground: (0, _euiThemeCommon.computed)(function (_ref67) {
-    var _ref68 = _slicedToArray(_ref67, 1),
-      backgroundBasePlain = _ref68[0];
+  flyoutCloseButtonInsideBackground: (0, _euiThemeCommon.computed)(function (_ref63) {
+    var _ref64 = _slicedToArray(_ref63, 1),
+      backgroundBasePlain = _ref64[0];
     return backgroundBasePlain;
   }, ['colors.backgroundBasePlain']),
-  headerBackground: (0, _euiThemeCommon.computed)(function (_ref69) {
-    var _ref70 = _slicedToArray(_ref69, 1),
-      backgroundBasePlain = _ref70[0];
+  headerBackground: (0, _euiThemeCommon.computed)(function (_ref65) {
+    var _ref66 = _slicedToArray(_ref65, 1),
+      backgroundBasePlain = _ref66[0];
     return backgroundBasePlain;
   }, ['colors.backgroundBasePlain']),
   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 (_ref71) {
-    var _ref72 = _slicedToArray(_ref71, 1),
-      backgroundBaseDisabled = _ref72[0];
+  keyPadMenuItemBackgroundDisabledSelect: (0, _euiThemeCommon.computed)(function (_ref67) {
+    var _ref68 = _slicedToArray(_ref67, 1),
+      backgroundBaseDisabled = _ref68[0];
     return backgroundBaseDisabled;
   }, ['colors.backgroundBaseDisabled']),
-  listGroupItemBackgroundPrimaryActive: (0, _euiThemeCommon.computed)(function (_ref73) {
-    var _ref74 = _slicedToArray(_ref73, 1),
-      backgroundBaseInteractiveSelect = _ref74[0];
+  listGroupItemBackgroundPrimaryActive: (0, _euiThemeCommon.computed)(function (_ref69) {
+    var _ref70 = _slicedToArray(_ref69, 1),
+      backgroundBaseInteractiveSelect = _ref70[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  listGroupItemBackgroundSubduedActive: (0, _euiThemeCommon.computed)(function (_ref75) {
-    var _ref76 = _slicedToArray(_ref75, 1),
-      backgroundBaseInteractiveSelect = _ref76[0];
+  listGroupItemBackgroundSubduedActive: (0, _euiThemeCommon.computed)(function (_ref71) {
+    var _ref72 = _slicedToArray(_ref71, 1),
+      backgroundBaseInteractiveSelect = _ref72[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  listGroupItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref77) {
-    var _ref78 = _slicedToArray(_ref77, 1),
-      backgroundBaseInteractiveHover = _ref78[0];
+  listGroupItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref73) {
+    var _ref74 = _slicedToArray(_ref73, 1),
+      backgroundBaseInteractiveHover = _ref74[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
-  listGroupItemBackgroundPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref79) {
-    var _ref80 = _slicedToArray(_ref79, 1),
-      backgroundBaseInteractiveHover = _ref80[0];
+  listGroupItemBackgroundPrimaryHover: (0, _euiThemeCommon.computed)(function (_ref75) {
+    var _ref76 = _slicedToArray(_ref75, 1),
+      backgroundBaseInteractiveHover = _ref76[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 (_ref81) {
-    var _ref82 = _slicedToArray(_ref81, 1),
-      borderStrongPrimary = _ref82[0];
+  loadingSpinnerHighlight: (0, _euiThemeCommon.computed)(function (_ref77) {
+    var _ref78 = _slicedToArray(_ref77, 1),
+      borderStrongPrimary = _ref78[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 (_ref83) {
-    var _ref84 = _slicedToArray(_ref83, 1),
-      backgroundLightPrimary = _ref84[0];
+  markBackground: (0, _euiThemeCommon.computed)(function (_ref79) {
+    var _ref80 = _slicedToArray(_ref79, 1),
+      backgroundLightPrimary = _ref80[0];
     return backgroundLightPrimary;
   }, ['colors.backgroundLightPrimary']),
-  markdownFormatTableBorderColor: (0, _euiThemeCommon.computed)(function (_ref85) {
-    var _ref86 = _slicedToArray(_ref85, 1),
-      borderBasePlain = _ref86[0];
+  markdownFormatTableBorderColor: (0, _euiThemeCommon.computed)(function (_ref81) {
+    var _ref82 = _slicedToArray(_ref81, 1),
+      borderBasePlain = _ref82[0];
     return borderBasePlain;
   }, ['colors.borderBasePlain']),
-  overlayMaskBackground: (0, _euiThemeCommon.computed)(function (_ref87) {
-    var _ref88 = _slicedToArray(_ref87, 1),
-      backgroundBaseInteractiveOverlay = _ref88[0];
+  overlayMaskBackground: (0, _euiThemeCommon.computed)(function (_ref83) {
+    var _ref84 = _slicedToArray(_ref83, 1),
+      backgroundBaseInteractiveOverlay = _ref84[0];
     return backgroundBaseInteractiveOverlay;
   }, ['colors.backgroundBaseInteractiveOverlay']),
   overlayMaskBackgroundHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.shade140RGB, ", 0.9)"),
-  popoverPanelBackground: (0, _euiThemeCommon.computed)(function (_ref89) {
-    var _ref90 = _slicedToArray(_ref89, 1),
-      backgroundBasePlain = _ref90[0];
+  popoverPanelBackground: (0, _euiThemeCommon.computed)(function (_ref85) {
+    var _ref86 = _slicedToArray(_ref85, 1),
+      backgroundBasePlain = _ref86[0];
     return backgroundBasePlain;
   }, ['colors.backgroundBasePlain']),
-  popoverFooterBorderColor: (0, _euiThemeCommon.computed)(function (_ref91) {
-    var _ref92 = _slicedToArray(_ref91, 1),
-      borderBaseSubdued = _ref92[0];
+  popoverFooterBorderColor: (0, _euiThemeCommon.computed)(function (_ref87) {
+    var _ref88 = _slicedToArray(_ref87, 1),
+      borderBaseSubdued = _ref88[0];
     return borderBaseSubdued;
   }, ['colors.borderBaseSubdued']),
   scrollbarTrackColor: _semantic_colors.SEMANTIC_COLORS.shade15,
-  sideNavItemEmphasizedBackground: (0, _euiThemeCommon.computed)(function (_ref93) {
-    var _ref94 = _slicedToArray(_ref93, 1),
-      backgroundBaseInteractiveSelect = _ref94[0];
+  sideNavItemEmphasizedBackground: (0, _euiThemeCommon.computed)(function (_ref89) {
+    var _ref90 = _slicedToArray(_ref89, 1),
+      backgroundBaseInteractiveSelect = _ref90[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  selectableListItemBorderColor: (0, _euiThemeCommon.computed)(function (_ref95) {
-    var _ref96 = _slicedToArray(_ref95, 1),
-      borderBaseSubdued = _ref96[0];
+  selectableListItemBorderColor: (0, _euiThemeCommon.computed)(function (_ref91) {
+    var _ref92 = _slicedToArray(_ref91, 1),
+      borderBaseSubdued = _ref92[0];
     return borderBaseSubdued;
   }, ['colors.borderBaseSubdued']),
   skeletonBackgroundSkeletonMiddleHighContrast: "rgba(".concat(_semantic_colors.SEMANTIC_COLORS.shade100RGB, ", 0.04)"),
-  superDatePickerBackgroundSuccees: (0, _euiThemeCommon.computed)(function (_ref97) {
-    var _ref98 = _slicedToArray(_ref97, 1),
-      backgroundBaseSuccess = _ref98[0];
+  superDatePickerBackgroundSuccees: (0, _euiThemeCommon.computed)(function (_ref93) {
+    var _ref94 = _slicedToArray(_ref93, 1),
+      backgroundBaseSuccess = _ref94[0];
     return backgroundBaseSuccess;
   }, ['colors.backgroundBaseSuccess']),
-  switchBackgroundOn: (0, _euiThemeCommon.computed)(function (_ref99) {
-    var _ref100 = _slicedToArray(_ref99, 1),
-      backgroundFilledPrimary = _ref100[0];
+  switchBackgroundOn: (0, _euiThemeCommon.computed)(function (_ref95) {
+    var _ref96 = _slicedToArray(_ref95, 1),
+      backgroundFilledPrimary = _ref96[0];
     return backgroundFilledPrimary;
   }, ['colors.backgroundFilledPrimary']),
-  switchBackgroundOff: (0, _euiThemeCommon.computed)(function (_ref101) {
-    var _ref102 = _slicedToArray(_ref101, 1),
-      backgroundFilledText = _ref102[0];
+  switchBackgroundOff: (0, _euiThemeCommon.computed)(function (_ref97) {
+    var _ref98 = _slicedToArray(_ref97, 1),
+      backgroundFilledText = _ref98[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
-  switchUncompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref103) {
-    var _ref104 = _slicedToArray(_ref103, 1),
-      backgroundBaseFormsControlDisabled = _ref104[0];
+  switchUncompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref99) {
+    var _ref100 = _slicedToArray(_ref99, 1),
+      backgroundBaseFormsControlDisabled = _ref100[0];
     return backgroundBaseFormsControlDisabled;
   }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchCompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref105) {
-    var _ref106 = _slicedToArray(_ref105, 1),
-      backgroundBaseFormsControlDisabled = _ref106[0];
+  switchCompressedBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref101) {
+    var _ref102 = _slicedToArray(_ref101, 1),
+      backgroundBaseFormsControlDisabled = _ref102[0];
     return backgroundBaseFormsControlDisabled;
   }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchMiniBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref107) {
-    var _ref108 = _slicedToArray(_ref107, 1),
-      backgroundBaseFormsControlDisabled = _ref108[0];
+  switchMiniBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref103) {
+    var _ref104 = _slicedToArray(_ref103, 1),
+      backgroundBaseFormsControlDisabled = _ref104[0];
     return backgroundBaseFormsControlDisabled;
   }, ['colors.backgroundBaseFormsControlDisabled']),
-  switchThumbBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref109) {
-    var _ref110 = _slicedToArray(_ref109, 1),
-      backgroundBasePlain = _ref110[0];
+  switchThumbBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref105) {
+    var _ref106 = _slicedToArray(_ref105, 1),
+      backgroundBasePlain = _ref106[0];
     return backgroundBasePlain;
   }, ['colors.backgroundBasePlain']),
-  switchThumbBorderOn: (0, _euiThemeCommon.computed)(function (_ref111) {
-    var _ref112 = _slicedToArray(_ref111, 1),
-      backgroundFilledPrimary = _ref112[0];
+  switchThumbBorderOn: (0, _euiThemeCommon.computed)(function (_ref107) {
+    var _ref108 = _slicedToArray(_ref107, 1),
+      backgroundFilledPrimary = _ref108[0];
     return backgroundFilledPrimary;
   }, ['colors.backgroundFilledPrimary']),
-  switchThumbBorderOff: (0, _euiThemeCommon.computed)(function (_ref113) {
-    var _ref114 = _slicedToArray(_ref113, 1),
-      backgroundFilledText = _ref114[0];
+  switchThumbBorderOff: (0, _euiThemeCommon.computed)(function (_ref109) {
+    var _ref110 = _slicedToArray(_ref109, 1),
+      backgroundFilledText = _ref110[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
   switchIconDisabled: _forms.forms.LIGHT.iconDisabled,
-  tableRowBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref115) {
-    var _ref116 = _slicedToArray(_ref115, 1),
-      backgroundBaseInteractiveHover = _ref116[0];
+  tableRowBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref111) {
+    var _ref112 = _slicedToArray(_ref111, 1),
+      backgroundBaseInteractiveHover = _ref112[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
-  tableRowBackgroundSelected: (0, _euiThemeCommon.computed)(function (_ref117) {
-    var _ref118 = _slicedToArray(_ref117, 1),
-      backgroundBaseInteractiveSelect = _ref118[0];
+  tableRowBackgroundSelected: (0, _euiThemeCommon.computed)(function (_ref113) {
+    var _ref114 = _slicedToArray(_ref113, 1),
+      backgroundBaseInteractiveSelect = _ref114[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  tableRowBackgroundSelectedHover: (0, _euiThemeCommon.computed)(function (_ref119) {
-    var _ref120 = _slicedToArray(_ref119, 1),
-      backgroundBaseInteractiveSelectHover = _ref120[0];
+  tableRowBackgroundSelectedHover: (0, _euiThemeCommon.computed)(function (_ref115) {
+    var _ref116 = _slicedToArray(_ref115, 1),
+      backgroundBaseInteractiveSelectHover = _ref116[0];
     return backgroundBaseInteractiveSelectHover;
   }, ['colors.backgroundBaseInteractiveSelectHover']),
-  tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref121) {
-    var _ref122 = _slicedToArray(_ref121, 1),
-      backgroundBaseInteractiveSelect = _ref122[0];
+  tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref117) {
+    var _ref118 = _slicedToArray(_ref117, 1),
+      backgroundBaseInteractiveSelect = _ref118[0];
     return backgroundBaseInteractiveSelect;
   }, ['colors.backgroundBaseInteractiveSelect']),
-  tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref123) {
-    var _ref124 = _slicedToArray(_ref123, 1),
-      backgroundBaseInteractiveHover = _ref124[0];
+  tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref119) {
+    var _ref120 = _slicedToArray(_ref119, 1),
+      backgroundBaseInteractiveHover = _ref120[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover']),
   tableRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning10,
   tableRowBackgroundMarkedHover: _semantic_colors.SEMANTIC_COLORS.warning20,
-  tableCellSortableIconColor: (0, _euiThemeCommon.computed)(function (_ref125) {
-    var _ref126 = _slicedToArray(_ref125, 1),
-      backgroundFilledText = _ref126[0];
+  tableCellSortableIconColor: (0, _euiThemeCommon.computed)(function (_ref121) {
+    var _ref122 = _slicedToArray(_ref121, 1),
+      backgroundFilledText = _ref122[0];
     return backgroundFilledText;
   }, ['colors.backgroundFilledText']),
   tooltipBackground: _colors_dark.dark_background_colors.backgroundBaseSubdued,
   tooltipBorder: _colors_dark.dark_border_colors.borderBaseSubdued,
-  tooltipBorderFloating: (0, _euiThemeCommon.computed)(function (_ref127) {
-    var _ref128 = _slicedToArray(_ref127, 1),
-      borderBaseFloating = _ref128[0];
+  tooltipBorderFloating: (0, _euiThemeCommon.computed)(function (_ref123) {
+    var _ref124 = _slicedToArray(_ref123, 1),
+      borderBaseFloating = _ref124[0];
     return borderBaseFloating;
   }, ['colors.borderBaseFloating']),
-  tourFooterBackground: (0, _euiThemeCommon.computed)(function (_ref129) {
-    var _ref130 = _slicedToArray(_ref129, 1),
-      backgroundBaseHighlighted = _ref130[0];
+  tourFooterBackground: (0, _euiThemeCommon.computed)(function (_ref125) {
+    var _ref126 = _slicedToArray(_ref125, 1),
+      backgroundBaseHighlighted = _ref126[0];
     return backgroundBaseHighlighted;
   }, ['colors.backgroundBaseHighlighted']),
-  treeViewItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref131) {
-    var _ref132 = _slicedToArray(_ref131, 1),
-      backgroundBaseInteractiveHover = _ref132[0];
+  treeViewItemBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref127) {
+    var _ref128 = _slicedToArray(_ref127, 1),
+      backgroundBaseInteractiveHover = _ref128[0];
     return backgroundBaseInteractiveHover;
   }, ['colors.backgroundBaseInteractiveHover'])
 };
@@ -410,6 +402,8 @@ var components = exports.components = {
   LIGHT: component_colors,
   DARK: _objectSpread(_objectSpread({}, component_colors), {}, {
     buttonGroupFocusColor: _semantic_colors.SEMANTIC_COLORS.plainLight,
+    dataGridRowStripesBackgroundHover: _semantic_colors.SEMANTIC_COLORS.shade130,
+    dataGridRowStripesBackgroundStripedHover: _semantic_colors.SEMANTIC_COLORS.shade130,
     dataGridRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning140,
     dataGridRowBackgroundMarkedHover: _semantic_colors.SEMANTIC_COLORS.warning130,
     codeInlineBackground: _semantic_colors.SEMANTIC_COLORS.shade135,
@@ -437,14 +431,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 (_ref133) {
-      var _ref134 = _slicedToArray(_ref133, 1),
-        backgroundBaseInteractiveHover = _ref134[0];
+    tableRowInteractiveBackgroundHover: (0, _euiThemeCommon.computed)(function (_ref129) {
+      var _ref130 = _slicedToArray(_ref129, 1),
+        backgroundBaseInteractiveHover = _ref130[0];
       return backgroundBaseInteractiveHover;
     }, ['colors.backgroundBaseInteractiveHover']),
-    tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref135) {
-      var _ref136 = _slicedToArray(_ref135, 1),
-        backgroundBaseInteractiveHover = _ref136[0];
+    tableRowInteractiveBackgroundFocus: (0, _euiThemeCommon.computed)(function (_ref131) {
+      var _ref132 = _slicedToArray(_ref131, 1),
+        backgroundBaseInteractiveHover = _ref132[0];
       return backgroundBaseInteractiveHover;
     }, ['colors.backgroundBaseInteractiveHover']),
     tableRowBackgroundMarked: _semantic_colors.SEMANTIC_COLORS.warning140,

package/lib/esm/variables/_components.js

@@ -62,11 +62,11 @@ const component_colors = {
     dataGridRowBorderHover: computed(([borderStrongText]) => borderStrongText, ['colors.borderStrongText']),
     dataGridRowBorderMarked: computed(([borderStrongWarning]) => borderStrongWarning, ['colors.borderStrongWarning']),
     dataGridRowStripesBackground: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
-    dataGridRowStripesBackgroundHover: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
+    dataGridRowStripesBackgroundHover: SEMANTIC_COLORS.shade15,
     dataGridRowStripesBackgroundStriped: computed(([backgroundBaseSubdued]) => backgroundBaseSubdued, ['colors.backgroundBaseSubdued']),
-    dataGridRowStripesBackgroundStripedHover: computed(([backgroundBaseSubdued]) => backgroundBaseSubdued, ['colors.backgroundBaseSubdued']),
+    dataGridRowStripesBackgroundStripedHover: SEMANTIC_COLORS.shade15,
     dataGridRowStripesBackgroundSelect: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
-    dataGridRowStripesBackgroundSelectHover: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
+    dataGridRowStripesBackgroundSelectHover: computed(([backgroundBaseInteractiveSelectHover]) => backgroundBaseInteractiveSelectHover, ['colors.backgroundBaseInteractiveSelectHover']),
     dragDropDraggingBackground: computed(([backgroundBaseSuccess]) => backgroundBaseSuccess, ['colors.backgroundBaseSuccess']),
     dragDropDraggingOverBackground: computed(([backgroundLightSuccess]) => backgroundLightSuccess, ['colors.backgroundLightSuccess']),
     filterButtonBadgeBackgroundHover: SEMANTIC_COLORS.shade25,
@@ -130,6 +130,8 @@ export const components = {
     DARK: {
         ...component_colors,
         buttonGroupFocusColor: SEMANTIC_COLORS.plainLight,
+        dataGridRowStripesBackgroundHover: SEMANTIC_COLORS.shade130,
+        dataGridRowStripesBackgroundStripedHover: SEMANTIC_COLORS.shade130,
         dataGridRowBackgroundMarked: SEMANTIC_COLORS.warning140,
         dataGridRowBackgroundMarkedHover: SEMANTIC_COLORS.warning130,
         codeInlineBackground: SEMANTIC_COLORS.shade135,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elastic/eui-theme-borealis",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "description": "A visual theme for EUI",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {

package/src/variables/colors/_semantic_colors.scss

@@ -9,7 +9,7 @@ $euiColorWhite: #FFFFFF !default;
 $euiColorBlack: #000000 !default;
 $euiColorMutedBlack: #0E0F12 !default;
 $euiColorBlueBlack: #050F21 !default;
-$euiColorTransparent: 'transparent' !default;
+$euiColorTransparent: transparent !default;
 
 $euiColorPlainLight: $euiColorWhite !default;
 $euiColorPlainDark: $euiColorBlueBlack !default;