@elastic/eui-theme-borealis 0.1.0 → 1.0.0-snapshot.1746441787383

package/lib/esm/variables/_buttons.js

@@ -5,91 +5,179 @@
  * 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 { SEMANTIC_COLORS } from './colors/_semantic_colors';
-import { background_colors, brand_text_colors, text_colors, } from './colors/_colors_light';
-import { dark_background_colors, dark_brand_text_colors, dark_text_colors, } from './colors/_colors_dark';
+const getTokenByVariant = (buttonVariant, tokens) => {
+    switch (buttonVariant) {
+        case 'refresh':
+            return tokens.refresh;
+        default: {
+            return tokens.classic;
+        }
+    }
+};
 const _buttons = {
-    backgroundPrimary: background_colors.backgroundLightPrimary,
-    backgroundAccent: background_colors.backgroundLightAccent,
-    backgroundAccentSecondary: background_colors.backgroundLightAccentSecondary,
-    backgroundSuccess: background_colors.backgroundLightSuccess,
-    backgroundWarning: background_colors.backgroundLightWarning,
-    backgroundDanger: background_colors.backgroundLightDanger,
-    backgroundText: background_colors.backgroundLightText,
-    backgroundDisabled: background_colors.backgroundBaseDisabled,
-    backgroundFilledPrimary: background_colors.backgroundFilledPrimary,
-    backgroundFilledAccent: background_colors.backgroundFilledAccent,
-    backgroundFilledAccentSecondary: background_colors.backgroundFilledAccentSecondary,
-    backgroundFilledSuccess: background_colors.backgroundFilledSuccess,
-    backgroundFilledWarning: background_colors.backgroundFilledWarning,
-    backgroundFilledDanger: background_colors.backgroundFilledDanger,
-    backgroundFilledText: background_colors.backgroundFilledText,
-    backgroundFilledDisabled: background_colors.backgroundBaseDisabled,
-    // Temp. mapping to support more variants in old theme
-    backgroundEmptyPrimaryHover: background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptyAccentHover: background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptyAccentSecondaryHover: background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptySuccessHover: background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptyWarningHover: background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptyDangerHover: background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptyTextHover: background_colors.backgroundBaseInteractiveHover,
-    textColorPrimary: brand_text_colors.textPrimary,
-    textColorAccent: brand_text_colors.textAccent,
-    textColorAccentSecondary: brand_text_colors.textAccentSecondary,
-    textColorSuccess: brand_text_colors.textSuccess,
-    textColorWarning: brand_text_colors.textWarning,
-    textColorDanger: brand_text_colors.textDanger,
-    textColorText: text_colors.textParagraph,
-    textColorDisabled: text_colors.textDisabled,
-    textColorFilledPrimary: text_colors.textInverse,
-    textColorFilledAccent: text_colors.textInverse,
-    textColorFilledAccentSecondary: text_colors.textInverse,
-    textColorFilledSuccess: text_colors.textInverse,
+    backgroundPrimary: computed(([backgroundLightPrimary]) => backgroundLightPrimary, ['colors.backgroundLightPrimary']),
+    backgroundAccent: computed(([backgroundLightAccent]) => backgroundLightAccent, ['colors.backgroundLightAccent']),
+    backgroundAccentSecondary: computed(([backgroundLightAccentSecondary]) => backgroundLightAccentSecondary, ['colors.backgroundLightAccentSecondary']),
+    backgroundNeutral: computed(([backgroundLightNeutral]) => backgroundLightNeutral, ['colors.backgroundLightNeutral']),
+    backgroundSuccess: computed(([backgroundLightSuccess]) => backgroundLightSuccess, ['colors.backgroundLightSuccess']),
+    backgroundWarning: computed(([backgroundLightWarning]) => backgroundLightWarning, ['colors.backgroundLightWarning']),
+    backgroundRisk: computed(([backgroundLightRisk]) => backgroundLightRisk, ['colors.backgroundLightRisk']),
+    backgroundDanger: computed(([backgroundLightDanger]) => backgroundLightDanger, ['colors.backgroundLightDanger']),
+    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']),
+    backgroundFilledNeutral: computed(([backgroundFilledNeutral]) => backgroundFilledNeutral, ['colors.backgroundFilledNeutral']),
+    backgroundFilledSuccess: computed(([backgroundFilledSuccess]) => backgroundFilledSuccess, ['colors.backgroundFilledSuccess']),
+    backgroundFilledWarning: computed(([backgroundFilledWarning]) => backgroundFilledWarning, ['colors.backgroundFilledWarning']),
+    backgroundFilledRisk: computed(([backgroundFilledRisk]) => backgroundFilledRisk, ['colors.backgroundFilledRisk']),
+    backgroundFilledDanger: computed(([backgroundFilledDanger]) => backgroundFilledDanger, ['colors.backgroundFilledDanger']),
+    backgroundFilledText: computed(([backgroundFilledText]) => backgroundFilledText, ['colors.backgroundFilledText']),
+    backgroundFilledDisabled: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
+    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']),
+    textColorNeutral: computed(([textNeutral]) => textNeutral, ['colors.textNeutral']),
+    textColorSuccess: computed(([textSuccess]) => textSuccess, ['colors.textSuccess']),
+    textColorWarning: computed(([textWarning]) => textWarning, ['colors.textWarning']),
+    textColorRisk: computed(([textRisk]) => textRisk, ['colors.textRisk']),
+    textColorDanger: computed(([textDanger]) => textDanger, ['colors.textDanger']),
+    textColorText: computed(([textParagraph]) => textParagraph, ['colors.textParagraph']),
+    textColorDisabled: computed(([textDisabled]) => textDisabled, ['colors.textDisabled']),
+    textColorFilledPrimary: computed(([textInverse]) => textInverse, ['colors.textInverse']),
+    textColorFilledAccent: computed(([textInverse]) => textInverse, ['colors.textInverse']),
+    textColorFilledAccentSecondary: computed(([textInverse]) => textInverse, ['colors.textInverse']),
+    textColorFilledNeutral: computed(([textInverse]) => textInverse, ['colors.textInverse']),
+    textColorFilledSuccess: computed(([textInverse]) => textInverse, ['colors.textInverse']),
     textColorFilledWarning: SEMANTIC_COLORS.warning110,
-    textColorFilledDanger: text_colors.textInverse,
-    textColorFilledText: text_colors.textInverse,
-    textColorFilledDisabled: text_colors.textDisabled,
+    textColorFilledRisk: computed(([textInverse]) => textInverse, ['colors.textInverse']),
+    textColorFilledDanger: computed(([textInverse]) => textInverse, ['colors.textInverse']),
+    textColorFilledText: computed(([textInverse]) => textInverse, ['colors.textInverse']),
+    textColorFilledDisabled: computed(([textDisabled]) => textDisabled, ['colors.textDisabled']),
 };
 const _dark_buttons = {
-    backgroundPrimary: dark_background_colors.backgroundLightPrimary,
-    backgroundAccent: dark_background_colors.backgroundLightAccent,
-    backgroundAccentSecondary: dark_background_colors.backgroundLightAccentSecondary,
-    backgroundSuccess: dark_background_colors.backgroundLightSuccess,
-    backgroundWarning: dark_background_colors.backgroundLightWarning,
-    backgroundDanger: dark_background_colors.backgroundLightDanger,
-    backgroundText: dark_background_colors.backgroundLightText,
-    backgroundDisabled: dark_background_colors.backgroundBaseDisabled,
-    backgroundFilledPrimary: dark_background_colors.backgroundFilledPrimary,
-    backgroundFilledAccent: dark_background_colors.backgroundFilledAccent,
-    backgroundFilledAccentSecondary: dark_background_colors.backgroundFilledAccentSecondary,
-    backgroundFilledSuccess: dark_background_colors.backgroundFilledSuccess,
-    backgroundFilledWarning: dark_background_colors.backgroundFilledWarning,
-    backgroundFilledDanger: dark_background_colors.backgroundFilledDanger,
-    backgroundFilledText: dark_background_colors.backgroundFilledText,
-    backgroundFilledDisabled: dark_background_colors.backgroundBaseDisabled,
-    backgroundEmptyPrimaryHover: dark_background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptyAccentHover: dark_background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptyAccentSecondaryHover: dark_background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptySuccessHover: dark_background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptyWarningHover: dark_background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptyDangerHover: dark_background_colors.backgroundBaseInteractiveHover,
-    backgroundEmptyTextHover: dark_background_colors.backgroundBaseInteractiveHover,
-    textColorPrimary: dark_brand_text_colors.textPrimary,
-    textColorAccent: dark_brand_text_colors.textAccent,
-    textColorAccentSecondary: dark_brand_text_colors.textAccentSecondary,
-    textColorSuccess: dark_brand_text_colors.textSuccess,
-    textColorWarning: dark_brand_text_colors.textWarning,
-    textColorDanger: dark_brand_text_colors.textDanger,
-    textColorText: dark_text_colors.textParagraph,
-    textColorDisabled: dark_text_colors.textDisabled,
-    textColorFilledPrimary: dark_text_colors.textInverse,
-    textColorFilledAccent: dark_text_colors.textInverse,
-    textColorFilledAccentSecondary: dark_text_colors.textInverse,
-    textColorFilledSuccess: dark_text_colors.textInverse,
+    ..._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,
-    textColorFilledDanger: dark_text_colors.textInverse,
-    textColorFilledText: dark_text_colors.textInverse,
-    textColorFilledDisabled: dark_text_colors.textDisabled,
 };
 export const buttons = {
     LIGHT: _buttons,

package/lib/esm/variables/_buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"_buttons.js","sourceRoot":"","sources":["../../../src/variables/_buttons.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"_buttons.js","sourceRoot":"","sources":["../../../src/variables/_buttons.ts"],"names":[],"mappings":"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"}

package/lib/esm/variables/_components.js

@@ -5,29 +5,30 @@
  * 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 { SEMANTIC_COLORS } from './colors/_semantic_colors';
-import { dark_background_colors, dark_border_colors, dark_brand_text_colors, dark_text_colors, } from './colors/_colors_dark';
+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 { background_colors, border_colors, brand_text_colors, text_colors, } from './colors/_colors_light';
-import { colorVis } from './colors/_colors_vis';
 const component_colors = {
-    badgeBackground: background_colors.backgroundLightText,
-    badgeBackgroundSubdued: background_colors.backgroundLightText,
-    badgeBorderColorHollow: border_colors.borderBasePlain,
-    badgeIconButtonBackgroundHover: background_colors.backgroundBaseInteractiveHover,
-    breadcrumbsApplicationBackground: background_colors.backgroundLightText,
-    breadcrumbsApplicationColor: text_colors.textSubdued,
+    badgeBackground: computed(([backgroundLightText]) => backgroundLightText, ['colors.backgroundLightText']),
+    badgeBackgroundSubdued: computed(([backgroundLightText]) => backgroundLightText, ['colors.backgroundLightText']),
+    badgeBorderColorHollow: computed(([borderBasePlain]) => borderBasePlain, ['colors.borderBasePlain']),
+    badgeIconButtonBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
+    breadcrumbsApplicationBackground: computed(([backgroundLightText]) => backgroundLightText, ['colors.backgroundLightText']),
+    breadcrumbsApplicationColor: computed(([textSubdued]) => textSubdued, ['colors.textSubdued']),
     bottomBarBackground: SEMANTIC_COLORS.plainDark,
-    buttonGroupBackgroundDisabledSelected: background_colors.backgroundBaseFormsControlDisabled,
-    buttonGroupBorderColor: border_colors.borderBasePlain,
-    buttonGroupBorderColorSelected: border_colors.borderBasePlain,
-    buttonGroupFocusColor: brand_text_colors.textPrimary,
-    codeBackground: background_colors.backgroundBaseHighlighted,
+    buttonGroupBackgroundDisabledSelected: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
+    buttonGroupBorderColor: computed(([borderBasePlain]) => borderBasePlain, ['colors.borderBasePlain']),
+    buttonGroupBorderColorSelected: computed(([borderBasePlain]) => borderBasePlain, ['colors.borderBasePlain']),
+    buttonGroupFocusColor: SEMANTIC_COLORS.plainDark,
+    codeBackground: computed(([backgroundBaseHighlighted]) => backgroundBaseHighlighted, ['colors.backgroundBaseHighlighted']),
     codeBackgroundSelected: 'inherit',
-    codeColor: text_colors.textParagraph,
+    codeColor: computed(([textParagraph]) => textParagraph, ['colors.textParagraph']),
     codeInlineColor: colorVis.euiColorVisAsTextLight6,
-    codeCommentColor: text_colors.textSubdued,
+    codeCommentColor: computed(([textSubdued]) => textSubdued, ['colors.textSubdued']),
     codeSelectorColor: 'inherit',
     codeStringColor: colorVis.euiColorVisAsTextLight2,
     codeTagColor: colorVis.euiColorVisAsTextLight1,
@@ -40,71 +41,73 @@ const component_colors = {
     codeAttributeColor: 'inherit',
     codeSymbolColor: colorVis.euiColorVisAsTextLight3,
     codeParamsColor: 'inherit',
-    codeMetaColor: text_colors.textSubdued,
+    codeMetaColor: computed(([textSubdued]) => textSubdued, ['colors.textSubdued']),
     codeTitleColor: colorVis.euiColorVisAsTextLight4,
     codeSectionColor: colorVis.euiColorVisAsTextLight3,
     codeAdditionColor: colorVis.euiColorVisAsTextLight0,
     codeDeletionColor: colorVis.euiColorVisAsTextLight3,
     codeSelectorClassColor: 'inherit',
     codeSelectorIdColor: 'inherit',
-    collapsibleNavGroupBackground: background_colors.backgroundBaseSubdued,
+    collapsibleNavGroupBackground: computed(([backgroundBaseSubdued]) => backgroundBaseSubdued, ['colors.backgroundBaseSubdued']),
     collapsibleNavGroupBackgroundDark: dark_background_colors.backgroundBaseSubdued,
-    dataGridBorderColor: border_colors.borderBaseSubdued,
-    dataGridVerticalLineBorderColor: border_colors.borderBaseSubdued,
-    dataGridRowBackgroundStriped: background_colors.backgroundBaseSubdued,
-    dataGridRowBackgroundHover: background_colors.backgroundBaseInteractiveHover,
-    dataGridRowBackgroundSelect: background_colors.backgroundBaseInteractiveSelect,
-    dragDropDraggingBackground: background_colors.backgroundBaseSuccess,
-    dragDropDraggingOverBackground: background_colors.backgroundLightSuccess,
-    filterSelectItemBackgroundFocusDisabled: background_colors.backgroundBaseDisabled,
-    flyoutFooterBackground: background_colors.backgroundBaseHighlighted,
-    flyoutCloseButtonInsideBackground: background_colors.backgroundBasePlain,
-    headerBackground: background_colors.backgroundBasePlain,
+    dataGridBorderColor: computed(([borderBaseSubdued]) => borderBaseSubdued, ['colors.borderBaseSubdued']),
+    dataGridVerticalLineBorderColor: computed(([borderBaseSubdued]) => borderBaseSubdued, ['colors.borderBaseSubdued']),
+    dataGridRowBackgroundStriped: computed(([backgroundBaseSubdued]) => backgroundBaseSubdued, ['colors.backgroundBaseSubdued']),
+    dataGridRowBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
+    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']),
+    headerBackground: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
     headerDarkBackground: dark_background_colors.backgroundBasePlain,
     headerDarkSearchBorderColor: dark_border_colors.borderBasePlain,
     headerDarkSectionItemBackgroundFocus: dark_background_colors.backgroundBasePrimary,
-    keyPadMenuItemBackgroundDisabledSelect: background_colors.backgroundBaseDisabled,
-    listGroupItemBackgroundPrimaryActive: background_colors.backgroundBaseInteractiveSelect,
-    listGroupItemBackgroundSubduedActive: background_colors.backgroundBaseInteractiveSelect,
-    listGroupItemBackgroundHover: background_colors.backgroundBaseInteractiveHover,
-    listGroupItemBackgroundPrimaryHover: background_colors.backgroundBaseInteractiveHover,
+    keyPadMenuItemBackgroundDisabledSelect: computed(([backgroundBaseDisabled]) => backgroundBaseDisabled, ['colors.backgroundBaseDisabled']),
+    listGroupItemBackgroundPrimaryActive: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
+    listGroupItemBackgroundSubduedActive: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
+    listGroupItemBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
+    listGroupItemBackgroundPrimaryHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
+    // we don't want to inherit overrides (e.g. HCM)
     loadingSpinnerBorder: border_colors.borderBasePlain,
-    loadingSpinnerHighlight: border_colors.borderStrongPrimary,
+    loadingSpinnerHighlight: computed(([borderStrongPrimary]) => borderStrongPrimary, ['colors.borderStrongPrimary']),
     loadingChartMonoBackground0: SEMANTIC_COLORS.shade20,
     loadingChartMonoBackground1: SEMANTIC_COLORS.shade30,
     loadingChartMonoBackground2: SEMANTIC_COLORS.shade40,
     loadingChartMonoBackground3: SEMANTIC_COLORS.shade50,
-    markBackground: background_colors.backgroundLightPrimary,
-    markdownFormatTableBorderColor: border_colors.borderBasePlain,
-    overlayMaskBackground: background_colors.backgroundBaseInteractiveOverlay,
+    markBackground: computed(([backgroundLightPrimary]) => backgroundLightPrimary, ['colors.backgroundLightPrimary']),
+    markdownFormatTableBorderColor: computed(([borderBasePlain]) => borderBasePlain, ['colors.borderBasePlain']),
+    overlayMaskBackground: computed(([backgroundBaseInteractiveOverlay]) => backgroundBaseInteractiveOverlay, ['colors.backgroundBaseInteractiveOverlay']),
     overlayMaskBackgroundHighContrast: `rgba(${SEMANTIC_COLORS.shade140RGB}, 0.9)`,
-    popoverPanelBackground: background_colors.backgroundBasePlain,
-    popoverFooterBorderColor: border_colors.borderBaseSubdued,
+    popoverPanelBackground: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
+    popoverFooterBorderColor: computed(([borderBaseSubdued]) => borderBaseSubdued, ['colors.borderBaseSubdued']),
     scrollbarTrackColor: SEMANTIC_COLORS.shade15,
-    sideNavItemEmphasizedBackground: background_colors.backgroundBaseInteractiveSelect,
-    selectableListItemBorderColor: border_colors.borderBaseSubdued,
+    sideNavItemEmphasizedBackground: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
+    selectableListItemBorderColor: computed(([borderBaseSubdued]) => borderBaseSubdued, ['colors.borderBaseSubdued']),
     skeletonBackgroundSkeletonMiddleHighContrast: `rgba(${SEMANTIC_COLORS.shade100RGB}, 0.04)`,
-    superDatePickerBackgroundSuccees: background_colors.backgroundBaseSuccess,
-    switchBackgroundOn: background_colors.backgroundFilledPrimary,
-    switchBackgroundOff: background_colors.backgroundFilledText,
-    switchUncompressedBackgroundDisabled: background_colors.backgroundBaseFormsControlDisabled,
-    switchCompressedBackgroundDisabled: background_colors.backgroundBaseFormsControlDisabled,
-    switchMiniBackgroundDisabled: background_colors.backgroundBaseFormsControlDisabled,
-    switchThumbBackgroundDisabled: background_colors.backgroundBasePlain,
-    switchThumbBorderOn: background_colors.backgroundFilledPrimary,
-    switchThumbBorderOff: background_colors.backgroundFilledText,
+    superDatePickerBackgroundSuccees: computed(([backgroundBaseSuccess]) => backgroundBaseSuccess, ['colors.backgroundBaseSuccess']),
+    switchBackgroundOn: computed(([backgroundFilledPrimary]) => backgroundFilledPrimary, ['colors.backgroundFilledPrimary']),
+    switchBackgroundOff: computed(([backgroundFilledText]) => backgroundFilledText, ['colors.backgroundFilledText']),
+    switchUncompressedBackgroundDisabled: computed(([backgroundBaseFormsControlDisabled]) => backgroundBaseFormsControlDisabled, ['colors.backgroundBaseFormsControlDisabled']),
+    switchCompressedBackgroundDisabled: computed(([backgroundBaseFormsControlDisabled]) => backgroundBaseFormsControlDisabled, ['colors.backgroundBaseFormsControlDisabled']),
+    switchMiniBackgroundDisabled: computed(([backgroundBaseFormsControlDisabled]) => backgroundBaseFormsControlDisabled, ['colors.backgroundBaseFormsControlDisabled']),
+    switchThumbBackgroundDisabled: computed(([backgroundBasePlain]) => backgroundBasePlain, ['colors.backgroundBasePlain']),
+    switchThumbBorderOn: computed(([backgroundFilledPrimary]) => backgroundFilledPrimary, ['colors.backgroundFilledPrimary']),
+    switchThumbBorderOff: computed(([backgroundFilledText]) => backgroundFilledText, ['colors.backgroundFilledText']),
     switchIconDisabled: forms.LIGHT.iconDisabled,
-    tableRowBackgroundHover: background_colors.backgroundBaseInteractiveHover,
-    tableRowBackgroundSelected: background_colors.backgroundBaseInteractiveSelect,
-    tableRowBackgroundSelectedHover: background_colors.backgroundBaseInteractiveSelect,
-    tableRowInteractiveBackgroundHover: background_colors.backgroundBaseInteractiveSelect,
-    tableRowInteractiveBackgroundFocus: background_colors.backgroundBaseInteractiveSelect,
-    tableCellSortableIconColor: background_colors.backgroundFilledText,
+    tableRowBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
+    tableRowBackgroundSelected: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
+    tableRowBackgroundSelectedHover: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
+    tableRowInteractiveBackgroundHover: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
+    tableRowInteractiveBackgroundFocus: computed(([backgroundBaseInteractiveSelect]) => backgroundBaseInteractiveSelect, ['colors.backgroundBaseInteractiveSelect']),
+    tableCellSortableIconColor: computed(([backgroundFilledText]) => backgroundFilledText, ['colors.backgroundFilledText']),
     tooltipBackground: dark_background_colors.backgroundBaseSubdued,
     tooltipBorder: dark_border_colors.borderBaseSubdued,
-    tooltipBorderFloating: border_colors.borderBaseFloating,
-    tourFooterBackground: background_colors.backgroundBaseHighlighted,
-    treeViewItemBackgroundHover: background_colors.backgroundBaseInteractiveHover,
+    tooltipBorderFloating: computed(([borderBaseFloating]) => borderBaseFloating, ['colors.borderBaseFloating']),
+    tourFooterBackground: computed(([backgroundBaseHighlighted]) => backgroundBaseHighlighted, ['colors.backgroundBaseHighlighted']),
+    treeViewItemBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
 };
 export const components = {
     buttons,
@@ -112,92 +115,32 @@ export const components = {
     LIGHT: component_colors,
     DARK: {
         ...component_colors,
-        badgeBackground: dark_background_colors.backgroundLightText,
-        badgeBackgroundSubdued: dark_background_colors.backgroundLightText,
-        badgeBorderColorHollow: dark_border_colors.borderBasePlain,
-        badgeIconButtonBackgroundHover: dark_background_colors.backgroundBaseInteractiveHover,
-        breadcrumbsApplicationBackground: dark_background_colors.backgroundLightText,
-        breadcrumbsApplicationColor: dark_text_colors.textSubdued,
-        buttonGroupBackgroundDisabledSelected: dark_background_colors.backgroundBaseFormsControlDisabled,
-        buttonGroupBorderColor: dark_border_colors.borderBasePlain,
-        buttonGroupBorderColorSelected: dark_border_colors.borderBasePlain,
-        buttonGroupFocusColor: dark_brand_text_colors.textPrimary,
-        codeBackground: dark_background_colors.backgroundBaseHighlighted,
-        codeBackgroundSelected: 'inherit',
-        codeColor: dark_text_colors.textParagraph,
+        buttonGroupFocusColor: SEMANTIC_COLORS.plainLight,
         codeInlineColor: colorVis.euiColorVisAsTextDark6,
-        codeCommentColor: dark_text_colors.textSubdued,
-        codeSelectorColor: 'inherit',
         codeStringColor: colorVis.euiColorVisAsTextDark2,
         codeTagColor: colorVis.euiColorVisAsTextDark1,
         codeNameColor: colorVis.euiColorVisAsTextDark1,
         codeNumberColor: colorVis.euiColorVisAsTextDark0,
         codeKeywordColor: colorVis.euiColorVisAsTextDark6,
-        codeFunctionTitleColor: 'inherit',
         codeTypeColor: colorVis.euiColorVisAsTextDark1,
-        codeAttributeColor: 'inherit',
         codeSymbolColor: colorVis.euiColorVisAsTextDark3,
-        codeParamsColor: 'inherit',
-        codeMetaColor: dark_text_colors.textSubdued,
         codeTitleColor: colorVis.euiColorVisAsTextDark4,
         codeSectionColor: colorVis.euiColorVisAsTextDark3,
         codeAdditionColor: colorVis.euiColorVisAsTextDark0,
         codeDeletionColor: colorVis.euiColorVisAsTextDark3,
-        codeSelectorClassColor: 'inherit',
-        codeSelectorIdColor: 'inherit',
-        collapsibleNavGroupBackground: dark_background_colors.backgroundBaseSubdued,
-        collapsibleNavGroupBackgroundDark: dark_background_colors.backgroundBaseSubdued,
-        dataGridBorderColor: dark_border_colors.borderBaseSubdued,
-        dataGridVerticalLineBorderColor: dark_border_colors.borderBaseSubdued,
-        dataGridRowBackgroundStriped: dark_background_colors.backgroundBaseSubdued,
-        dataGridRowBackgroundHover: dark_background_colors.backgroundBaseInteractiveHover,
-        dataGridRowBackgroundSelect: dark_background_colors.backgroundBaseInteractiveSelect,
-        dragDropDraggingBackground: dark_background_colors.backgroundBaseSuccess,
-        dragDropDraggingOverBackground: dark_background_colors.backgroundLightSuccess,
-        filterSelectItemBackgroundFocusDisabled: dark_background_colors.backgroundBaseDisabled,
-        flyoutFooterBackground: dark_background_colors.backgroundBaseHighlighted,
-        flyoutCloseButtonInsideBackground: dark_background_colors.backgroundBasePlain,
-        headerBackground: dark_background_colors.backgroundBasePlain,
-        keyPadMenuItemBackgroundDisabledSelect: dark_background_colors.backgroundBaseDisabled,
-        listGroupItemBackgroundPrimaryActive: dark_background_colors.backgroundBaseInteractiveSelect,
-        listGroupItemBackgroundSubduedActive: dark_background_colors.backgroundBaseInteractiveSelect,
-        listGroupItemBackgroundHover: dark_background_colors.backgroundBaseInteractiveHover,
-        listGroupItemBackgroundPrimaryHover: dark_background_colors.backgroundBaseInteractiveHover,
+        filterButtonBadgeBackgroundHover: SEMANTIC_COLORS.shade105,
         loadingSpinnerBorder: dark_border_colors.borderBasePlain,
-        loadingSpinnerHighlight: dark_border_colors.borderStrongPrimary,
         loadingChartMonoBackground0: SEMANTIC_COLORS.shade110,
         loadingChartMonoBackground1: SEMANTIC_COLORS.shade100,
         loadingChartMonoBackground2: SEMANTIC_COLORS.shade90,
         loadingChartMonoBackground3: SEMANTIC_COLORS.shade80,
-        markBackground: dark_background_colors.backgroundLightPrimary,
-        markdownFormatTableBorderColor: dark_border_colors.borderBasePlain,
-        overlayMaskBackground: dark_background_colors.backgroundBaseInteractiveOverlay,
         overlayMaskBackgroundHighContrast: `rgba(${SEMANTIC_COLORS.shade140RGB}, 0.9)`,
-        popoverPanelBackground: dark_background_colors.backgroundBasePlain,
-        popoverFooterBorderColor: dark_border_colors.borderBaseSubdued,
         scrollbarTrackColor: SEMANTIC_COLORS.shade145,
-        sideNavItemEmphasizedBackground: dark_background_colors.backgroundBaseInteractiveSelect,
-        selectableListItemBorderColor: dark_border_colors.borderBaseSubdued,
         skeletonBackgroundSkeletonMiddleHighContrast: `rgba(${SEMANTIC_COLORS.plainLightRGB}, 0.3)`,
-        switchBackgroundOn: dark_background_colors.backgroundFilledPrimary,
-        switchBackgroundOff: dark_background_colors.backgroundFilledText,
-        switchUncompressedBackgroundDisabled: dark_background_colors.backgroundBaseFormsControlDisabled,
-        switchCompressedBackgroundDisabled: dark_background_colors.backgroundBaseFormsControlDisabled,
-        switchMiniBackgroundDisabled: dark_background_colors.backgroundBaseFormsControlDisabled,
-        switchThumbBackgroundDisabled: dark_background_colors.backgroundBasePlain,
-        switchThumbBorderOn: dark_background_colors.backgroundFilledPrimary,
-        switchThumbBorderOff: dark_background_colors.backgroundFilledText,
         switchIconDisabled: forms.DARK.iconDisabled,
-        superDatePickerBackgroundSuccees: dark_background_colors.backgroundBaseSuccess,
-        tableRowBackgroundHover: dark_background_colors.backgroundBaseInteractiveHover,
-        tableRowBackgroundSelected: dark_background_colors.backgroundBaseInteractiveSelect,
-        tableRowBackgroundSelectedHover: dark_background_colors.backgroundBaseInteractiveSelect,
-        tableRowInteractiveBackgroundHover: dark_background_colors.backgroundBaseInteractiveHover,
-        tableRowInteractiveBackgroundFocus: dark_background_colors.backgroundBaseInteractiveHover,
-        tableCellSortableIconColor: dark_background_colors.backgroundFilledText,
-        tooltipBorderFloating: dark_border_colors.borderBaseFloating,
-        tourFooterBackground: dark_background_colors.backgroundBaseHighlighted,
-        treeViewItemBackgroundHover: dark_background_colors.backgroundBaseInteractiveHover,
+        // TODO: align table hover states
+        tableRowInteractiveBackgroundHover: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
+        tableRowInteractiveBackgroundFocus: computed(([backgroundBaseInteractiveHover]) => backgroundBaseInteractiveHover, ['colors.backgroundBaseInteractiveHover']),
     },
 };
 //# sourceMappingURL=_components.js.map