@elastic/eui-theme-borealis 3.1.0 → 3.3.0

package/lib/cjs/index.js

@@ -59,7 +59,8 @@ var euiThemeBorealis = exports.euiThemeBorealis = {
   flags: {
     hasGlobalFocusColor: true,
     hasVisColorAdjustment: false,
-    buttonVariant: 'refresh'
+    buttonVariant: 'refresh',
+    formVariant: 'refresh'
   },
   overrides: _overrides.overrides
 };

package/lib/cjs/variables/_components.js

@@ -153,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'])
 };
@@ -391,6 +410,8 @@ 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,
@@ -416,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/cjs/variables/_forms.d.ts

@@ -6,10 +6,17 @@ export declare const forms: {
         backgroundReadOnly: any;
         backgroundFocused: any;
         backgroundAutofilled: any;
+        backgroundDropping: string;
         prependBackground: any;
         border: any;
         borderDisabled: any;
+        borderFocused: any;
+        borderInvalid: any;
+        borderHovered: any;
+        borderInvalidHovered: any;
         borderAutofilled: any;
+        borderAutofilledHovered: any;
+        clearButtonBackground: string;
         controlBorder: any;
         controlBorderSelected: any;
         controlBorderDisabled: any;
@@ -20,15 +27,22 @@ export declare const forms: {
         iconDisabled: any;
     };
     DARK: {
+        clearButtonBackground: string;
         background: any;
         backgroundDisabled: any;
         backgroundReadOnly: any;
         backgroundFocused: any;
         backgroundAutofilled: any;
+        backgroundDropping: string;
         prependBackground: any;
         border: any;
         borderDisabled: any;
+        borderFocused: any;
+        borderInvalid: any;
+        borderHovered: any;
+        borderInvalidHovered: any;
         borderAutofilled: any;
+        borderAutofilledHovered: any;
         controlBorder: any;
         controlBorderSelected: any;
         controlBorderDisabled: any;

package/lib/cjs/variables/_forms.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.forms = void 0;
 var _euiThemeCommon = require("@elastic/eui-theme-common");
+var _semantic_colors = require("./colors/_semantic_colors");
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -36,9 +37,9 @@ var _forms = {
   }, ['colors.backgroundBaseDisabled']),
   backgroundReadOnly: (0, _euiThemeCommon.computed)(function (_ref5) {
     var _ref6 = _slicedToArray(_ref5, 1),
-      backgroundBasePlain = _ref6[0];
-    return backgroundBasePlain;
-  }, ['colors.backgroundBasePlain']),
+      backgroundBaseDisabled = _ref6[0];
+    return backgroundBaseDisabled;
+  }, ['colors.backgroundBaseDisabled']),
   backgroundFocused: (0, _euiThemeCommon.computed)(function (_ref7) {
     var _ref8 = _slicedToArray(_ref7, 1),
       backgroundBasePlain = _ref8[0];
@@ -49,6 +50,7 @@ var _forms = {
       backgroundBasePrimary = _ref10[0];
     return backgroundBasePrimary;
   }, ['colors.backgroundBasePrimary']),
+  backgroundDropping: _semantic_colors.SEMANTIC_COLORS.success70Alpha16,
   prependBackground: (0, _euiThemeCommon.computed)(function (_ref11) {
     var _ref12 = _slicedToArray(_ref11, 1),
       backgroundBaseFormsPrepend = _ref12[0];
@@ -64,53 +66,81 @@ var _forms = {
       borderBaseDisabled = _ref16[0];
     return borderBaseDisabled;
   }, ['colors.borderBaseDisabled']),
-  borderAutofilled: (0, _euiThemeCommon.computed)(function (_ref17) {
+  borderFocused: (0, _euiThemeCommon.computed)(function (_ref17) {
     var _ref18 = _slicedToArray(_ref17, 1),
-      borderBasePrimary = _ref18[0];
+      borderStrongPrimary = _ref18[0];
+    return borderStrongPrimary;
+  }, ['colors.borderStrongPrimary']),
+  borderInvalid: (0, _euiThemeCommon.computed)(function (_ref19) {
+    var _ref20 = _slicedToArray(_ref19, 1),
+      borderStrongDanger = _ref20[0];
+    return borderStrongDanger;
+  }, ['colors.borderStrongDanger']),
+  borderHovered: (0, _euiThemeCommon.computed)(function (_ref21) {
+    var _ref22 = _slicedToArray(_ref21, 1),
+      borderInteractiveFormsHoverPlain = _ref22[0];
+    return borderInteractiveFormsHoverPlain;
+  }, ['colors.borderInteractiveFormsHoverPlain']),
+  borderInvalidHovered: (0, _euiThemeCommon.computed)(function (_ref23) {
+    var _ref24 = _slicedToArray(_ref23, 1),
+      borderInteractiveFormsHoverDanger = _ref24[0];
+    return borderInteractiveFormsHoverDanger;
+  }, ['colors.borderInteractiveFormsHoverDanger']),
+  borderAutofilled: (0, _euiThemeCommon.computed)(function (_ref25) {
+    var _ref26 = _slicedToArray(_ref25, 1),
+      borderBasePrimary = _ref26[0];
     return borderBasePrimary;
   }, ['colors.borderBasePrimary']),
-  controlBorder: (0, _euiThemeCommon.computed)(function (_ref19) {
-    var _ref20 = _slicedToArray(_ref19, 1),
-      borderBaseFormsControl = _ref20[0];
+  borderAutofilledHovered: (0, _euiThemeCommon.computed)(function (_ref27) {
+    var _ref28 = _slicedToArray(_ref27, 1),
+      borderStrongPrimary = _ref28[0];
+    return borderStrongPrimary;
+  }, ['colors.borderStrongPrimary']),
+  clearButtonBackground: _semantic_colors.SEMANTIC_COLORS.shade60,
+  controlBorder: (0, _euiThemeCommon.computed)(function (_ref29) {
+    var _ref30 = _slicedToArray(_ref29, 1),
+      borderBaseFormsControl = _ref30[0];
     return borderBaseFormsControl;
   }, ['colors.borderBaseFormsControl']),
-  controlBorderSelected: (0, _euiThemeCommon.computed)(function (_ref21) {
-    var _ref22 = _slicedToArray(_ref21, 1),
-      borderStrongPrimary = _ref22[0];
+  controlBorderSelected: (0, _euiThemeCommon.computed)(function (_ref31) {
+    var _ref32 = _slicedToArray(_ref31, 1),
+      borderStrongPrimary = _ref32[0];
     return borderStrongPrimary;
   }, ['colors.borderStrongPrimary']),
-  controlBorderDisabled: (0, _euiThemeCommon.computed)(function (_ref23) {
-    var _ref24 = _slicedToArray(_ref23, 1),
-      borderBaseDisabled = _ref24[0];
+  controlBorderDisabled: (0, _euiThemeCommon.computed)(function (_ref33) {
+    var _ref34 = _slicedToArray(_ref33, 1),
+      borderBaseDisabled = _ref34[0];
     return borderBaseDisabled;
   }, ['colors.borderBaseDisabled']),
   controlBackgroundUnselected: 'transparent',
-  controlBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref25) {
-    var _ref26 = _slicedToArray(_ref25, 1),
-      backgroundBaseFormsControlDisabled = _ref26[0];
+  controlBackgroundDisabled: (0, _euiThemeCommon.computed)(function (_ref35) {
+    var _ref36 = _slicedToArray(_ref35, 1),
+      backgroundBaseFormsControlDisabled = _ref36[0];
     return backgroundBaseFormsControlDisabled;
   }, ['colors.backgroundBaseFormsControlDisabled']),
-  colorHasPlaceholder: (0, _euiThemeCommon.computed)(function (_ref27) {
-    var _ref28 = _slicedToArray(_ref27, 1),
-      textSubdued = _ref28[0];
+  colorHasPlaceholder: (0, _euiThemeCommon.computed)(function (_ref37) {
+    var _ref38 = _slicedToArray(_ref37, 1),
+      textSubdued = _ref38[0];
     return textSubdued;
   }, ['colors.textSubdued']),
-  colorDisabled: (0, _euiThemeCommon.computed)(function (_ref29) {
-    var _ref30 = _slicedToArray(_ref29, 1),
-      textDisabled = _ref30[0];
+  colorDisabled: (0, _euiThemeCommon.computed)(function (_ref39) {
+    var _ref40 = _slicedToArray(_ref39, 1),
+      textDisabled = _ref40[0];
     return textDisabled;
   }, ['colors.textDisabled']),
-  iconDisabled: (0, _euiThemeCommon.computed)(function (_ref31) {
-    var _ref32 = _slicedToArray(_ref31, 1),
-      textDisabled = _ref32[0];
+  iconDisabled: (0, _euiThemeCommon.computed)(function (_ref41) {
+    var _ref42 = _slicedToArray(_ref41, 1),
+      textDisabled = _ref42[0];
     return textDisabled;
   }, ['colors.textDisabled'])
 };
-var _dark_forms = _objectSpread({}, _forms);
+var _dark_forms = _objectSpread(_objectSpread({}, _forms), {}, {
+  clearButtonBackground: _semantic_colors.SEMANTIC_COLORS.shade90
+});
 var forms = exports.forms = {
-  maxWidth: (0, _euiThemeCommon.computed)(function (_ref33) {
-    var _ref34 = _slicedToArray(_ref33, 1),
-      base = _ref34[0];
+  maxWidth: (0, _euiThemeCommon.computed)(function (_ref43) {
+    var _ref44 = _slicedToArray(_ref43, 1),
+      base = _ref44[0];
     return (0, _euiThemeCommon.mathWithUnits)(base, function (x) {
       return x * 25;
     });

package/lib/cjs/variables/_overrides.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.overrides = void 0;
 var _primitive_colors = require("./colors/_primitive_colors");
+var _colors_vis_hcm = require("./colors/_colors_vis_hcm");
+var _colors_severity_hcm = require("./colors/_colors_severity_hcm");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -17,7 +19,11 @@ var overrides = exports.overrides = {
   HCM: {
     colors: {
       ink: _primitive_colors.PRIMITIVE_COLORS.black,
-      ghost: _primitive_colors.PRIMITIVE_COLORS.white
+      ghost: _primitive_colors.PRIMITIVE_COLORS.white,
+      LIGHT: {
+        vis: _colors_vis_hcm.visColorsLightHighContrast,
+        severity: _colors_severity_hcm.severityColorsLightHighContrast
+      }
     }
   }
 };

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

@@ -144,6 +144,8 @@ var dark_border_colors = exports.dark_border_colors = {
   borderBaseFloating: _semantic_colors.SEMANTIC_COLORS.shade120,
   borderBaseFormsColorSwatch: _semantic_colors.SEMANTIC_COLORS.plainLightAlpha32,
   borderBaseFormsControl: _semantic_colors.SEMANTIC_COLORS.shade80,
+  borderInteractiveFormsHoverPlain: _semantic_colors.SEMANTIC_COLORS.shade90,
+  borderInteractiveFormsHoverDanger: _semantic_colors.SEMANTIC_COLORS.danger70,
   borderStrongPrimary: _semantic_colors.SEMANTIC_COLORS.primary60,
   borderStrongAccent: _semantic_colors.SEMANTIC_COLORS.accent60,
   borderStrongAccentSecondary: _semantic_colors.SEMANTIC_COLORS.accentSecondary60,