@elastic/eui-theme-borealis 1.0.0 → 2.0.0

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

@@ -84,12 +84,17 @@ var colorVis = exports.colorVis = {
   euiColorVisAsTextDark4: _semantic_colors.SEMANTIC_COLORS.warning60,
   euiColorVisAsTextDark5: _semantic_colors.SEMANTIC_COLORS.success60,
   euiColorVisAsTextDark6: _semantic_colors.SEMANTIC_COLORS.assistance60,
+  euiColorVisNeutral0: _semantic_colors.SEMANTIC_COLORS.neutral60,
+  euiColorVisNeutral1: _semantic_colors.SEMANTIC_COLORS.neutral30,
   euiColorVisSuccess0: _semantic_colors.SEMANTIC_COLORS.success60,
   euiColorVisSuccess1: _semantic_colors.SEMANTIC_COLORS.success30,
-  euiColorVisWarning0: _semantic_colors.SEMANTIC_COLORS.warning30,
+  euiColorVisWarning0: _semantic_colors.SEMANTIC_COLORS.warning60,
+  euiColorVisWarning1: _semantic_colors.SEMANTIC_COLORS.warning30,
+  euiColorVisRisk0: _semantic_colors.SEMANTIC_COLORS.risk60,
+  euiColorVisRisk1: _semantic_colors.SEMANTIC_COLORS.risk30,
   euiColorVisDanger0: _semantic_colors.SEMANTIC_COLORS.danger60,
   euiColorVisDanger1: _semantic_colors.SEMANTIC_COLORS.danger30,
-  euiColorVisNeutral0: _primitive_colors.PRIMITIVE_COLORS.mutedGrey10,
+  euiColorVisBase0: _primitive_colors.PRIMITIVE_COLORS.mutedGrey10,
   euiColorVisGrey0: _primitive_colors.PRIMITIVE_COLORS.blueGrey30,
   euiColorVisGrey1: _primitive_colors.PRIMITIVE_COLORS.blueGrey60,
   euiColorVisGrey2: _primitive_colors.PRIMITIVE_COLORS.blueGrey90,
@@ -102,5 +107,4 @@ var colorVis = exports.colorVis = {
   euiColorVisCool2: _semantic_colors.SEMANTIC_COLORS.primary60,
   euiColorVisComplementary0: _semantic_colors.SEMANTIC_COLORS.primary60,
   euiColorVisComplementary1: _semantic_colors.SEMANTIC_COLORS.warning60
-};
-//# sourceMappingURL=_colors_vis.js.map
+};

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

@@ -187,4 +187,3 @@ export declare const PRIMITIVE_COLORS: {
     purple130: string;
     purple140: string;
 };
-//# sourceMappingURL=_primitive_colors.d.ts.map

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

@@ -200,5 +200,4 @@ var PRIMITIVE_COLORS = exports.PRIMITIVE_COLORS = {
   purple120: '#3E2C63',
   purple130: '#322452',
   purple140: '#2A1E3E'
-};
-//# sourceMappingURL=_primitive_colors.js.map
+};

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

@@ -4,8 +4,10 @@ export declare const SEMANTIC_COLORS: {
     primary100RGB: string;
     accent70RGB: string;
     accentSecondary70RGB: string;
+    neutral70RGB: string;
     success70RGB: string;
-    warning40RGB: string;
+    warning60RGB: string;
+    risk60RGB: string;
     danger70RGB: string;
     shade100RGB: string;
     shade120RGB: string;
@@ -16,19 +18,31 @@ export declare const SEMANTIC_COLORS: {
     plainLightAlpha32: string;
     primary70Alpha12: string;
     primary70Alpha16: string;
+    primary70Alpha20: string;
     primary100Alpha4: string;
     primary100Alpha8: string;
     primary100Alpha12: string;
     accent70Alpha12: string;
     accent70Alpha16: string;
+    accent70Alpha20: string;
     accentSecondary70Alpha12: string;
     accentSecondary70Alpha16: string;
+    accentSecondary70Alpha20: string;
+    neutral70Alpha12: string;
+    neutral70Alpha16: string;
+    neutral70Alpha20: string;
     success70Alpha12: string;
     success70Alpha16: string;
-    warning40Alpha12: string;
-    warning40Alpha24: string;
+    success70Alpha20: string;
+    warning60Alpha12: string;
+    warning60Alpha16: string;
+    warning60Alpha20: string;
+    risk60Alpha12: string;
+    risk60Alpha16: string;
+    risk60Alpha20: string;
     danger70Alpha12: string;
     danger70Alpha16: string;
+    danger70Alpha20: string;
     shade100Alpha4: string;
     shade100Alpha16: string;
     shade100Alpha24: string;
@@ -191,4 +205,3 @@ export declare const SEMANTIC_COLORS: {
     shade140: string;
     shade145: string;
 };
-//# sourceMappingURL=_semantic_colors.d.ts.map

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

@@ -183,8 +183,10 @@ var _semantic_rgb_colors = {
   primary100RGB: (0, _chromaJs["default"])(_semantic_colors.primary100).rgb().join(),
   accent70RGB: (0, _chromaJs["default"])(_semantic_colors.accent70).rgb().join(),
   accentSecondary70RGB: (0, _chromaJs["default"])(_semantic_colors.accentSecondary70).rgb().join(),
+  neutral70RGB: (0, _chromaJs["default"])(_semantic_colors.neutral70).rgb().join(),
   success70RGB: (0, _chromaJs["default"])(_semantic_colors.success70).rgb().join(),
-  warning40RGB: (0, _chromaJs["default"])(_semantic_colors.warning40).rgb().join(),
+  warning60RGB: (0, _chromaJs["default"])(_semantic_colors.warning60).rgb().join(),
+  risk60RGB: (0, _chromaJs["default"])(_semantic_colors.risk60).rgb().join(),
   danger70RGB: (0, _chromaJs["default"])(_semantic_colors.danger70).rgb().join(),
   shade100RGB: (0, _chromaJs["default"])(_semantic_colors.shade100).rgb().join(),
   shade120RGB: (0, _chromaJs["default"])(_semantic_colors.shade120).rgb().join(),
@@ -197,24 +199,35 @@ var _semantic_alpha_colors = {
   plainLightAlpha32: "rgba(".concat(_semantic_rgb_colors.plainLightRGB, ", 0.32)"),
   primary70Alpha12: "rgba(".concat(_semantic_rgb_colors.primary70RGB, ", 0.12)"),
   primary70Alpha16: "rgba(".concat(_semantic_rgb_colors.primary70RGB, ", 0.16)"),
+  primary70Alpha20: "rgba(".concat(_semantic_rgb_colors.primary70RGB, ", 0.2)"),
   primary100Alpha4: "rgba(".concat(_semantic_rgb_colors.primary100RGB, ", 0.04)"),
   primary100Alpha8: "rgba(".concat(_semantic_rgb_colors.primary100RGB, ", 0.08)"),
   primary100Alpha12: "rgba(".concat(_semantic_rgb_colors.primary100RGB, ", 0.12)"),
   accent70Alpha12: "rgba(".concat(_semantic_rgb_colors.accent70RGB, ", 0.12)"),
   accent70Alpha16: "rgba(".concat(_semantic_rgb_colors.accent70RGB, ", 0.16)"),
+  accent70Alpha20: "rgba(".concat(_semantic_rgb_colors.accent70RGB, ", 0.2)"),
   accentSecondary70Alpha12: "rgba(".concat(_semantic_rgb_colors.accentSecondary70RGB, ", 0.12)"),
   accentSecondary70Alpha16: "rgba(".concat(_semantic_rgb_colors.accentSecondary70RGB, ", 0.16)"),
+  accentSecondary70Alpha20: "rgba(".concat(_semantic_rgb_colors.accentSecondary70RGB, ", 0.2)"),
+  neutral70Alpha12: "rgba(".concat(_semantic_rgb_colors.neutral70RGB, ", 0.12)"),
+  neutral70Alpha16: "rgba(".concat(_semantic_rgb_colors.neutral70RGB, ", 0.16)"),
+  neutral70Alpha20: "rgba(".concat(_semantic_rgb_colors.neutral70RGB, ", 0.2)"),
   success70Alpha12: "rgba(".concat(_semantic_rgb_colors.success70RGB, ", 0.12)"),
   success70Alpha16: "rgba(".concat(_semantic_rgb_colors.success70RGB, ", 0.16)"),
-  warning40Alpha12: "rgba(".concat(_semantic_rgb_colors.warning40RGB, ", 0.12)"),
-  warning40Alpha24: "rgba(".concat(_semantic_rgb_colors.warning40RGB, ", 0.24)"),
+  success70Alpha20: "rgba(".concat(_semantic_rgb_colors.success70RGB, ", 0.2)"),
+  warning60Alpha12: "rgba(".concat(_semantic_rgb_colors.warning60RGB, ", 0.12)"),
+  warning60Alpha16: "rgba(".concat(_semantic_rgb_colors.warning60RGB, ", 0.16)"),
+  warning60Alpha20: "rgba(".concat(_semantic_rgb_colors.warning60RGB, ", 0.2)"),
+  risk60Alpha12: "rgba(".concat(_semantic_rgb_colors.risk60RGB, ", 0.12)"),
+  risk60Alpha16: "rgba(".concat(_semantic_rgb_colors.risk60RGB, ", 0.16)"),
+  risk60Alpha20: "rgba(".concat(_semantic_rgb_colors.risk60RGB, ", 0.2)"),
   danger70Alpha12: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.12)"),
   danger70Alpha16: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.16)"),
+  danger70Alpha20: "rgba(".concat(_semantic_rgb_colors.danger70RGB, ", 0.2)"),
   shade100Alpha4: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.04)"),
   shade100Alpha16: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.16)"),
   shade100Alpha24: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.24)"),
   shade100Alpha70: "rgba(".concat(_semantic_rgb_colors.shade100RGB, ", 0.7)"),
   shade120Alpha70: "rgba(".concat(_semantic_rgb_colors.shade120RGB, ", 0.7)")
 };
-var SEMANTIC_COLORS = exports.SEMANTIC_COLORS = _objectSpread(_objectSpread(_objectSpread({}, _semantic_colors), _semantic_alpha_colors), _semantic_rgb_colors);
-//# sourceMappingURL=_semantic_colors.js.map
+var SEMANTIC_COLORS = exports.SEMANTIC_COLORS = _objectSpread(_objectSpread(_objectSpread({}, _semantic_colors), _semantic_alpha_colors), _semantic_rgb_colors);

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

@@ -1,3 +1,2 @@
 import type { _EuiThemeColors } from '@elastic/eui-theme-common';
 export declare const colors: _EuiThemeColors;
-//# sourceMappingURL=index.d.ts.map

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

@@ -26,5 +26,4 @@ var colors = exports.colors = {
   DARK: _colors_dark.dark_colors,
   vis: _colors_vis.colorVis,
   severity: _colors_severity.severityColors
-};
-//# sourceMappingURL=index.js.map
+};

package/lib/esm/index.js

@@ -32,8 +32,8 @@ export const euiThemeBorealis = {
     flags: {
         hasGlobalFocusColor: true,
         hasVisColorAdjustment: false,
+        buttonVariant: 'refresh',
     },
     overrides,
 };
 export const EuiThemeBorealis = buildTheme(euiThemeBorealis, EUI_THEME_BOREALIS_KEY);
-//# sourceMappingURL=index.js.map

package/lib/esm/variables/_animation.js

@@ -20,4 +20,3 @@ export const animation = {
     ...animation_speed,
     ...animation_ease,
 };
-//# sourceMappingURL=_animation.js.map

package/lib/esm/variables/_borders.js

@@ -20,4 +20,3 @@ export const border = {
     thick: computed(([width, color]) => `${width.thick} solid ${color}`, ['border.width', 'border.color']),
     editable: computed(([width, color]) => `${width.thick} dotted ${color}`, ['border.width', 'border.color']),
 };
-//# sourceMappingURL=_borders.js.map

package/lib/esm/variables/_breakpoint.js

@@ -12,4 +12,3 @@ export const breakpoint = {
     s: 575,
     xs: 0,
 };
-//# sourceMappingURL=_breakpoint.js.map

package/lib/esm/variables/_buttons.js

@@ -5,8 +5,17 @@
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-import { computed } from '@elastic/eui-theme-common';
+import { computed, } from '@elastic/eui-theme-common';
 import { SEMANTIC_COLORS } from './colors/_semantic_colors';
+const getTokenByVariant = (buttonVariant, tokens) => {
+    switch (buttonVariant) {
+        case 'refresh':
+            return tokens.refresh;
+        default: {
+            return tokens.classic;
+        }
+    }
+};
 const _buttons = {
     backgroundPrimary: computed(([backgroundLightPrimary]) => backgroundLightPrimary, ['colors.backgroundLightPrimary']),
     backgroundAccent: computed(([backgroundLightAccent]) => backgroundLightAccent, ['colors.backgroundLightAccent']),
@@ -16,8 +25,35 @@ const _buttons = {
     backgroundWarning: computed(([backgroundLightWarning]) => backgroundLightWarning, ['colors.backgroundLightWarning']),
     backgroundRisk: computed(([backgroundLightRisk]) => backgroundLightRisk, ['colors.backgroundLightRisk']),
     backgroundDanger: computed(([backgroundLightDanger]) => backgroundLightDanger, ['colors.backgroundLightDanger']),
-    backgroundText: computed(([backgroundLightText]) => backgroundLightText, ['colors.backgroundLightText']),
+    backgroundText: computed(([buttonVariant, backgroundBasePlain, backgroundLightText]) => {
+        return getTokenByVariant(buttonVariant, {
+            refresh: backgroundBasePlain,
+            classic: backgroundLightText,
+        });
+    }, [
+        'flags.buttonVariant',
+        'colors.backgroundBasePlain',
+        'colors.backgroundLightText',
+    ]),
     backgroundDisabled: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
+    backgroundPrimaryHover: SEMANTIC_COLORS.primary70Alpha12,
+    backgroundAccentHover: SEMANTIC_COLORS.accent70Alpha12,
+    backgroundAccentSecondaryHover: SEMANTIC_COLORS.accentSecondary70Alpha12,
+    backgroundNeutralHover: SEMANTIC_COLORS.neutral70Alpha12,
+    backgroundSuccessHover: SEMANTIC_COLORS.success70Alpha12,
+    backgroundWarningHover: SEMANTIC_COLORS.warning60Alpha16,
+    backgroundRiskHover: SEMANTIC_COLORS.risk60Alpha16,
+    backgroundDangerHover: SEMANTIC_COLORS.danger70Alpha12,
+    backgroundTextHover: SEMANTIC_COLORS.primary100Alpha8,
+    backgroundPrimaryActive: SEMANTIC_COLORS.primary70Alpha16,
+    backgroundAccentActive: SEMANTIC_COLORS.accent70Alpha16,
+    backgroundAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary70Alpha16,
+    backgroundNeutralActive: SEMANTIC_COLORS.neutral70Alpha16,
+    backgroundSuccessActive: SEMANTIC_COLORS.success70Alpha16,
+    backgroundWarningActive: SEMANTIC_COLORS.warning60Alpha20,
+    backgroundRiskActive: SEMANTIC_COLORS.risk60Alpha20,
+    backgroundDangerActive: SEMANTIC_COLORS.danger70Alpha16,
+    backgroundTextActive: SEMANTIC_COLORS.primary100Alpha12,
     backgroundFilledPrimary: computed(([backgroundFilledPrimary]) => backgroundFilledPrimary, ['colors.backgroundFilledPrimary']),
     backgroundFilledAccent: computed(([backgroundFilledAccent]) => backgroundFilledAccent, ['colors.backgroundFilledAccent']),
     backgroundFilledAccentSecondary: computed(([backgroundFilledAccentSecondary]) => backgroundFilledAccentSecondary, ['colors.backgroundFilledAccentSecondary']),
@@ -28,16 +64,42 @@ const _buttons = {
     backgroundFilledDanger: computed(([backgroundFilledDanger]) => backgroundFilledDanger, ['colors.backgroundFilledDanger']),
     backgroundFilledText: computed(([backgroundFilledText]) => backgroundFilledText, ['colors.backgroundFilledText']),
     backgroundFilledDisabled: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
-    // Temp. mapping to support more variants in old theme
-    backgroundEmptyPrimaryHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
-    backgroundEmptyAccentHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
-    backgroundEmptyAccentSecondaryHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
-    backgroundEmptyNeutralHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
-    backgroundEmptySuccessHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
-    backgroundEmptyWarningHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
-    backgroundEmptyRiskHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
-    backgroundEmptyDangerHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
-    backgroundEmptyTextHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
+    backgroundFilledPrimaryHover: SEMANTIC_COLORS.primary100,
+    backgroundFilledAccentHover: SEMANTIC_COLORS.accent100,
+    backgroundFilledAccentSecondaryHover: SEMANTIC_COLORS.accentSecondary100,
+    backgroundFilledNeutralHover: SEMANTIC_COLORS.neutral100,
+    backgroundFilledSuccessHover: SEMANTIC_COLORS.success100,
+    backgroundFilledWarningHover: SEMANTIC_COLORS.warning50,
+    backgroundFilledRiskHover: SEMANTIC_COLORS.risk80,
+    backgroundFilledDangerHover: SEMANTIC_COLORS.danger100,
+    backgroundFilledTextHover: SEMANTIC_COLORS.shade100,
+    backgroundFilledPrimaryActive: SEMANTIC_COLORS.primary110,
+    backgroundFilledAccentActive: SEMANTIC_COLORS.accent110,
+    backgroundFilledAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary110,
+    backgroundFilledNeutralActive: SEMANTIC_COLORS.neutral110,
+    backgroundFilledSuccessActive: SEMANTIC_COLORS.success110,
+    backgroundFilledWarningActive: SEMANTIC_COLORS.warning60,
+    backgroundFilledRiskActive: SEMANTIC_COLORS.risk90,
+    backgroundFilledDangerActive: SEMANTIC_COLORS.danger110,
+    backgroundFilledTextActive: SEMANTIC_COLORS.shade110,
+    backgroundEmptyPrimaryHover: SEMANTIC_COLORS.primary70Alpha12,
+    backgroundEmptyAccentHover: SEMANTIC_COLORS.accent70Alpha12,
+    backgroundEmptyAccentSecondaryHover: SEMANTIC_COLORS.accentSecondary70Alpha12,
+    backgroundEmptyNeutralHover: SEMANTIC_COLORS.neutral70Alpha12,
+    backgroundEmptySuccessHover: SEMANTIC_COLORS.success70Alpha12,
+    backgroundEmptyWarningHover: SEMANTIC_COLORS.warning60Alpha16,
+    backgroundEmptyRiskHover: SEMANTIC_COLORS.risk60Alpha16,
+    backgroundEmptyDangerHover: SEMANTIC_COLORS.danger70Alpha12,
+    backgroundEmptyTextHover: SEMANTIC_COLORS.primary100Alpha8,
+    backgroundEmptyPrimaryActive: SEMANTIC_COLORS.primary70Alpha16,
+    backgroundEmptyAccentActive: SEMANTIC_COLORS.accent70Alpha16,
+    backgroundEmptyAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary70Alpha16,
+    backgroundEmptyNeutralActive: SEMANTIC_COLORS.neutral70Alpha16,
+    backgroundEmptySuccessActive: SEMANTIC_COLORS.success70Alpha16,
+    backgroundEmptyWarningActive: SEMANTIC_COLORS.warning60Alpha20,
+    backgroundEmptyRiskActive: SEMANTIC_COLORS.risk60Alpha20,
+    backgroundEmptyDangerActive: SEMANTIC_COLORS.danger70Alpha16,
+    backgroundEmptyTextActive: SEMANTIC_COLORS.primary100Alpha12,
     textColorPrimary: computed(([textPrimary]) => textPrimary, ['colors.textPrimary']),
     textColorAccent: computed(([textAccent]) => textAccent, ['colors.textAccent']),
     textColorAccentSecondary: computed(([textAccentSecondary]) => textAccentSecondary, ['colors.textAccentSecondary']),
@@ -61,10 +123,63 @@ const _buttons = {
 };
 const _dark_buttons = {
     ..._buttons,
+    backgroundPrimaryHover: SEMANTIC_COLORS.primary70Alpha16,
+    backgroundAccentHover: SEMANTIC_COLORS.accent70Alpha16,
+    backgroundAccentSecondaryHover: SEMANTIC_COLORS.accentSecondary70Alpha16,
+    backgroundNeutralHover: SEMANTIC_COLORS.neutral70Alpha16,
+    backgroundSuccessHover: SEMANTIC_COLORS.success70Alpha16,
+    backgroundWarningHover: SEMANTIC_COLORS.warning60Alpha12,
+    backgroundRiskHover: SEMANTIC_COLORS.risk60Alpha12,
+    backgroundDangerHover: SEMANTIC_COLORS.danger70Alpha16,
+    backgroundTextHover: SEMANTIC_COLORS.plainLightAlpha12,
+    backgroundPrimaryActive: SEMANTIC_COLORS.primary70Alpha20,
+    backgroundAccentActive: SEMANTIC_COLORS.accent70Alpha20,
+    backgroundAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary70Alpha20,
+    backgroundNeutralActive: SEMANTIC_COLORS.neutral70Alpha20,
+    backgroundSuccessActive: SEMANTIC_COLORS.success70Alpha20,
+    backgroundWarningActive: SEMANTIC_COLORS.warning60Alpha16,
+    backgroundRiskActive: SEMANTIC_COLORS.risk60Alpha16,
+    backgroundDangerActive: SEMANTIC_COLORS.danger70Alpha20,
+    backgroundTextActive: SEMANTIC_COLORS.plainLightAlpha16,
+    backgroundFilledPrimaryHover: SEMANTIC_COLORS.primary70,
+    backgroundFilledAccentHover: SEMANTIC_COLORS.accent70,
+    backgroundFilledAccentSecondaryHover: SEMANTIC_COLORS.accentSecondary70,
+    backgroundFilledNeutralHover: SEMANTIC_COLORS.neutral70,
+    backgroundFilledSuccessHover: SEMANTIC_COLORS.success70,
+    backgroundFilledWarningHover: SEMANTIC_COLORS.warning50,
+    backgroundFilledRiskHover: SEMANTIC_COLORS.risk60,
+    backgroundFilledDangerHover: SEMANTIC_COLORS.danger70,
+    backgroundFilledTextHover: SEMANTIC_COLORS.shade70,
+    backgroundFilledPrimaryActive: SEMANTIC_COLORS.primary80,
+    backgroundFilledAccentActive: SEMANTIC_COLORS.accent80,
+    backgroundFilledAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary80,
+    backgroundFilledNeutralActive: SEMANTIC_COLORS.neutral80,
+    backgroundFilledSuccessActive: SEMANTIC_COLORS.success80,
+    backgroundFilledWarningActive: SEMANTIC_COLORS.warning60,
+    backgroundFilledRiskActive: SEMANTIC_COLORS.risk70,
+    backgroundFilledDangerActive: SEMANTIC_COLORS.danger80,
+    backgroundFilledTextActive: SEMANTIC_COLORS.shade80,
+    backgroundEmptyPrimaryHover: SEMANTIC_COLORS.primary70Alpha16,
+    backgroundEmptyAccentHover: SEMANTIC_COLORS.accent70Alpha16,
+    backgroundEmptyAccentSecondaryHover: SEMANTIC_COLORS.accentSecondary70Alpha16,
+    backgroundEmptyNeutralHover: SEMANTIC_COLORS.neutral70Alpha16,
+    backgroundEmptySuccessHover: SEMANTIC_COLORS.success70Alpha16,
+    backgroundEmptyWarningHover: SEMANTIC_COLORS.warning60Alpha12,
+    backgroundEmptyRiskHover: SEMANTIC_COLORS.risk60Alpha12,
+    backgroundEmptyDangerHover: SEMANTIC_COLORS.danger70Alpha16,
+    backgroundEmptyTextHover: SEMANTIC_COLORS.plainLightAlpha12,
+    backgroundEmptyPrimaryActive: SEMANTIC_COLORS.primary70Alpha20,
+    backgroundEmptyAccentActive: SEMANTIC_COLORS.accent70Alpha20,
+    backgroundEmptyAccentSecondaryActive: SEMANTIC_COLORS.accentSecondary70Alpha20,
+    backgroundEmptySuccessActive: SEMANTIC_COLORS.success70Alpha20,
+    backgroundEmptyNeutralActive: SEMANTIC_COLORS.neutral70Alpha20,
+    backgroundEmptyWarningActive: SEMANTIC_COLORS.warning60Alpha16,
+    backgroundEmptyRiskActive: SEMANTIC_COLORS.risk60Alpha16,
+    backgroundEmptyDangerActive: SEMANTIC_COLORS.danger70Alpha20,
+    backgroundEmptyTextActive: SEMANTIC_COLORS.plainLightAlpha16,
     textColorFilledWarning: SEMANTIC_COLORS.warning110,
 };
 export const buttons = {
     LIGHT: _buttons,
     DARK: _dark_buttons,
 };
-//# sourceMappingURL=_buttons.js.map

package/lib/esm/variables/_components.js

@@ -8,10 +8,10 @@
 import { computed, } from '@elastic/eui-theme-common';
 import { SEMANTIC_COLORS } from './colors/_semantic_colors';
 import { dark_background_colors, dark_border_colors, } from './colors/_colors_dark';
+import { border_colors } from './colors/_colors_light';
+import { colorVis } from './colors/_colors_vis';
 import { buttons } from './_buttons';
 import { forms } from './_forms';
-import { colorVis } from './colors/_colors_vis';
-import { border_colors } from './colors/_colors_light';
 const component_colors = {
     badgeBackground: computed(([backgroundLightText]) => backgroundLightText, ['colors.backgroundLightText']),
     badgeBackgroundSubdued: computed(([backgroundLightText]) => backgroundLightText, ['colors.backgroundLightText']),
@@ -20,10 +20,10 @@ const component_colors = {
     breadcrumbsApplicationBackground: computed(([backgroundLightText]) => backgroundLightText, ['colors.backgroundLightText']),
     breadcrumbsApplicationColor: computed(([textSubdued]) => textSubdued, ['colors.textSubdued']),
     bottomBarBackground: SEMANTIC_COLORS.plainDark,
-    buttonGroupBackgroundDisabledSelected: computed(([backgroundBaseFormsControlDisabled]) => backgroundBaseFormsControlDisabled, ['colors.backgroundBaseFormsControlDisabled']),
+    buttonGroupBackgroundDisabledSelected: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
     buttonGroupBorderColor: computed(([borderBasePlain]) => borderBasePlain, ['colors.borderBasePlain']),
     buttonGroupBorderColorSelected: computed(([borderBasePlain]) => borderBasePlain, ['colors.borderBasePlain']),
-    buttonGroupFocusColor: computed(([textPrimary]) => textPrimary, ['colors.textPrimary']),
+    buttonGroupFocusColor: SEMANTIC_COLORS.plainDark,
     codeBackground: computed(([backgroundBaseHighlighted]) => backgroundBaseHighlighted, ['colors.backgroundBaseHighlighted']),
     codeBackgroundSelected: 'inherit',
     codeColor: computed(([textParagraph]) => textParagraph, ['colors.textParagraph']),
@@ -57,6 +57,7 @@ const component_colors = {
     dataGridRowBackgroundSelect: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
     dragDropDraggingBackground: computed(([backgroundBaseSuccess]) => backgroundBaseSuccess, ['colors.backgroundBaseSuccess']),
     dragDropDraggingOverBackground: computed(([backgroundLightSuccess]) => backgroundLightSuccess, ['colors.backgroundLightSuccess']),
+    filterButtonBadgeBackgroundHover: SEMANTIC_COLORS.shade25,
     filterSelectItemBackgroundFocusDisabled: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
     flyoutFooterBackground: computed(([backgroundBaseHighlighted]) => backgroundBaseHighlighted, ['colors.backgroundBaseHighlighted']),
     flyoutCloseButtonInsideBackground: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
@@ -114,6 +115,7 @@ export const components = {
     LIGHT: component_colors,
     DARK: {
         ...component_colors,
+        buttonGroupFocusColor: SEMANTIC_COLORS.plainLight,
         codeInlineColor: colorVis.euiColorVisAsTextDark6,
         codeStringColor: colorVis.euiColorVisAsTextDark2,
         codeTagColor: colorVis.euiColorVisAsTextDark1,
@@ -126,6 +128,7 @@ export const components = {
         codeSectionColor: colorVis.euiColorVisAsTextDark3,
         codeAdditionColor: colorVis.euiColorVisAsTextDark0,
         codeDeletionColor: colorVis.euiColorVisAsTextDark3,
+        filterButtonBadgeBackgroundHover: SEMANTIC_COLORS.shade105,
         loadingSpinnerBorder: dark_border_colors.borderBasePlain,
         loadingChartMonoBackground0: SEMANTIC_COLORS.shade110,
         loadingChartMonoBackground1: SEMANTIC_COLORS.shade100,
@@ -140,4 +143,3 @@ export const components = {
         tableRowInteractiveBackgroundFocus: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
     },
 };
-//# sourceMappingURL=_components.js.map

package/lib/esm/variables/_forms.js

@@ -33,4 +33,3 @@ export const forms = {
     LIGHT: _forms,
     DARK: _dark_forms,
 };
-//# sourceMappingURL=_forms.js.map

package/lib/esm/variables/_levels.js

@@ -16,4 +16,3 @@ export const levels = {
     maskBelowHeader: 1000,
     content: 0,
 };
-//# sourceMappingURL=_levels.js.map

package/lib/esm/variables/_overrides.js

@@ -14,4 +14,3 @@ export const overrides = {
         },
     },
 };
-//# sourceMappingURL=_overrides.js.map

package/lib/esm/variables/_size.js

@@ -19,4 +19,3 @@ export const size = {
     xxxl: computed(sizeToPixel(3)),
     xxxxl: computed(sizeToPixel(4)),
 };
-//# sourceMappingURL=_size.js.map

package/lib/esm/variables/_states.js

@@ -14,4 +14,3 @@ export const focus = {
     transparency: { LIGHT: 0.1, DARK: 0.2 },
     backgroundColor: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
 };
-//# sourceMappingURL=_states.js.map

package/lib/esm/variables/_typography.js

@@ -47,4 +47,3 @@ export const font = {
         weight: 'bold',
     },
 };
-//# sourceMappingURL=_typography.js.map

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

@@ -85,7 +85,7 @@ export const dark_background_colors = {
     backgroundLightWarning: SEMANTIC_COLORS.warning130,
     backgroundLightRisk: SEMANTIC_COLORS.risk130,
     backgroundLightDanger: SEMANTIC_COLORS.danger130,
-    backgroundLightText: SEMANTIC_COLORS.shade130,
+    backgroundLightText: SEMANTIC_COLORS.shade120,
     backgroundFilledPrimary: SEMANTIC_COLORS.primary60,
     backgroundFilledAccent: SEMANTIC_COLORS.accent60,
     backgroundFilledAccentSecondary: SEMANTIC_COLORS.accentSecondary60,
@@ -156,4 +156,3 @@ export const dark_colors = {
     ...dark_transparent_background_colors,
     ...dark_border_colors,
 };
-//# sourceMappingURL=_colors_dark.js.map

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

@@ -156,4 +156,3 @@ export const light_colors = {
     ...transparent_background_colors,
     ...border_colors,
 };
-//# sourceMappingURL=_colors_light.js.map

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

@@ -14,4 +14,3 @@ export const severityColors = {
     risk: SEMANTIC_COLORS.risk50,
     danger: SEMANTIC_COLORS.danger70,
 };
-//# sourceMappingURL=_colors_severity.js.map

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

@@ -77,12 +77,17 @@ export const colorVis = {
     euiColorVisAsTextDark4: SEMANTIC_COLORS.warning60,
     euiColorVisAsTextDark5: SEMANTIC_COLORS.success60,
     euiColorVisAsTextDark6: SEMANTIC_COLORS.assistance60,
+    euiColorVisNeutral0: SEMANTIC_COLORS.neutral60,
+    euiColorVisNeutral1: SEMANTIC_COLORS.neutral30,
     euiColorVisSuccess0: SEMANTIC_COLORS.success60,
     euiColorVisSuccess1: SEMANTIC_COLORS.success30,
-    euiColorVisWarning0: SEMANTIC_COLORS.warning30,
+    euiColorVisWarning0: SEMANTIC_COLORS.warning60,
+    euiColorVisWarning1: SEMANTIC_COLORS.warning30,
+    euiColorVisRisk0: SEMANTIC_COLORS.risk60,
+    euiColorVisRisk1: SEMANTIC_COLORS.risk30,
     euiColorVisDanger0: SEMANTIC_COLORS.danger60,
     euiColorVisDanger1: SEMANTIC_COLORS.danger30,
-    euiColorVisNeutral0: PRIMITIVE_COLORS.mutedGrey10,
+    euiColorVisBase0: PRIMITIVE_COLORS.mutedGrey10,
     euiColorVisGrey0: PRIMITIVE_COLORS.blueGrey30,
     euiColorVisGrey1: PRIMITIVE_COLORS.blueGrey60,
     euiColorVisGrey2: PRIMITIVE_COLORS.blueGrey90,
@@ -96,4 +101,3 @@ export const colorVis = {
     euiColorVisComplementary0: SEMANTIC_COLORS.primary60,
     euiColorVisComplementary1: SEMANTIC_COLORS.warning60,
 };
-//# sourceMappingURL=_colors_vis.js.map

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

@@ -194,4 +194,3 @@ export const PRIMITIVE_COLORS = {
     purple130: '#322452',
     purple140: '#2A1E3E',
 };
-//# sourceMappingURL=_primitive_colors.js.map

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

@@ -4,8 +4,10 @@ export declare const SEMANTIC_COLORS: {
     primary100RGB: string;
     accent70RGB: string;
     accentSecondary70RGB: string;
+    neutral70RGB: string;
     success70RGB: string;
-    warning40RGB: string;
+    warning60RGB: string;
+    risk60RGB: string;
     danger70RGB: string;
     shade100RGB: string;
     shade120RGB: string;
@@ -16,19 +18,31 @@ export declare const SEMANTIC_COLORS: {
     plainLightAlpha32: string;
     primary70Alpha12: string;
     primary70Alpha16: string;
+    primary70Alpha20: string;
     primary100Alpha4: string;
     primary100Alpha8: string;
     primary100Alpha12: string;
     accent70Alpha12: string;
     accent70Alpha16: string;
+    accent70Alpha20: string;
     accentSecondary70Alpha12: string;
     accentSecondary70Alpha16: string;
+    accentSecondary70Alpha20: string;
+    neutral70Alpha12: string;
+    neutral70Alpha16: string;
+    neutral70Alpha20: string;
     success70Alpha12: string;
     success70Alpha16: string;
-    warning40Alpha12: string;
-    warning40Alpha24: string;
+    success70Alpha20: string;
+    warning60Alpha12: string;
+    warning60Alpha16: string;
+    warning60Alpha20: string;
+    risk60Alpha12: string;
+    risk60Alpha16: string;
+    risk60Alpha20: string;
     danger70Alpha12: string;
     danger70Alpha16: string;
+    danger70Alpha20: string;
     shade100Alpha4: string;
     shade100Alpha16: string;
     shade100Alpha24: string;

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

@@ -171,8 +171,10 @@ const _semantic_rgb_colors = {
     primary100RGB: chroma(_semantic_colors.primary100).rgb().join(),
     accent70RGB: chroma(_semantic_colors.accent70).rgb().join(),
     accentSecondary70RGB: chroma(_semantic_colors.accentSecondary70).rgb().join(),
+    neutral70RGB: chroma(_semantic_colors.neutral70).rgb().join(),
     success70RGB: chroma(_semantic_colors.success70).rgb().join(),
-    warning40RGB: chroma(_semantic_colors.warning40).rgb().join(),
+    warning60RGB: chroma(_semantic_colors.warning60).rgb().join(),
+    risk60RGB: chroma(_semantic_colors.risk60).rgb().join(),
     danger70RGB: chroma(_semantic_colors.danger70).rgb().join(),
     shade100RGB: chroma(_semantic_colors.shade100).rgb().join(),
     shade120RGB: chroma(_semantic_colors.shade120).rgb().join(),
@@ -185,19 +187,31 @@ const _semantic_alpha_colors = {
     plainLightAlpha32: `rgba(${_semantic_rgb_colors.plainLightRGB}, 0.32)`,
     primary70Alpha12: `rgba(${_semantic_rgb_colors.primary70RGB}, 0.12)`,
     primary70Alpha16: `rgba(${_semantic_rgb_colors.primary70RGB}, 0.16)`,
+    primary70Alpha20: `rgba(${_semantic_rgb_colors.primary70RGB}, 0.2)`,
     primary100Alpha4: `rgba(${_semantic_rgb_colors.primary100RGB}, 0.04)`,
     primary100Alpha8: `rgba(${_semantic_rgb_colors.primary100RGB}, 0.08)`,
     primary100Alpha12: `rgba(${_semantic_rgb_colors.primary100RGB}, 0.12)`,
     accent70Alpha12: `rgba(${_semantic_rgb_colors.accent70RGB}, 0.12)`,
     accent70Alpha16: `rgba(${_semantic_rgb_colors.accent70RGB}, 0.16)`,
+    accent70Alpha20: `rgba(${_semantic_rgb_colors.accent70RGB}, 0.2)`,
     accentSecondary70Alpha12: `rgba(${_semantic_rgb_colors.accentSecondary70RGB}, 0.12)`,
     accentSecondary70Alpha16: `rgba(${_semantic_rgb_colors.accentSecondary70RGB}, 0.16)`,
+    accentSecondary70Alpha20: `rgba(${_semantic_rgb_colors.accentSecondary70RGB}, 0.2)`,
+    neutral70Alpha12: `rgba(${_semantic_rgb_colors.neutral70RGB}, 0.12)`,
+    neutral70Alpha16: `rgba(${_semantic_rgb_colors.neutral70RGB}, 0.16)`,
+    neutral70Alpha20: `rgba(${_semantic_rgb_colors.neutral70RGB}, 0.2)`,
     success70Alpha12: `rgba(${_semantic_rgb_colors.success70RGB}, 0.12)`,
     success70Alpha16: `rgba(${_semantic_rgb_colors.success70RGB}, 0.16)`,
-    warning40Alpha12: `rgba(${_semantic_rgb_colors.warning40RGB}, 0.12)`,
-    warning40Alpha24: `rgba(${_semantic_rgb_colors.warning40RGB}, 0.24)`,
+    success70Alpha20: `rgba(${_semantic_rgb_colors.success70RGB}, 0.2)`,
+    warning60Alpha12: `rgba(${_semantic_rgb_colors.warning60RGB}, 0.12)`,
+    warning60Alpha16: `rgba(${_semantic_rgb_colors.warning60RGB}, 0.16)`,
+    warning60Alpha20: `rgba(${_semantic_rgb_colors.warning60RGB}, 0.2)`,
+    risk60Alpha12: `rgba(${_semantic_rgb_colors.risk60RGB}, 0.12)`,
+    risk60Alpha16: `rgba(${_semantic_rgb_colors.risk60RGB}, 0.16)`,
+    risk60Alpha20: `rgba(${_semantic_rgb_colors.risk60RGB}, 0.2)`,
     danger70Alpha12: `rgba(${_semantic_rgb_colors.danger70RGB}, 0.12)`,
     danger70Alpha16: `rgba(${_semantic_rgb_colors.danger70RGB}, 0.16)`,
+    danger70Alpha20: `rgba(${_semantic_rgb_colors.danger70RGB}, 0.2)`,
     shade100Alpha4: `rgba(${_semantic_rgb_colors.shade100RGB}, 0.04)`,
     shade100Alpha16: `rgba(${_semantic_rgb_colors.shade100RGB}, 0.16)`,
     shade100Alpha24: `rgba(${_semantic_rgb_colors.shade100RGB}, 0.24)`,
@@ -209,4 +223,3 @@ export const SEMANTIC_COLORS = {
     ..._semantic_alpha_colors,
     ..._semantic_rgb_colors,
 };
-//# sourceMappingURL=_semantic_colors.js.map

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

@@ -20,4 +20,3 @@ export const colors = {
     vis: colorVis,
     severity: severityColors,
 };
-//# sourceMappingURL=index.js.map

package/lib/eui_theme_borealis_dark.json

@@ -392,7 +392,7 @@
   "euiColorBackgroundLightWarning": "#3D3014",
   "euiColorBackgroundLightRisk": "#4A221C",
   "euiColorBackgroundLightDanger": "#491D27",
-  "euiColorBackgroundLightText": "#1D2A3E",
+  "euiColorBackgroundLightText": "#2B394F",
   "euiColorBackgroundFilledPrimary": "#61A2FF",
   "euiColorBackgroundFilledAccent": "#EE72A6",
   "euiColorBackgroundFilledAccentSecondary": "#16C5C0",