@elastic/eui-theme-borealis 3.1.0 → 3.3.0

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

@@ -35,7 +35,7 @@ var brand_text_colors = exports.brand_text_colors = {
   primaryText: _semantic_colors.SEMANTIC_COLORS.primary100,
   accentText: _semantic_colors.SEMANTIC_COLORS.accent100,
   successText: _semantic_colors.SEMANTIC_COLORS.success100,
-  warningText: _semantic_colors.SEMANTIC_COLORS.warning110,
+  warningText: _semantic_colors.SEMANTIC_COLORS.warning100,
   dangerText: _semantic_colors.SEMANTIC_COLORS.danger100,
   /* New colors */
   textPrimary: _semantic_colors.SEMANTIC_COLORS.primary100,
@@ -43,7 +43,7 @@ var brand_text_colors = exports.brand_text_colors = {
   textAccentSecondary: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
   textNeutral: _semantic_colors.SEMANTIC_COLORS.neutral100,
   textSuccess: _semantic_colors.SEMANTIC_COLORS.success100,
-  textWarning: _semantic_colors.SEMANTIC_COLORS.warning110,
+  textWarning: _semantic_colors.SEMANTIC_COLORS.warning100,
   textRisk: _semantic_colors.SEMANTIC_COLORS.risk100,
   textDanger: _semantic_colors.SEMANTIC_COLORS.danger100
 };
@@ -144,14 +144,16 @@ var border_colors = exports.border_colors = {
   borderBaseFloating: _primitive_colors.PRIMITIVE_COLORS.transparent,
   borderBaseFormsColorSwatch: _semantic_colors.SEMANTIC_COLORS.shade100Alpha24,
   borderBaseFormsControl: _semantic_colors.SEMANTIC_COLORS.shade60,
-  borderStrongPrimary: _semantic_colors.SEMANTIC_COLORS.primary100,
-  borderStrongAccent: _semantic_colors.SEMANTIC_COLORS.accent100,
-  borderStrongAccentSecondary: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
-  borderStrongNeutral: _semantic_colors.SEMANTIC_COLORS.neutral100,
-  borderStrongSuccess: _semantic_colors.SEMANTIC_COLORS.success100,
-  borderStrongWarning: _semantic_colors.SEMANTIC_COLORS.warning100,
-  borderStrongRisk: _semantic_colors.SEMANTIC_COLORS.risk100,
-  borderStrongDanger: _semantic_colors.SEMANTIC_COLORS.danger100,
+  borderInteractiveFormsHoverPlain: _semantic_colors.SEMANTIC_COLORS.shade40,
+  borderInteractiveFormsHoverDanger: _semantic_colors.SEMANTIC_COLORS.danger80,
+  borderStrongPrimary: _semantic_colors.SEMANTIC_COLORS.primary90,
+  borderStrongAccent: _semantic_colors.SEMANTIC_COLORS.accent90,
+  borderStrongAccentSecondary: _semantic_colors.SEMANTIC_COLORS.accentSecondary90,
+  borderStrongNeutral: _semantic_colors.SEMANTIC_COLORS.neutral90,
+  borderStrongSuccess: _semantic_colors.SEMANTIC_COLORS.success90,
+  borderStrongWarning: _semantic_colors.SEMANTIC_COLORS.warning90,
+  borderStrongRisk: _semantic_colors.SEMANTIC_COLORS.risk90,
+  borderStrongDanger: _semantic_colors.SEMANTIC_COLORS.danger90,
   borderStrongText: _semantic_colors.SEMANTIC_COLORS.shade90
 };
 var special_colors = exports.special_colors = {

package/lib/cjs/variables/colors/_colors_severity_hcm.d.ts

@@ -0,0 +1,8 @@
+export declare const severityColorsLightHighContrast: {
+    unknown: string;
+    neutral: string;
+    success: string;
+    warning: string;
+    risk: string;
+    danger: string;
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.severityColorsLightHighContrast = void 0;
+var _semantic_colors = require("./_semantic_colors");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+var severityColorsLightHighContrast = exports.severityColorsLightHighContrast = {
+  unknown: _semantic_colors.SEMANTIC_COLORS.shade70,
+  neutral: _semantic_colors.SEMANTIC_COLORS.neutral70,
+  success: _semantic_colors.SEMANTIC_COLORS.success80,
+  warning: _semantic_colors.SEMANTIC_COLORS.warning80,
+  risk: _semantic_colors.SEMANTIC_COLORS.risk70,
+  danger: _semantic_colors.SEMANTIC_COLORS.danger70
+};

package/lib/cjs/variables/colors/_colors_vis_hcm.d.ts

@@ -0,0 +1,2 @@
+import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
+export declare const visColorsLightHighContrast: _EuiThemeVisColors;

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

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.visColorsLightHighContrast = void 0;
+var _semantic_colors = require("./_semantic_colors");
+var _primitive_colors = require("./_primitive_colors");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+var baseColorVis = {
+  euiColorVis0: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
+  euiColorVis1: _semantic_colors.SEMANTIC_COLORS.accentSecondary80,
+  euiColorVis2: _semantic_colors.SEMANTIC_COLORS.primary110,
+  euiColorVis3: _semantic_colors.SEMANTIC_COLORS.primary80,
+  euiColorVis4: _semantic_colors.SEMANTIC_COLORS.accent110,
+  euiColorVis5: _semantic_colors.SEMANTIC_COLORS.accent80,
+  euiColorVis6: _semantic_colors.SEMANTIC_COLORS.danger110,
+  euiColorVis7: _semantic_colors.SEMANTIC_COLORS.danger80,
+  euiColorVis8: _semantic_colors.SEMANTIC_COLORS.warning110,
+  euiColorVis9: _semantic_colors.SEMANTIC_COLORS.warning80
+};
+var visColorsLightHighContrast = exports.visColorsLightHighContrast = _objectSpread(_objectSpread({}, baseColorVis), {}, {
+  euiColorVisBehindText0: baseColorVis.euiColorVis0,
+  euiColorVisBehindText1: baseColorVis.euiColorVis1,
+  euiColorVisBehindText2: baseColorVis.euiColorVis2,
+  euiColorVisBehindText3: baseColorVis.euiColorVis3,
+  euiColorVisBehindText4: baseColorVis.euiColorVis4,
+  euiColorVisBehindText5: baseColorVis.euiColorVis5,
+  euiColorVisBehindText6: baseColorVis.euiColorVis6,
+  euiColorVisBehindText7: baseColorVis.euiColorVis7,
+  euiColorVisBehindText8: baseColorVis.euiColorVis8,
+  euiColorVisBehindText9: baseColorVis.euiColorVis9,
+  euiColorVisText0: _semantic_colors.SEMANTIC_COLORS.accentSecondary110,
+  euiColorVisText1: _semantic_colors.SEMANTIC_COLORS.accentSecondary100,
+  euiColorVisText2: _semantic_colors.SEMANTIC_COLORS.primary110,
+  euiColorVisText3: _semantic_colors.SEMANTIC_COLORS.primary90,
+  euiColorVisText4: _semantic_colors.SEMANTIC_COLORS.accent100,
+  euiColorVisText5: _semantic_colors.SEMANTIC_COLORS.accent80,
+  euiColorVisText6: _semantic_colors.SEMANTIC_COLORS.danger100,
+  euiColorVisText7: _semantic_colors.SEMANTIC_COLORS.danger80,
+  euiColorVisText8: _semantic_colors.SEMANTIC_COLORS.warning110,
+  euiColorVisText9: _semantic_colors.SEMANTIC_COLORS.warning90,
+  euiColorVisNeutral0: _semantic_colors.SEMANTIC_COLORS.neutral100,
+  euiColorVisNeutral1: _semantic_colors.SEMANTIC_COLORS.neutral80,
+  euiColorVisSuccess0: _semantic_colors.SEMANTIC_COLORS.success100,
+  euiColorVisSuccess1: _semantic_colors.SEMANTIC_COLORS.success80,
+  euiColorVisWarning0: _semantic_colors.SEMANTIC_COLORS.warning100,
+  euiColorVisWarning1: _semantic_colors.SEMANTIC_COLORS.warning80,
+  euiColorVisRisk0: _semantic_colors.SEMANTIC_COLORS.risk100,
+  euiColorVisRisk1: _semantic_colors.SEMANTIC_COLORS.risk80,
+  euiColorVisDanger0: _semantic_colors.SEMANTIC_COLORS.danger100,
+  euiColorVisDanger1: _semantic_colors.SEMANTIC_COLORS.danger80,
+  euiColorVisBase0: _primitive_colors.PRIMITIVE_COLORS.mutedGrey10,
+  euiColorVisGrey0: _primitive_colors.PRIMITIVE_COLORS.blueGrey30,
+  euiColorVisGrey1: _primitive_colors.PRIMITIVE_COLORS.blueGrey60,
+  euiColorVisGrey2: _primitive_colors.PRIMITIVE_COLORS.blueGrey90,
+  euiColorVisGrey3: _primitive_colors.PRIMITIVE_COLORS.blueGrey130,
+  euiColorVisWarm0: _semantic_colors.SEMANTIC_COLORS.danger10,
+  euiColorVisWarm1: _semantic_colors.SEMANTIC_COLORS.danger50,
+  euiColorVisWarm2: _semantic_colors.SEMANTIC_COLORS.danger100,
+  euiColorVisCool0: _semantic_colors.SEMANTIC_COLORS.primary10,
+  euiColorVisCool1: _semantic_colors.SEMANTIC_COLORS.primary50,
+  euiColorVisCool2: _semantic_colors.SEMANTIC_COLORS.primary100,
+  euiColorVisComplementary0: _semantic_colors.SEMANTIC_COLORS.primary80,
+  euiColorVisComplementary1: _semantic_colors.SEMANTIC_COLORS.warning80
+});

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

@@ -27,11 +27,12 @@ var colors = exports.colors = {
   ink: _semantic_colors.SEMANTIC_COLORS.plainDark,
   plainLight: _semantic_colors.SEMANTIC_COLORS.plainLight,
   plainDark: _semantic_colors.SEMANTIC_COLORS.plainDark,
-  severity: _colors_severity.severityColors,
   LIGHT: _objectSpread(_objectSpread({}, _colors_light.light_colors), {}, {
-    vis: _colors_vis_light.colorVisLight
+    vis: _colors_vis_light.colorVisLight,
+    severity: _colors_severity.severityColors
   }),
   DARK: _objectSpread(_objectSpread({}, _colors_dark.dark_colors), {}, {
-    vis: _colors_vis_dark.colorVisDark
+    vis: _colors_vis_dark.colorVisDark,
+    severity: _colors_severity.severityColors
   })
 };

package/lib/esm/index.js

@@ -35,6 +35,7 @@ export const euiThemeBorealis = {
         hasGlobalFocusColor: true,
         hasVisColorAdjustment: false,
         buttonVariant: 'refresh',
+        formVariant: 'refresh',
     },
     overrides,
 };

package/lib/esm/variables/_components.js

@@ -56,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']),
@@ -109,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,
@@ -123,6 +130,8 @@ 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,
@@ -150,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/lib/esm/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/esm/variables/_forms.js

@@ -6,16 +6,24 @@
  * Side Public License, v 1.
  */
 import { computed, mathWithUnits } from '@elastic/eui-theme-common';
+import { SEMANTIC_COLORS } from './colors/_semantic_colors';
 const _forms = {
     background: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
     backgroundDisabled: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
-    backgroundReadOnly: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
+    backgroundReadOnly: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
     backgroundFocused: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
     backgroundAutofilled: computed(([backgroundBasePrimary]) => backgroundBasePrimary, ['colors.backgroundBasePrimary']),
+    backgroundDropping: SEMANTIC_COLORS.success70Alpha16,
     prependBackground: computed(([backgroundBaseFormsPrepend]) => backgroundBaseFormsPrepend, ['colors.backgroundBaseFormsPrepend']),
     border: computed(([borderBasePlain]) => borderBasePlain, ['colors.borderBasePlain']),
     borderDisabled: computed(([borderBaseDisabled]) => borderBaseDisabled, ['colors.borderBaseDisabled']),
+    borderFocused: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
+    borderInvalid: computed(([borderStrongDanger]) => borderStrongDanger, ['colors.borderStrongDanger']),
+    borderHovered: computed(([borderInteractiveFormsHoverPlain]) => borderInteractiveFormsHoverPlain, ['colors.borderInteractiveFormsHoverPlain']),
+    borderInvalidHovered: computed(([borderInteractiveFormsHoverDanger]) => borderInteractiveFormsHoverDanger, ['colors.borderInteractiveFormsHoverDanger']),
     borderAutofilled: computed(([borderBasePrimary]) => borderBasePrimary, ['colors.borderBasePrimary']),
+    borderAutofilledHovered: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
+    clearButtonBackground: SEMANTIC_COLORS.shade60,
     controlBorder: computed(([borderBaseFormsControl]) => borderBaseFormsControl, ['colors.borderBaseFormsControl']),
     controlBorderSelected: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
     controlBorderDisabled: computed(([borderBaseDisabled]) => borderBaseDisabled, ['colors.borderBaseDisabled']),
@@ -27,6 +35,7 @@ const _forms = {
 };
 const _dark_forms = {
     ..._forms,
+    clearButtonBackground: SEMANTIC_COLORS.shade90,
 };
 export const forms = {
     maxWidth: computed(([base]) => mathWithUnits(base, (x) => x * 25), ['size.base']),

package/lib/esm/variables/_overrides.js

@@ -6,11 +6,17 @@
  * Side Public License, v 1.
  */
 import { PRIMITIVE_COLORS } from './colors/_primitive_colors';
+import { visColorsLightHighContrast } from './colors/_colors_vis_hcm';
+import { severityColorsLightHighContrast } from './colors/_colors_severity_hcm';
 export const overrides = {
     HCM: {
         colors: {
             ink: PRIMITIVE_COLORS.black,
             ghost: PRIMITIVE_COLORS.white,
+            LIGHT: {
+                vis: visColorsLightHighContrast,
+                severity: severityColorsLightHighContrast,
+            },
         },
     },
 };

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

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

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

@@ -23,7 +23,7 @@ export const brand_text_colors = {
     primaryText: SEMANTIC_COLORS.primary100,
     accentText: SEMANTIC_COLORS.accent100,
     successText: SEMANTIC_COLORS.success100,
-    warningText: SEMANTIC_COLORS.warning110,
+    warningText: SEMANTIC_COLORS.warning100,
     dangerText: SEMANTIC_COLORS.danger100,
     /* New colors */
     textPrimary: SEMANTIC_COLORS.primary100,
@@ -31,7 +31,7 @@ export const brand_text_colors = {
     textAccentSecondary: SEMANTIC_COLORS.accentSecondary100,
     textNeutral: SEMANTIC_COLORS.neutral100,
     textSuccess: SEMANTIC_COLORS.success100,
-    textWarning: SEMANTIC_COLORS.warning110,
+    textWarning: SEMANTIC_COLORS.warning100,
     textRisk: SEMANTIC_COLORS.risk100,
     textDanger: SEMANTIC_COLORS.danger100,
 };
@@ -131,14 +131,16 @@ export const border_colors = {
     borderBaseFloating: PRIMITIVE_COLORS.transparent,
     borderBaseFormsColorSwatch: SEMANTIC_COLORS.shade100Alpha24,
     borderBaseFormsControl: SEMANTIC_COLORS.shade60,
-    borderStrongPrimary: SEMANTIC_COLORS.primary100,
-    borderStrongAccent: SEMANTIC_COLORS.accent100,
-    borderStrongAccentSecondary: SEMANTIC_COLORS.accentSecondary100,
-    borderStrongNeutral: SEMANTIC_COLORS.neutral100,
-    borderStrongSuccess: SEMANTIC_COLORS.success100,
-    borderStrongWarning: SEMANTIC_COLORS.warning100,
-    borderStrongRisk: SEMANTIC_COLORS.risk100,
-    borderStrongDanger: SEMANTIC_COLORS.danger100,
+    borderInteractiveFormsHoverPlain: SEMANTIC_COLORS.shade40,
+    borderInteractiveFormsHoverDanger: SEMANTIC_COLORS.danger80,
+    borderStrongPrimary: SEMANTIC_COLORS.primary90,
+    borderStrongAccent: SEMANTIC_COLORS.accent90,
+    borderStrongAccentSecondary: SEMANTIC_COLORS.accentSecondary90,
+    borderStrongNeutral: SEMANTIC_COLORS.neutral90,
+    borderStrongSuccess: SEMANTIC_COLORS.success90,
+    borderStrongWarning: SEMANTIC_COLORS.warning90,
+    borderStrongRisk: SEMANTIC_COLORS.risk90,
+    borderStrongDanger: SEMANTIC_COLORS.danger90,
     borderStrongText: SEMANTIC_COLORS.shade90,
 };
 export const special_colors = {

package/lib/esm/variables/colors/_colors_severity_hcm.d.ts

@@ -0,0 +1,8 @@
+export declare const severityColorsLightHighContrast: {
+    unknown: string;
+    neutral: string;
+    success: string;
+    warning: string;
+    risk: string;
+    danger: string;
+};

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

@@ -0,0 +1,16 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { SEMANTIC_COLORS } from './_semantic_colors';
+export const severityColorsLightHighContrast = {
+    unknown: SEMANTIC_COLORS.shade70,
+    neutral: SEMANTIC_COLORS.neutral70,
+    success: SEMANTIC_COLORS.success80,
+    warning: SEMANTIC_COLORS.warning80,
+    risk: SEMANTIC_COLORS.risk70,
+    danger: SEMANTIC_COLORS.danger70,
+};

package/lib/esm/variables/colors/_colors_vis_hcm.d.ts

@@ -0,0 +1,2 @@
+import { _EuiThemeVisColors } from '@elastic/eui-theme-common';
+export declare const visColorsLightHighContrast: _EuiThemeVisColors;

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

@@ -0,0 +1,67 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+import { SEMANTIC_COLORS } from './_semantic_colors';
+import { PRIMITIVE_COLORS } from './_primitive_colors';
+const baseColorVis = {
+    euiColorVis0: SEMANTIC_COLORS.accentSecondary110,
+    euiColorVis1: SEMANTIC_COLORS.accentSecondary80,
+    euiColorVis2: SEMANTIC_COLORS.primary110,
+    euiColorVis3: SEMANTIC_COLORS.primary80,
+    euiColorVis4: SEMANTIC_COLORS.accent110,
+    euiColorVis5: SEMANTIC_COLORS.accent80,
+    euiColorVis6: SEMANTIC_COLORS.danger110,
+    euiColorVis7: SEMANTIC_COLORS.danger80,
+    euiColorVis8: SEMANTIC_COLORS.warning110,
+    euiColorVis9: SEMANTIC_COLORS.warning80,
+};
+export const visColorsLightHighContrast = {
+    ...baseColorVis,
+    euiColorVisBehindText0: baseColorVis.euiColorVis0,
+    euiColorVisBehindText1: baseColorVis.euiColorVis1,
+    euiColorVisBehindText2: baseColorVis.euiColorVis2,
+    euiColorVisBehindText3: baseColorVis.euiColorVis3,
+    euiColorVisBehindText4: baseColorVis.euiColorVis4,
+    euiColorVisBehindText5: baseColorVis.euiColorVis5,
+    euiColorVisBehindText6: baseColorVis.euiColorVis6,
+    euiColorVisBehindText7: baseColorVis.euiColorVis7,
+    euiColorVisBehindText8: baseColorVis.euiColorVis8,
+    euiColorVisBehindText9: baseColorVis.euiColorVis9,
+    euiColorVisText0: SEMANTIC_COLORS.accentSecondary110,
+    euiColorVisText1: SEMANTIC_COLORS.accentSecondary100,
+    euiColorVisText2: SEMANTIC_COLORS.primary110,
+    euiColorVisText3: SEMANTIC_COLORS.primary90,
+    euiColorVisText4: SEMANTIC_COLORS.accent100,
+    euiColorVisText5: SEMANTIC_COLORS.accent80,
+    euiColorVisText6: SEMANTIC_COLORS.danger100,
+    euiColorVisText7: SEMANTIC_COLORS.danger80,
+    euiColorVisText8: SEMANTIC_COLORS.warning110,
+    euiColorVisText9: SEMANTIC_COLORS.warning90,
+    euiColorVisNeutral0: SEMANTIC_COLORS.neutral100,
+    euiColorVisNeutral1: SEMANTIC_COLORS.neutral80,
+    euiColorVisSuccess0: SEMANTIC_COLORS.success100,
+    euiColorVisSuccess1: SEMANTIC_COLORS.success80,
+    euiColorVisWarning0: SEMANTIC_COLORS.warning100,
+    euiColorVisWarning1: SEMANTIC_COLORS.warning80,
+    euiColorVisRisk0: SEMANTIC_COLORS.risk100,
+    euiColorVisRisk1: SEMANTIC_COLORS.risk80,
+    euiColorVisDanger0: SEMANTIC_COLORS.danger100,
+    euiColorVisDanger1: SEMANTIC_COLORS.danger80,
+    euiColorVisBase0: PRIMITIVE_COLORS.mutedGrey10,
+    euiColorVisGrey0: PRIMITIVE_COLORS.blueGrey30,
+    euiColorVisGrey1: PRIMITIVE_COLORS.blueGrey60,
+    euiColorVisGrey2: PRIMITIVE_COLORS.blueGrey90,
+    euiColorVisGrey3: PRIMITIVE_COLORS.blueGrey130,
+    euiColorVisWarm0: SEMANTIC_COLORS.danger10,
+    euiColorVisWarm1: SEMANTIC_COLORS.danger50,
+    euiColorVisWarm2: SEMANTIC_COLORS.danger100,
+    euiColorVisCool0: SEMANTIC_COLORS.primary10,
+    euiColorVisCool1: SEMANTIC_COLORS.primary50,
+    euiColorVisCool2: SEMANTIC_COLORS.primary100,
+    euiColorVisComplementary0: SEMANTIC_COLORS.primary80,
+    euiColorVisComplementary1: SEMANTIC_COLORS.warning80,
+};

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

@@ -16,13 +16,14 @@ export const colors = {
     ink: SEMANTIC_COLORS.plainDark,
     plainLight: SEMANTIC_COLORS.plainLight,
     plainDark: SEMANTIC_COLORS.plainDark,
-    severity: severityColors,
     LIGHT: {
         ...light_colors,
         vis: colorVisLight,
+        severity: severityColors,
     },
     DARK: {
         ...dark_colors,
         vis: colorVisDark,
+        severity: severityColors,
     },
 };

package/lib/eui_theme_borealis_dark.json

@@ -413,6 +413,8 @@
   "euiColorBorderBaseFloating": "#2B394F",
   "euiColorBorderBaseFormsColorSwatch": "rgba(255,255,255, 0.32)",
   "euiColorBorderBaseFormsControl": "#6A7FA0",
+  "euiColorBorderInteractiveFormsHoverPlain": "#5A6D8C",
+  "euiColorBorderInteractiveFormsHoverDanger": "#EE4C48",
   "euiColorBorderStrongPrimary": "#61A2FF",
   "euiColorBorderStrongAccent": "#EE72A6",
   "euiColorBorderStrongAccentSecondary": "#16C5C0",

package/lib/eui_theme_borealis_dark.json.d.ts

@@ -414,6 +414,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_dark.json' {
     euiColorBorderBaseFloating: string;
     euiColorBorderBaseFormsColorSwatch: string;
     euiColorBorderBaseFormsControl: string;
+    euiColorBorderInteractiveFormsHoverPlain: string;
+    euiColorBorderInteractiveFormsHoverDanger: string;
     euiColorBorderStrongPrimary: string;
     euiColorBorderStrongAccent: string;
     euiColorBorderStrongAccentSecondary: string;

package/lib/eui_theme_borealis_light.json

@@ -413,13 +413,15 @@
   "euiColorBorderBaseFloating": "transparent",
   "euiColorBorderBaseFormsColorSwatch": "rgba(72,89,117, 0.24)",
   "euiColorBorderBaseFormsControl": "#8E9FBC",
-  "euiColorBorderStrongPrimary": "#1750BA",
-  "euiColorBorderStrongAccent": "#A11262",
-  "euiColorBorderStrongAccentSecondary": "#047471",
-  "euiColorBorderStrongNeutral": "#0F658A",
-  "euiColorBorderStrongSuccess": "#09724D",
-  "euiColorBorderStrongWarning": "#825803",
-  "euiColorBorderStrongRisk": "#9E3A16",
-  "euiColorBorderStrongDanger": "#A71627",
+  "euiColorBorderInteractiveFormsHoverPlain": "#B4C1D5",
+  "euiColorBorderInteractiveFormsHoverDanger": "#DA3737",
+  "euiColorBorderStrongPrimary": "#0B64DD",
+  "euiColorBorderStrongAccent": "#BC1E70",
+  "euiColorBorderStrongAccentSecondary": "#008B87",
+  "euiColorBorderStrongNeutral": "#19799F",
+  "euiColorBorderStrongSuccess": "#008A5E",
+  "euiColorBorderStrongWarning": "#966B03",
+  "euiColorBorderStrongRisk": "#C24411",
+  "euiColorBorderStrongDanger": "#C61E25",
   "euiColorBorderStrongText": "#5A6D8C"
 }

package/lib/eui_theme_borealis_light.json.d.ts

@@ -414,6 +414,8 @@ declare module '@elastic/eui-theme-borealis/lib/eui_theme_borealis_light.json' {
     euiColorBorderBaseFloating: string;
     euiColorBorderBaseFormsColorSwatch: string;
     euiColorBorderBaseFormsControl: string;
+    euiColorBorderInteractiveFormsHoverPlain: string;
+    euiColorBorderInteractiveFormsHoverDanger: string;
     euiColorBorderStrongPrimary: string;
     euiColorBorderStrongAccent: string;
     euiColorBorderStrongAccentSecondary: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elastic/eui-theme-borealis",
-  "version": "3.1.0",
+  "version": "3.3.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.1.0",
+    "@elastic/eui-theme-common": "3.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

@@ -121,6 +121,9 @@ $euiColorBorderBaseFloating: $euiColorShade120 !default;
 $euiColorBorderBaseFormsColorSwatch: $euiColorPlainLightAlpha32 !default;
 $euiColorBorderBaseFormsControl: $euiColorShade80 !default;
 
+$euiColorBorderInteractiveFormsHoverPlain: $euiColorShade90 !default;
+$euiColorBorderInteractiveFormsHoverDanger: $euiColorDanger70 !default;
+
 $euiColorBorderStrongPrimary: $euiColorPrimary60 !default;
 $euiColorBorderStrongAccent: $euiColorAccent60 !default;
 $euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary60 !default;

package/src/variables/colors/_colors_light.scss

@@ -92,7 +92,7 @@ $euiColorTextInverse: $euiColorPlainLight !default;
 $euiColorPrimaryText: $euiColorPrimary100 !default;
 $euiColorAccentText: $euiColorAccent100 !default;
 $euiColorSuccessText: $euiColorSuccess100 !default;
-$euiColorWarningText: $euiColorWarning110 !default;
+$euiColorWarningText: $euiColorWarning100 !default;
 $euiColorDangerText: $euiColorDanger100 !default;
 
 // Brand texts
@@ -101,7 +101,7 @@ $euiColorTextAccent: $euiColorAccent100 !default;
 $euiColorTextAccentSecondary: $euiColorAccentSecondary100 !default;
 $euiColorTextNeutral: $euiColorNeutral100 !default;
 $euiColorTextSuccess: $euiColorSuccess100 !default;
-$euiColorTextWarning: $euiColorWarning110 !default;
+$euiColorTextWarning: $euiColorWarning100 !default;
 $euiColorTextRisk: $euiColorRisk100 !default;
 $euiColorTextDanger: $euiColorDanger100 !default;
 
@@ -123,16 +123,20 @@ $euiColorBorderBaseFloating: $euiColorTransparent !default;
 $euiColorBorderBaseFormsColorSwatch: $euiColorShade100Alpha24 !default;
 $euiColorBorderBaseFormsControl: $euiColorShade60 !default;
 
-$euiColorBorderStrongPrimary: $euiColorPrimary100 !default;
-$euiColorBorderStrongAccent: $euiColorAccent100 !default;
-$euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary100 !default;
-$euiColorBorderStrongNeutral: $euiColorNeutral100 !default;
-$euiColorBorderStrongSuccess: $euiColorSuccess100 !default;
-$euiColorBorderStrongWarning: $euiColorWarning100 !default;
-$euiColorBorderStrongRisk: $euiColorRisk100 !default;
-$euiColorBorderStrongDanger: $euiColorDanger100 !default;
+$euiColorBorderInteractiveFormsHoverPlain: $euiColorShade40 !default;
+$euiColorBorderInteractiveFormsHoverDanger: $euiColorDanger80 !default;
+
+$euiColorBorderStrongPrimary: $euiColorPrimary90 !default;
+$euiColorBorderStrongAccent: $euiColorAccent90 !default;
+$euiColorBorderStrongAccentSecondary: $euiColorAccentSecondary90 !default;
+$euiColorBorderStrongNeutral: $euiColorNeutral90 !default;
+$euiColorBorderStrongSuccess: $euiColorSuccess90 !default;
+$euiColorBorderStrongWarning: $euiColorWarning90 !default;
+$euiColorBorderStrongRisk: $euiColorRisk90 !default;
+$euiColorBorderStrongDanger: $euiColorDanger90 !default;
 $euiColorBorderStrongText: $euiColorShade90 !default;
 
+
 // Charts
 $euiColorChartLines: $euiColorShade30 !default;
 $euiColorChartBand: $euiColorShade10 !default;