@elastic/eui-theme-borealis 3.0.0 → 3.2.0

package/lib/cjs/variables/_components.js

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

package/lib/esm/variables/_components.js

@@ -26,6 +26,7 @@ const component_colors = {
     codeBackground: computed(([backgroundBaseHighlighted]) => backgroundBaseHighlighted, ['colors.backgroundBaseHighlighted']),
     codeBackgroundSelected: 'inherit',
     codeColor: computed(([textParagraph]) => textParagraph, ['colors.textParagraph']),
+    codeInlineBackground: SEMANTIC_COLORS.shade15,
     codeInlineColor: SEMANTIC_COLORS.assistance100,
     codeCommentColor: computed(([textSubdued]) => textSubdued, ['colors.textSubdued']),
     codeSelectorColor: 'inherit',
@@ -55,6 +56,11 @@ const component_colors = {
     dataGridRowBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
     dataGridRowBackgroundSelect: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
     dataGridRowBackgroundSelectHover: computed(([backgroundBaseInteractiveSelectHover]) => backgroundBaseInteractiveSelectHover, ['colors.backgroundBaseInteractiveSelectHover']),
+    dataGridRowBackgroundMarked: SEMANTIC_COLORS.warning10,
+    dataGridRowBackgroundMarkedHover: SEMANTIC_COLORS.warning20,
+    dataGridRowBorderActive: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
+    dataGridRowBorderHover: computed(([borderStrongText]) => borderStrongText, ['colors.borderStrongText']),
+    dataGridRowBorderMarked: computed(([borderStrongWarning]) => borderStrongWarning, ['colors.borderStrongWarning']),
     dataGridRowStripesBackground: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
     dataGridRowStripesBackgroundHover: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
     dataGridRowStripesBackgroundStriped: computed(([backgroundBaseSubdued]) => backgroundBaseSubdued, ['colors.backgroundBaseSubdued']),
@@ -108,6 +114,8 @@ const component_colors = {
     tableRowBackgroundSelectedHover: computed(([backgroundBaseInteractiveSelectHover]) => backgroundBaseInteractiveSelectHover, ['colors.backgroundBaseInteractiveSelectHover']),
     tableRowInteractiveBackgroundHover: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
     tableRowInteractiveBackgroundFocus: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
+    tableRowBackgroundMarked: SEMANTIC_COLORS.warning10,
+    tableRowBackgroundMarkedHover: SEMANTIC_COLORS.warning20,
     tableCellSortableIconColor: computed(([backgroundFilledText]) => backgroundFilledText, ['colors.backgroundFilledText']),
     tooltipBackground: dark_background_colors.backgroundBaseSubdued,
     tooltipBorder: dark_border_colors.borderBaseSubdued,
@@ -122,6 +130,9 @@ export const components = {
     DARK: {
         ...component_colors,
         buttonGroupFocusColor: SEMANTIC_COLORS.plainLight,
+        dataGridRowBackgroundMarked: SEMANTIC_COLORS.warning140,
+        dataGridRowBackgroundMarkedHover: SEMANTIC_COLORS.warning130,
+        codeInlineBackground: SEMANTIC_COLORS.shade135,
         codeInlineColor: SEMANTIC_COLORS.assistance60,
         codeStringColor: SEMANTIC_COLORS.accent60,
         codeTagColor: SEMANTIC_COLORS.primary60,
@@ -148,5 +159,7 @@ export const components = {
         // TODO: align table hover states
         tableRowInteractiveBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
         tableRowInteractiveBackgroundFocus: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
+        tableRowBackgroundMarked: SEMANTIC_COLORS.warning140,
+        tableRowBackgroundMarkedHover: SEMANTIC_COLORS.warning130,
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elastic/eui-theme-borealis",
-  "version": "3.0.0",
+  "version": "3.2.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": "2.0.0",
+    "@elastic/eui-theme-common": "2.2.0",
     "@types/chroma-js": "^2.4.0",
     "@types/jest": "^29.5.12",
     "@types/prettier": "2.7.3",