@elastic/eui 99.4.0 → 100.0.0

package/dist/eui_theme_borealis_light.json.d.ts

@@ -0,0 +1,425 @@
+declare module '@elastic/eui/dist/eui_theme_borealis_light.json' {
+  const sassVariables: {
+    euiZDataGrid: number;
+    euiZHeaderBelowDataGrid: number;
+    euiZDataGridCellPopover: number;
+    euiDataGridCellPaddingS: string;
+    euiDataGridCellPaddingM: string;
+    euiDataGridCellPaddingL: string;
+    euiTableHoverColor: string;
+    euiTableSelectedColor: string;
+    euiTableHoverSelectedColor: string;
+    euiTableActionsBorderColor: string;
+    euiTableHoverClickableColor: string;
+    euiTableFocusClickableColor: string;
+    euiContrastRatioText: number;
+    euiContrastRatioGraphic: number;
+    euiContrastRatioDisabled: number;
+    euiAnimSlightBounce: string;
+    euiAnimSlightResistance: string;
+    euiAnimSpeedExtraFast: string;
+    euiAnimSpeedFast: string;
+    euiAnimSpeedNormal: string;
+    euiAnimSpeedSlow: string;
+    euiAnimSpeedExtraSlow: string;
+    euiBorderWidthThin: string;
+    euiBorderWidthThick: string;
+    euiBorderColor: string;
+    euiBorderRadius: string;
+    euiBorderRadiusSmall: string;
+    euiBorderThick: string;
+    euiBorderThin: string;
+    euiBorderEditable: string;
+    euiButtonHeight: string;
+    euiButtonHeightSmall: string;
+    euiButtonHeightXSmall: string;
+    euiButtonColorDisabled: string;
+    euiButtonColorDisabledText: string;
+    euiButtonColorGhostDisabled: string;
+    euiButtonTypes: {
+      primary: string;
+      accent: string;
+      accentSecondary: string;
+      success: string;
+      warning: string;
+      danger: string;
+      ghost: string;
+      text: string;
+    };
+    euiFontWeightLight: number;
+    euiFontWeightRegular: number;
+    euiFontWeightMedium: number;
+    euiFontWeightSemiBold: number;
+    euiFontWeightBold: number;
+    euiCodeFontWeightRegular: number;
+    euiCodeFontWeightBold: number;
+    euiFormMaxWidth: string;
+    euiFormControlHeight: string;
+    euiFormControlCompressedHeight: string;
+    euiFormControlPadding: string;
+    euiFormControlCompressedPadding: string;
+    euiFormControlBorderRadius: string;
+    euiFormControlCompressedBorderRadius: string;
+    euiRadioSize: string;
+    euiCheckBoxSize: string;
+    euiCheckboxBorderRadius: string;
+    euiSwitchHeight: string;
+    euiSwitchWidth: string;
+    euiSwitchThumbSize: string;
+    euiSwitchIconHeight: string;
+    euiSwitchHeightCompressed: string;
+    euiSwitchWidthCompressed: string;
+    euiSwitchThumbSizeCompressed: string;
+    euiSwitchHeightMini: string;
+    euiSwitchWidthMini: string;
+    euiSwitchThumbSizeMini: string;
+    euiFormBackgroundColor: string;
+    euiFormBackgroundDisabledColor: string;
+    euiFormBackgroundReadOnlyColor: string;
+    euiFormBorderOpaqueColor: string;
+    euiFormBorderColor: string;
+    euiFormBorderDisabledColor: string;
+    euiFormCustomControlDisabledIconColor: string;
+    euiFormCustomControlBorderColor: string;
+    euiFormControlDisabledColor: string;
+    euiFormControlBoxShadow: string;
+    euiFormControlPlaceholderText: string;
+    euiFormInputGroupLabelBackground: string;
+    euiFormInputGroupBorder: string;
+    euiSwitchOffColor: string;
+    euiFormControlIconSizes: {
+      small: string;
+      medium: string;
+      large: string;
+      xLarge: string;
+      xxLarge: string;
+    };
+    euiFormControlLayoutGroupInputHeight: string;
+    euiFormControlLayoutGroupInputCompressedHeight: string;
+    euiFormControlLayoutGroupInputCompressedBorderRadius: string;
+    euiHeaderBackgroundColor: string;
+    euiHeaderDarkBackgroundColor: string;
+    euiHeaderBorderColor: string;
+    euiHeaderBreadcrumbColor: string;
+    euiHeaderHeight: string;
+    euiHeaderChildSize: string;
+    euiHeaderHeightCompensation: string;
+    euiPageDefaultMaxWidth: string;
+    euiPageSidebarMinWidth: string;
+    euiPanelPaddingModifiers: {
+      paddingSmall: string;
+      paddingMedium: string;
+      paddingLarge: string;
+    };
+    euiPanelBorderRadiusModifiers: {
+      borderRadiusNone: number;
+      borderRadiusMedium: string;
+    };
+    euiPanelBackgroundColorModifiers: {
+      transparent: string;
+      plain: string;
+      subdued: string;
+      accent: string;
+      accentSecondary: string;
+      primary: string;
+      success: string;
+      warning: string;
+      danger: string;
+    };
+    euiBreakpoints: {
+      xs: number;
+      s: string;
+      m: string;
+      l: string;
+      xl: string;
+    };
+    euiBreakpointKeys: string;
+    euiShadowColor: string;
+    euiSize: string;
+    euiSizeXS: string;
+    euiSizeS: string;
+    euiSizeM: string;
+    euiSizeL: string;
+    euiSizeXL: string;
+    euiSizeXXL: string;
+    euiScrollBar: string;
+    euiScrollBarCorner: string;
+    euiScrollBarCornerThin: string;
+    euiFocusRingColor: string;
+    euiFocusRingAnimStartColor: string;
+    euiFocusRingAnimStartSize: string;
+    euiFocusRingAnimStartSizeLarge: string;
+    euiFocusRingSizeLarge: string;
+    euiFocusRingSize: string;
+    euiFocusTransparency: number;
+    euiFocusTransparencyPercent: string;
+    euiFocusBackgroundColor: string;
+    euiFontFamily: string;
+    euiCodeFontFamily: string;
+    euiFontFeatureSettings: string;
+    euiTextScale: string;
+    euiFontSize: string;
+    euiFontSizeXS: string;
+    euiFontSizeS: string;
+    euiFontSizeM: string;
+    euiFontSizeL: string;
+    euiFontSizeXL: string;
+    euiFontSizeXXL: string;
+    euiLineHeight: number;
+    euiBodyLineHeight: number;
+    euiTitles: {
+      xxxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xxs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      xs: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      s: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      m: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+      l: {
+        'font-size': string;
+        'line-height': string;
+        'font-weight': number;
+      };
+    };
+    euiZLevel0: number;
+    euiZLevel1: number;
+    euiZLevel2: number;
+    euiZLevel3: number;
+    euiZLevel4: number;
+    euiZLevel5: number;
+    euiZLevel6: number;
+    euiZLevel7: number;
+    euiZLevel8: number;
+    euiZLevel9: number;
+    euiZToastList: number;
+    euiZModal: number;
+    euiZMask: number;
+    euiZNavigation: number;
+    euiZContentMenu: number;
+    euiZHeader: number;
+    euiZFlyout: number;
+    euiZMaskBelowHeader: number;
+    euiZContent: number;
+    euiPaletteColorBlind: {
+      euiColorVis0: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis1: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis2: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis3: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis4: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis5: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis6: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis7: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis8: {
+        graphic: string;
+        behindText: string;
+      };
+      euiColorVis9: {
+        graphic: string;
+        behindText: string;
+      };
+    };
+    euiPaletteColorBlindKeys: string;
+    euiColorVis0: string;
+    euiColorVis1: string;
+    euiColorVis2: string;
+    euiColorVis3: string;
+    euiColorVis4: string;
+    euiColorVis5: string;
+    euiColorVis6: string;
+    euiColorVis7: string;
+    euiColorVis8: string;
+    euiColorVis9: string;
+    euiColorVis0_behindText: string;
+    euiColorVis1_behindText: string;
+    euiColorVis2_behindText: string;
+    euiColorVis3_behindText: string;
+    euiColorVis4_behindText: string;
+    euiColorVis5_behindText: string;
+    euiColorVis6_behindText: string;
+    euiColorVis7_behindText: string;
+    euiColorVis8_behindText: string;
+    euiColorVis9_behindText: string;
+    euiColorVisAsTextLight0: string;
+    euiColorVisAsTextLight1: string;
+    euiColorVisAsTextLight2: string;
+    euiColorVisAsTextLight3: string;
+    euiColorVisAsTextLight4: string;
+    euiColorVisAsTextLight5: string;
+    euiColorVisAsTextLight6: string;
+    euiColorVisAsTextDark0: string;
+    euiColorVisAsTextDark1: string;
+    euiColorVisAsTextDark2: string;
+    euiColorVisAsTextDark3: string;
+    euiColorVisAsTextDark4: string;
+    euiColorVisAsTextDark5: string;
+    euiColorVisAsTextDark6: string;
+    euiColorVisSuccess0: string;
+    euiColorVisSuccess1: string;
+    euiColorVisWarning0: string;
+    euiColorVisDanger0: string;
+    euiColorVisDanger1: string;
+    euiColorVisNeutral0: string;
+    euiColorVisGrey0: string;
+    euiColorVisGrey1: string;
+    euiColorVisGrey2: string;
+    euiColorVisGrey3: string;
+    euiColorVisWarm0: string;
+    euiColorVisWarm1: string;
+    euiColorVisWarm2: string;
+    euiColorVisCool0: string;
+    euiColorVisCool1: string;
+    euiColorVisCool2: string;
+    euiColorVisComplementary0: string;
+    euiColorVisComplementary1: string;
+    euiColorSeverity0: string;
+    euiColorSeverity1: string;
+    euiColorSeverity2: string;
+    euiColorSeverity3: string;
+    euiColorSeverity4: string;
+    euiColorSeverity5: string;
+    euiColorSeverity6: string;
+    euiColorSeverity7: string;
+    euiColorSeverity8: string;
+    euiColorSeverity9: string;
+    euiColorSeverity10: string;
+    euiColorSeverity11: string;
+    euiColorSeverity12: string;
+    euiColorSeverity13: string;
+    euiColorSeverity14: string;
+    euiColorChartLines: string;
+    euiColorChartBand: string;
+    euiColorGhost: string;
+    euiColorInk: string;
+    euiColorPrimary: string;
+    euiColorAccent: string;
+    euiColorAccentSecondary: string;
+    euiColorSuccess: string;
+    euiColorWarning: string;
+    euiColorDanger: string;
+    euiColorEmptyShade: string;
+    euiColorLightestShade: string;
+    euiColorLightShade: string;
+    euiColorMediumShade: string;
+    euiColorDarkShade: string;
+    euiColorDarkestShade: string;
+    euiColorFullShade: string;
+    euiPageBackgroundColor: string;
+    euiColorHighlight: string;
+    euiTextColor: string;
+    euiTitleColor: string;
+    euiTextSubduedColor: string;
+    euiColorDisabled: string;
+    euiColorPrimaryText: string;
+    euiColorSuccessText: string;
+    euiColorAccentText: string;
+    euiColorWarningText: string;
+    euiColorDangerText: string;
+    euiColorDisabledText: string;
+    euiLinkColor: string;
+    euiColorPlainLight: string;
+    euiColorPlainDark: string;
+    euiColorTextPrimary: string;
+    euiColorTextAccent: string;
+    euiColorTextAccentSecondary: string;
+    euiColorTextSuccess: string;
+    euiColorTextWarning: string;
+    euiColorTextDanger: string;
+    euiColorTextParagraph: string;
+    euiColorTextHeading: string;
+    euiColorTextSubdued: string;
+    euiColorTextDisabled: string;
+    euiColorTextInverse: string;
+    euiColorBackgroundBasePrimary: string;
+    euiColorBackgroundBaseAccent: string;
+    euiColorBackgroundBaseAccentSecondary: string;
+    euiColorBackgroundBaseSuccess: string;
+    euiColorBackgroundBaseWarning: string;
+    euiColorBackgroundBaseDanger: string;
+    euiColorBackgroundBaseSubdued: string;
+    euiColorBackgroundBasePlain: string;
+    euiColorBackgroundBaseDisabled: string;
+    euiColorBackgroundBaseHighlighted: string;
+    euiColorBackgroundBaseFormsPrepend: string;
+    euiColorBackgroundBaseFormsControlDisabled: string;
+    euiColorBackgroundBaseInteractiveHover: string;
+    euiColorBackgroundBaseInteractiveSelect: string;
+    euiColorBackgroundBaseInteractiveOverlay: string;
+    euiColorBackgroundBaseSkeletonEdge: string;
+    euiColorBackgroundBaseSkeletonMiddle: string;
+    euiColorBackgroundLightPrimary: string;
+    euiColorBackgroundLightAccent: string;
+    euiColorBackgroundLightAccentSecondary: string;
+    euiColorBackgroundLightSuccess: string;
+    euiColorBackgroundLightWarning: string;
+    euiColorBackgroundLightDanger: string;
+    euiColorBackgroundLightText: string;
+    euiColorBackgroundFilledPrimary: string;
+    euiColorBackgroundFilledAccent: string;
+    euiColorBackgroundFilledAccentSecondary: string;
+    euiColorBackgroundFilledSuccess: string;
+    euiColorBackgroundFilledWarning: string;
+    euiColorBackgroundFilledDanger: string;
+    euiColorBackgroundFilledText: string;
+    euiColorBorderBasePrimary: string;
+    euiColorBorderBaseAccent: string;
+    euiColorBorderBaseAccentSecondary: string;
+    euiColorBorderBaseSuccess: string;
+    euiColorBorderBaseWarning: string;
+    euiColorBorderBaseDanger: string;
+    euiColorBorderBasePlain: string;
+    euiColorBorderBaseSubdued: string;
+    euiColorBorderBaseDisabled: string;
+    euiColorBorderBaseFloating: string;
+    euiColorBorderBaseFormsColorSwatch: string;
+    euiColorBorderBaseFormsControl: string;
+    euiColorBorderStrongPrimary: string;
+    euiColorBorderStrongAccent: string;
+    euiColorBorderStrongAccentSecondary: string;
+    euiColorBorderStrongSuccess: string;
+    euiColorBorderStrongWarning: string;
+    euiColorBorderStrongDanger: string;
+  };
+  export default sassVariables;
+}

package/es/components/avatar/avatar.js

@@ -26,12 +26,11 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React, { useMemo } from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
-import { isColorDark, hexToRgb, isValidHex } from '../../services/color';
-import { euiPaletteColorBlindBehindText, toInitials, useEuiMemoizedStyles } from '../../services';
+import { isColorDark, hexToRgb, isValidHex, useEuiPaletteColorBlindBehindText } from '../../services/color';
+import { toInitials, useEuiMemoizedStyles } from '../../services';
 import { EuiIcon } from '../icon';
 import { euiAvatarStyles } from './avatar.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var visColors = euiPaletteColorBlindBehindText();
 export var SIZES = ['s', 'm', 'l', 'xl'];
 export var TYPES = ['space', 'user'];
 export var CASING = ['capitalize', 'uppercase', 'lowercase', 'none'];
@@ -63,6 +62,7 @@ export var EuiAvatar = function EuiAvatar(_ref) {
   var _props$casing = props.casing,
     casing = _props$casing === void 0 ? type === 'space' ? 'none' : 'uppercase' : _props$casing,
     rest = _objectWithoutProperties(props, _excluded2);
+  var visColors = useEuiPaletteColorBlindBehindText();
   var isPlain = color === 'plain';
   var isSubdued = color === 'subdued';
   var isNamedColor = isPlain || isSubdued || color === null;
@@ -84,7 +84,7 @@ export var EuiAvatar = function EuiAvatar(_ref) {
         color: textColor
       };
     }
-  }, [imageUrl, color, isNamedColor, name.length]);
+  }, [imageUrl, color, isNamedColor, name.length, visColors]);
   var iconCustomColor = useMemo(function () {
     // `null` allows icons to keep their default color (e.g. app icons)
     if (iconColor === null) return undefined;

package/es/components/badge/badge.styles.js

@@ -9,7 +9,6 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import { css } from '@emotion/react';
 import { euiFontSize, euiFocusRing, euiTextTruncate, logicalCSS, logicalShorthandCSS, logicalTextAlignCSS, mathWithUnits } from '../../global_styling';
-import { transparentize } from '../../services';
 import { euiBadgeColors } from './color_utils';
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1hw5vc4-clickable",
@@ -62,7 +61,7 @@ export var euiBadgeStyles = function euiBadgeStyles(euiThemeContext) {
     },
     // Clickable icons (iconOnClick)
     iconButton: {
-      euiBadge__iconButton: /*#__PURE__*/css("font-size:0;&:focus{background-color:", transparentize(euiTheme.colors.ghost, 0.8), ";color:", euiTheme.colors.ink, ";border-radius:", mathWithUnits(euiTheme.border.radius.small, function (x) {
+      euiBadge__iconButton: /*#__PURE__*/css("font-size:0;&:focus{background-color:", euiTheme.components.badgeIconButtonBackgroundHover, ";color:", euiTheme.colors.ink, ";border-radius:", mathWithUnits(euiTheme.border.radius.small, function (x) {
         return x / 2;
       }), ";}&:disabled{cursor:not-allowed;}.euiBadge__icon{margin:0!important;};label:euiBadge__iconButton;"),
       right: /*#__PURE__*/css(logicalCSS('margin-left', euiTheme.size.xs), ";;label:right;"),

package/es/components/badge/beta_badge/beta_badge.styles.js

@@ -35,6 +35,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var euiBetaBadgeStyles = function euiBetaBadgeStyles(euiThemeContext) {
+  var _euiTheme$flags;
   var euiTheme = euiThemeContext.euiTheme,
     colorMode = euiThemeContext.colorMode;
   var badgeColors = euiBadgeColors(euiThemeContext);
@@ -44,12 +45,13 @@ export var euiBetaBadgeStyles = function euiBetaBadgeStyles(euiThemeContext) {
       return x * 1.25;
     })
   };
+  var hasVisColorAdjustment = (_euiTheme$flags = euiTheme.flags) === null || _euiTheme$flags === void 0 ? void 0 : _euiTheme$flags.hasVisColorAdjustment;
   return {
     euiBetaBadge: /*#__PURE__*/css("display:inline-block;border-radius:", euiTheme.size.l, ";cursor:default;font-weight:", euiTheme.font.weight.semiBold, ";text-transform:uppercase;letter-spacing:0.05em;text-align:center;", euiTextTruncate(), " &:focus{", euiFocusRing(euiThemeContext, 'outset', {
       color: colorMode === 'DARK' ? euiTheme.colors.ghost : euiTheme.colors.ink
     }), ";};label:euiBetaBadge;"),
     // Colors
-    accent: /*#__PURE__*/css(badgeColors.accentText, ";label:accent;"),
+    accent: hasVisColorAdjustment ? /*#__PURE__*/css(badgeColors.accentText, ";label:accent;") : /*#__PURE__*/css(badgeColors.accent, ";label:accent;"),
     subdued: /*#__PURE__*/css(badgeColors.subdued, ";label:subdued;"),
     hollow: /*#__PURE__*/css("color:", badgeColors.hollow.color, ";background-color:", badgeColors.hollow.backgroundColor, ";box-shadow:inset 0 0 0 ", euiTheme.border.width.thin, " ", badgeColors.hollow.borderColor, ";;label:hollow;"),
     warning: /*#__PURE__*/css(badgeColors.warning, ";label:warning;"),

package/es/components/badge/color_utils.js

@@ -19,12 +19,11 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  */
 
 import chroma from 'chroma-js';
-import { isColorDark, tint } from '../../services';
-import { euiButtonColor, euiButtonFillColor } from '../../themes/amsterdam/global_styling/mixins';
+import { isColorDark } from '../../services';
+import { euiButtonColor, euiButtonFillColor } from '../../global_styling/mixins/_button';
 import { chromaValid, parseColor } from '../color_picker/utils';
 export var euiBadgeColors = function euiBadgeColors(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme,
-    colorMode = euiThemeContext.colorMode;
+  var euiTheme = euiThemeContext.euiTheme;
   return {
     // Colors shared between buttons and badges
     primary: euiButtonFillColor(euiThemeContext, 'primary'),
@@ -32,16 +31,18 @@ export var euiBadgeColors = function euiBadgeColors(euiThemeContext) {
     warning: euiButtonFillColor(euiThemeContext, 'warning'),
     danger: euiButtonFillColor(euiThemeContext, 'danger'),
     accent: euiButtonFillColor(euiThemeContext, 'accent'),
+    accentSecondary: euiButtonFillColor(euiThemeContext, 'accentSecondary'),
     disabled: euiButtonColor(euiThemeContext, 'disabled'),
     // Colors unique to badges
-    default: getBadgeColors(euiThemeContext, euiTheme.colors.lightShade),
+    default: getBadgeColors(euiThemeContext, euiTheme.components.badgeBackground),
     // Hollow has a border and is used for autocompleters and beta badges
     hollow: _objectSpread(_objectSpread({}, getBadgeColors(euiThemeContext, euiTheme.colors.emptyShade)), {}, {
-      borderColor: colorMode === 'DARK' ? tint(euiTheme.border.color, 0.15) : euiTheme.border.color
+      borderColor: euiTheme.components.badgeBorderColorHollow
     }),
     // Colors used by beta and notification badges
-    subdued: getBadgeColors(euiThemeContext, tint(euiTheme.colors.lightShade, 0.3)),
-    accentText: getBadgeColors(euiThemeContext, euiTheme.colors.accentText)
+    subdued: getBadgeColors(euiThemeContext, euiTheme.components.badgeBackgroundSubdued),
+    accentText: getBadgeColors(euiThemeContext, euiTheme.colors.textAccent),
+    accentSecondaryText: getBadgeColors(euiThemeContext, euiTheme.colors.textAccentSecondary)
   };
 };
 export var getBadgeColors = function getBadgeColors(euiThemeContext, backgroundColor) {

package/es/components/beacon/beacon.styles.js

@@ -20,9 +20,9 @@ export var euiBeaconStyles = function euiBeaconStyles(_ref) {
   return {
     // Base
     euiBeacon: /*#__PURE__*/css("position:relative;border-radius:50%;&::before,&::after{position:absolute;content:'';", logicalSizeCSS('100%', '100%'), " ", logicalCSS('left', 0), " ", logicalCSS('top', 0), " background-color:transparent;border-radius:50%;}&::before{transform:scale(1.6);opacity:0.4;}&::after{opacity:0;}", euiCanAnimate, "{&::before{animation:", euiBeaconPulseLarge, " 2.5s infinite ease-out;}&::after{animation:", euiBeaconPulseSmall, " 2.5s infinite ease-out 0.25s;}};label:euiBeacon;"),
-    subdued: /*#__PURE__*/css(_colorCSS(euiTheme.colors.subduedText), ";label:subdued;"),
+    subdued: /*#__PURE__*/css(_colorCSS(euiTheme.colors.textSubdued), ";label:subdued;"),
     primary: /*#__PURE__*/css(_colorCSS(euiTheme.colors.primary), ";label:primary;"),
-    success: /*#__PURE__*/css(_colorCSS(euiTheme.colors.success), ";label:success;"),
+    success: /*#__PURE__*/css(_colorCSS(euiTheme.colors.accentSecondary), ";label:success;"),
     warning: /*#__PURE__*/css(_colorCSS(euiTheme.colors.warning), ";label:warning;"),
     danger: /*#__PURE__*/css(_colorCSS(euiTheme.colors.danger), ";label:danger;"),
     accent: /*#__PURE__*/css(_colorCSS(euiTheme.colors.accent), ";label:accent;")

package/es/components/bottom_bar/bottom_bar.styles.js

@@ -9,16 +9,15 @@ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.fre
  */
 
 import { css, keyframes } from '@emotion/react';
+import { euiShadowFlat } from '@elastic/eui-theme-common';
 import { euiCanAnimate } from '../../global_styling';
-import { shade } from '../../services';
-import { euiShadowFlat } from '../../themes/amsterdam/global_styling/mixins';
 var euiBottomBarAppear = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    transform: translateY(100%);\n    opacity: 0;\n  }\n\n  100% {\n    transform: translateY(0%);\n    opacity: 1;\n  }\n"])));
 export var euiBottomBarStyles = function euiBottomBarStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
     // Base
     // `color` is inherited from the wrapping `EuiThemeProvider colorMode="dark"`
-    euiBottomBar: /*#__PURE__*/css(euiShadowFlat(euiThemeContext), " background:", shade(euiTheme.colors.lightestShade, 0.5), ";", euiCanAnimate, "{animation:", euiBottomBarAppear, " ", euiTheme.animation.slow, " ", euiTheme.animation.resistance, ";};label:euiBottomBar;"),
+    euiBottomBar: /*#__PURE__*/css(euiShadowFlat(euiThemeContext), " background:", euiTheme.components.bottomBarBackground, ";", euiCanAnimate, "{animation:", euiBottomBarAppear, " ", euiTheme.animation.slow, " ", euiTheme.animation.resistance, ";};label:euiBottomBar;"),
     static: /*#__PURE__*/css(";label:static;"),
     // Default
     fixed: /*#__PURE__*/css("position:fixed;z-index:", Number(euiTheme.levels.header) - 2, ";;label:fixed;"),

package/es/components/breadcrumbs/_breadcrumb_content.styles.js

@@ -7,16 +7,14 @@
  */
 
 import { css } from '@emotion/react';
-import { tintOrShade } from '../../services/color';
 import { euiFontSize, euiTextTruncate, euiFocusRing, logicalCSS, logicalBorderRadiusCSS, mathWithUnits } from '../../global_styling';
-import { euiButtonColor } from '../../themes/amsterdam/global_styling/mixins/button';
+import { euiButtonColor } from '../../global_styling/mixins/_button';
 
 /**
  * Styles cast to inner <a>, <button>, <span> elements
  */
 export var euiBreadcrumbContentStyles = function euiBreadcrumbContentStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme,
-    colorMode = euiThemeContext.colorMode;
+  var euiTheme = euiThemeContext.euiTheme;
 
   // Reuse button colors for `type="application`" clickable breadcrumbs
   var applicationButtonColors = euiButtonColor(euiThemeContext, 'primary');
@@ -24,11 +22,11 @@ export var euiBreadcrumbContentStyles = function euiBreadcrumbContentStyles(euiT
   // Create custom darker gray colors for non-clickable application breadcrumbs
   // The numbers/ratios are fairly specific here to pass WCAG AA contrast minimums
   var applicationTextColors = {
-    backgroundColor: tintOrShade(euiTheme.colors.darkestShade, colorMode === 'DARK' ? 0.7 : 0.85, colorMode),
-    color: tintOrShade(euiTheme.colors.darkestShade, 0.2, colorMode)
+    backgroundColor: euiTheme.components.breadcrumbsApplicationBackground,
+    color: euiTheme.components.breadcrumbsApplicationColor
   };
   return {
-    euiBreadcrumb__content: /*#__PURE__*/css("font-weight:", euiTheme.font.weight.regular, ";text-align:center;vertical-align:baseline;&:not(.euiLink){color:", euiTheme.colors.subduedText, ";};label:euiBreadcrumb__content;"),
+    euiBreadcrumb__content: /*#__PURE__*/css("font-weight:", euiTheme.font.weight.regular, ";text-align:center;vertical-align:baseline;&:not(.euiLink){color:", euiTheme.colors.textSubdued, ";};label:euiBreadcrumb__content;"),
     // Truncation styles
     isTruncated: /*#__PURE__*/css(euiTextTruncate(mathWithUnits(euiTheme.size.base, function (x) {
       return x * 10;

package/es/components/button/button.js

@@ -13,7 +13,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import React from 'react';
 import PropTypes from "prop-types";
 import classNames from 'classnames';
-import { BUTTON_COLORS, useEuiButtonColorCSS, useEuiButtonFocusCSS } from '../../themes/amsterdam/global_styling/mixins/button';
+import { BUTTON_COLORS, useEuiButtonColorCSS, useEuiButtonFocusCSS } from '../../global_styling/mixins/_button';
 import { EuiButtonDisplay, isButtonDisabled } from './button_display/_button_display';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var COLORS = BUTTON_COLORS;

package/es/components/button/button_display/_button_display.styles.js

@@ -8,7 +8,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 import { css } from '@emotion/react';
 import { euiFontSize, logicalCSS, logicalShorthandCSS, logicalTextAlignCSS } from '../../../global_styling';
-import { euiButtonSizeMap } from '../../../themes/amsterdam/global_styling/mixins';
+import { euiButtonSizeMap } from '../../../global_styling/mixins';
 // Provides a solid reset and base for handling sizing layout
 // Does not include any visual styles
 export var euiButtonBaseCSS = function euiButtonBaseCSS() {

package/es/components/button/button_empty/button_empty.js

@@ -21,7 +21,7 @@ import PropTypes from "prop-types";
 import classNames from 'classnames';
 import { useEuiMemoizedStyles, getSecureRelForTarget } from '../../../services';
 import { EuiButtonDisplayContent } from '../button_display/_button_display_content';
-import { useEuiButtonColorCSS } from '../../../themes/amsterdam/global_styling/mixins/button';
+import { useEuiButtonColorCSS } from '../../../global_styling/mixins/_button';
 import { isButtonDisabled } from '../button_display/_button_display';
 import { euiButtonEmptyStyles } from './button_empty.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";

package/es/components/button/button_group/button_group_button.js

@@ -26,7 +26,7 @@ import classNames from 'classnames';
 import PropTypes from "prop-types";
 import React from 'react';
 import { useEuiMemoizedStyles } from '../../../services';
-import { useEuiButtonColorCSS } from '../../../themes/amsterdam/global_styling/mixins/button';
+import { useEuiButtonColorCSS } from '../../../global_styling/mixins/_button';
 import { useInnerText } from '../../inner_text';
 import { EuiButtonDisplay } from '../button_display/_button_display';
 import { euiButtonGroupButtonStyles, _compressedButtonFocusColors } from './button_group_button.styles';