@elastic/eui 102.1.0-snapshot.1746441787383 → 102.2.0

package/optimize/es/themes/json/eui_theme_borealis_light.json

@@ -0,0 +1,427 @@
+{
+  "euiZDataGrid": 999,
+  "euiZHeaderBelowDataGrid": 998,
+  "euiZDataGridCellPopover": 1000,
+  "euiDataGridCellPaddingS": "4px",
+  "euiDataGridCellPaddingM": "6px",
+  "euiDataGridCellPaddingL": "8px",
+  "euiTableHoverColor": "rgba(54, 95, 178, 0.06)",
+  "euiTableSelectedColor": "#EDEFF3",
+  "euiTableHoverSelectedColor": "rgba(54, 95, 178, 0.06)",
+  "euiTableActionsBorderColor": "#E3E8F2",
+  "euiTableHoverClickableColor": "rgba(54, 95, 178, 0.06)",
+  "euiTableFocusClickableColor": "rgba(54, 95, 178, 0.06)",
+  "euiContrastRatioText": 4.5,
+  "euiContrastRatioGraphic": 3,
+  "euiContrastRatioDisabled": 2,
+  "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
+  "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
+  "euiAnimSpeedExtraFast": "90ms",
+  "euiAnimSpeedFast": "150ms",
+  "euiAnimSpeedNormal": "250ms",
+  "euiAnimSpeedSlow": "350ms",
+  "euiAnimSpeedExtraSlow": "500ms",
+  "euiBorderWidthThin": "1px",
+  "euiBorderWidthThick": "2px",
+  "euiBorderColor": "#E3E8F2",
+  "euiBorderRadius": "4px",
+  "euiBorderRadiusSmall": "4px",
+  "euiBorderThick": "2px solid #E3E8F2",
+  "euiBorderThin": "1px solid #E3E8F2",
+  "euiBorderEditable": "2px dotted #E3E8F2",
+  "euiButtonHeight": "40px",
+  "euiButtonHeightSmall": "32px",
+  "euiButtonHeightXSmall": "24px",
+  "euiButtonColorDisabled": "#ECF1F9",
+  "euiButtonColorDisabledText": "#798EAF",
+  "euiButtonColorGhostDisabled": "#ECF1F9",
+  "euiButtonTypes": {
+    "primary": "#0B64DD",
+    "accent": "#BC1E70",
+    "accentSecondary": "#008B87",
+    "neutral": "#1C8CB5",
+    "success": "#008A5E",
+    "warning": "#FACB3D",
+    "risk": "#ED6723",
+    "danger": "#C61E25",
+    "ghost": "#ffffff",
+    "text": "#5A6D8C"
+  },
+  "euiFontWeightLight": 300,
+  "euiFontWeightRegular": 400,
+  "euiFontWeightMedium": 450,
+  "euiFontWeightSemiBold": 500,
+  "euiFontWeightBold": 600,
+  "euiCodeFontWeightRegular": 400,
+  "euiCodeFontWeightBold": 600,
+  "euiFormMaxWidth": "400px",
+  "euiFormControlHeight": "40px",
+  "euiFormControlCompressedHeight": "32px",
+  "euiFormControlPadding": "12px",
+  "euiFormControlCompressedPadding": "8px",
+  "euiFormControlBorderRadius": "4px",
+  "euiFormControlCompressedBorderRadius": "4px",
+  "euiRadioSize": "16px",
+  "euiCheckBoxSize": "16px",
+  "euiCheckboxBorderRadius": "4px",
+  "euiSwitchHeight": "20px",
+  "euiSwitchWidth": "44px",
+  "euiSwitchThumbSize": "20px",
+  "euiSwitchIconHeight": "16px",
+  "euiSwitchHeightCompressed": "16px",
+  "euiSwitchWidthCompressed": "28px",
+  "euiSwitchThumbSizeCompressed": "16px",
+  "euiSwitchHeightMini": "10px",
+  "euiSwitchWidthMini": "22px",
+  "euiSwitchThumbSizeMini": "10px",
+  "euiFormBackgroundColor": "#F6F9FC",
+  "euiFormBackgroundDisabledColor": "#ECF1F9",
+  "euiFormBackgroundReadOnlyColor": "#FFFFFF",
+  "euiFormBorderOpaqueColor": "#1c2390",
+  "euiFormBorderColor": "#CAD3E2",
+  "euiFormBorderDisabledColor": "#CAD3E2",
+  "euiFormCustomControlDisabledIconColor": "#798EAF",
+  "euiFormCustomControlBorderColor": "#CAD3E2",
+  "euiFormControlDisabledColor": "#CAD3E2",
+  "euiFormControlBoxShadow": "0 0 rgba(0, 0, 0, 0)",
+  "euiFormControlPlaceholderText": "#5A6D8C",
+  "euiFormInputGroupLabelBackground": "#ECF1F9",
+  "euiFormInputGroupBorder": "none",
+  "euiSwitchOffColor": "#5A6D8C",
+  "euiFormControlIconSizes": {
+    "small": "12px",
+    "medium": "16px",
+    "large": "24px",
+    "xLarge": "32px",
+    "xxLarge": "40px"
+  },
+  "euiFormControlLayoutGroupInputHeight": "38px",
+  "euiFormControlLayoutGroupInputCompressedHeight": "30px",
+  "euiFormControlLayoutGroupInputCompressedBorderRadius": "2px",
+  "euiHeaderBackgroundColor": "#FFFFFF",
+  "euiHeaderDarkBackgroundColor": "#0B1628",
+  "euiHeaderBorderColor": "#E3E8F2",
+  "euiHeaderBreadcrumbColor": "#D9E8FF",
+  "euiHeaderHeight": "48px",
+  "euiHeaderChildSize": "40px",
+  "euiHeaderHeightCompensation": "48px",
+  "euiPageDefaultMaxWidth": "1200px",
+  "euiPageSidebarMinWidth": "192px",
+  "euiPanelPaddingModifiers": {
+    "paddingSmall": "8px",
+    "paddingMedium": "16px",
+    "paddingLarge": "24px"
+  },
+  "euiPanelBorderRadiusModifiers": {
+    "borderRadiusNone": 0,
+    "borderRadiusMedium": "4px"
+  },
+  "euiPanelBackgroundColorModifiers": {
+    "transparent": "rgba(0, 0, 0, 0)",
+    "plain": "#FFFFFF",
+    "subdued": "#F6F9FC",
+    "accent": "#FFEBF5",
+    "accentSecondary": "#E2F9F7",
+    "primary": "#E8F1FF",
+    "success": "#E2F8F0",
+    "warning": "#FDF3D8",
+    "danger": "#FFE8E5"
+  },
+  "euiBreakpoints": {
+    "xs": 0,
+    "s": "575px",
+    "m": "768px",
+    "l": "992px",
+    "xl": "1200px"
+  },
+  "euiBreakpointKeys": "'xs', 's', 'm', 'l', 'xl'",
+  "euiShadowColor": "#000000",
+  "euiSize": "16px",
+  "euiSizeXS": "4px",
+  "euiSizeS": "8px",
+  "euiSizeM": "12px",
+  "euiSizeL": "24px",
+  "euiSizeXL": "32px",
+  "euiSizeXXL": "40px",
+  "euiScrollBar": "16px",
+  "euiScrollBarCorner": "4px",
+  "euiScrollBarCornerThin": "6px",
+  "euiFocusRingColor": "#1750BA",
+  "euiFocusRingAnimStartColor": "rgba(0, 0, 0, 0)",
+  "euiFocusRingAnimStartSize": "2px",
+  "euiFocusRingAnimStartSizeLarge": "10px",
+  "euiFocusRingSizeLarge": "4px",
+  "euiFocusRingSize": "2px",
+  "euiFocusTransparency": 0.9,
+  "euiFocusTransparencyPercent": "90%",
+  "euiFocusBackgroundColor": "#ECF1F9",
+  "euiFontFamily": "'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+  "euiCodeFontFamily": "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace",
+  "euiFontFeatureSettings": "calt 1 kern 1 liga 1",
+  "euiTextScale": "1,875, 1.5, 1.25, 1, .875, .75",
+  "euiFontSize": "14px",
+  "euiFontSizeXS": "12px",
+  "euiFontSizeS": "14px",
+  "euiFontSizeM": "16px",
+  "euiFontSizeL": "20px",
+  "euiFontSizeXL": "24px",
+  "euiFontSizeXXL": "30px",
+  "euiLineHeight": 1.5,
+  "euiBodyLineHeight": 1.142857143,
+  "euiTitles": {
+    "xxxs": {
+      "font-size": "12px",
+      "line-height": "1.1429rem",
+      "font-weight": 600
+    },
+    "xxs": {
+      "font-size": "14px",
+      "line-height": "1.4286rem",
+      "font-weight": 600
+    },
+    "xs": {
+      "font-size": "16px",
+      "line-height": "1.7143rem",
+      "font-weight": 600
+    },
+    "s": {
+      "font-size": "20px",
+      "line-height": "1.7143rem",
+      "font-weight": 600
+    },
+    "m": {
+      "font-size": "24px",
+      "line-height": "2rem",
+      "font-weight": 600
+    },
+    "l": {
+      "font-size": "30px",
+      "line-height": "2.5714rem",
+      "font-weight": 600
+    }
+  },
+  "euiZLevel0": 0,
+  "euiZLevel1": 1000,
+  "euiZLevel2": 2000,
+  "euiZLevel3": 3000,
+  "euiZLevel4": 4000,
+  "euiZLevel5": 5000,
+  "euiZLevel6": 6000,
+  "euiZLevel7": 7000,
+  "euiZLevel8": 8000,
+  "euiZLevel9": 9000,
+  "euiZToastList": 9000,
+  "euiZModal": 8000,
+  "euiZMask": 6000,
+  "euiZNavigation": 6000,
+  "euiZContentMenu": 2000,
+  "euiZHeader": 1000,
+  "euiZFlyout": 1000,
+  "euiZMaskBelowHeader": 1000,
+  "euiZContent": 0,
+  "euiPaletteColorBlind": {
+    "euiColorVis0": {
+      "graphic": "#16C5C0",
+      "behindText": "#16C5C0"
+    },
+    "euiColorVis1": {
+      "graphic": "#98E6E2",
+      "behindText": "#98E6E2"
+    },
+    "euiColorVis2": {
+      "graphic": "#61A2FF",
+      "behindText": "#61A2FF"
+    },
+    "euiColorVis3": {
+      "graphic": "#BFDBFF",
+      "behindText": "#BFDBFF"
+    },
+    "euiColorVis4": {
+      "graphic": "#EE72A6",
+      "behindText": "#EE72A6"
+    },
+    "euiColorVis5": {
+      "graphic": "#FFC7DB",
+      "behindText": "#FFC7DB"
+    },
+    "euiColorVis6": {
+      "graphic": "#F6726A",
+      "behindText": "#F6726A"
+    },
+    "euiColorVis7": {
+      "graphic": "#FFC9C2",
+      "behindText": "#FFC9C2"
+    },
+    "euiColorVis8": {
+      "graphic": "#EAAE01",
+      "behindText": "#EAAE01"
+    },
+    "euiColorVis9": {
+      "graphic": "#FCD883",
+      "behindText": "#FCD883"
+    }
+  },
+  "euiPaletteColorBlindKeys": "'euiColorVis0', 'euiColorVis1', 'euiColorVis2', 'euiColorVis3', 'euiColorVis4', 'euiColorVis5', 'euiColorVis6', 'euiColorVis7', 'euiColorVis8', 'euiColorVis9'",
+  "euiColorVis0": "#16C5C0",
+  "euiColorVis1": "#A6EDEA",
+  "euiColorVis2": "#61A2FF",
+  "euiColorVis3": "#BFDBFF",
+  "euiColorVis4": "#EE72A6",
+  "euiColorVis5": "#FFC7DB",
+  "euiColorVis6": "#F6726A",
+  "euiColorVis7": "#FFC9C2",
+  "euiColorVis8": "#EAAE01",
+  "euiColorVis9": "#FCD883",
+  "euiColorVis0_behindText": "#16C5C0",
+  "euiColorVis1_behindText": "#A6EDEA",
+  "euiColorVis2_behindText": "#61A2FF",
+  "euiColorVis3_behindText": "#B4D5FF",
+  "euiColorVis4_behindText": "#EE72A6",
+  "euiColorVis5_behindText": "#FFC7DB",
+  "euiColorVis6_behindText": "#F6726A",
+  "euiColorVis7_behindText": "#FFC9C2",
+  "euiColorVis8_behindText": "#EAAE01",
+  "euiColorVis9_behindText": "#FCD883",
+  "euiColorVisAsTextLight0": "#047471",
+  "euiColorVisAsTextLight1": "#1750BA",
+  "euiColorVisAsTextLight2": "#A11262",
+  "euiColorVisAsTextLight3": "#A71627",
+  "euiColorVisAsTextLight4": "#825803",
+  "euiColorVisAsTextLight5": "#09724D",
+  "euiColorVisAsTextLight6": "#6B3C9F",
+  "euiColorVisAsTextDark0": "#16C5C0",
+  "euiColorVisAsTextDark1": "#61A2FF",
+  "euiColorVisAsTextDark2": "#EE72A6",
+  "euiColorVisAsTextDark3": "#F6726A",
+  "euiColorVisAsTextDark4": "#EAAE01",
+  "euiColorVisAsTextDark5": "#24C292",
+  "euiColorVisAsTextDark6": "#B084F5",
+  "euiColorVisSuccess0": "#24C292",
+  "euiColorVisSuccess1": "#AEE8D2",
+  "euiColorVisWarning0": "#FCD883",
+  "euiColorVisDanger0": "#F6726A",
+  "euiColorVisDanger1": "#FFC9C2",
+  "euiColorVisNeutral0": "#F6F9FC",
+  "euiColorVisGrey0": "#CAD3E2",
+  "euiColorVisGrey1": "#8E9FBC",
+  "euiColorVisGrey2": "#5A6D8C",
+  "euiColorVisGrey3": "#1D2A3E",
+  "euiColorVisWarm0": "#FFE8E5",
+  "euiColorVisWarm1": "#FFB5AD",
+  "euiColorVisWarm2": "#F6726A",
+  "euiColorVisCool0": "#E8F1FF",
+  "euiColorVisCool1": "#A3CBFF",
+  "euiColorVisCool2": "#61A2FF",
+  "euiColorVisComplementary0": "#61A2FF",
+  "euiColorVisComplementary1": "#EAAE01",
+  "euiColorSeverityUnknown": "#E3E8F2",
+  "euiColorSeverityNeutral": "#B5E5F2",
+  "euiColorSeveritySuccess": "#24C292",
+  "euiColorSeverityWarning": "#FCD883",
+  "euiColorSeverityRisk": "#FF995E",
+  "euiColorSeverityDanger": "#EE4C48",
+  "euiColorChartLines": "#CAD3E2",
+  "euiColorChartBand": "#F6F9FC",
+  "euiColorGhost": "#FFFFFF",
+  "euiColorInk": "#000000",
+  "euiColorPrimary": "#0B64DD",
+  "euiColorAccent": "#BC1E70",
+  "euiColorAccentSecondary": "#008B87",
+  "euiColorSuccess": "#008A5E",
+  "euiColorWarning": "#FACB3D",
+  "euiColorDanger": "#C61E25",
+  "euiColorEmptyShade": "#FFFFFF",
+  "euiColorLightestShade": "#ECF1F9",
+  "euiColorLightShade": "#CAD3E2",
+  "euiColorMediumShade": "#8E9FBC",
+  "euiColorDarkShade": "#5A6D8C",
+  "euiColorDarkestShade": "#2B394F",
+  "euiColorFullShade": "#07101F",
+  "euiPageBackgroundColor": "#F6F9FC",
+  "euiColorHighlight": "#E8F1FF",
+  "euiTextColor": "#1D2A3E",
+  "euiTitleColor": "#111C2C",
+  "euiTextSubduedColor": "#516381",
+  "euiColorDisabled": "#E3E8F2",
+  "euiColorPrimaryText": "#1750BA",
+  "euiColorSuccessText": "#09724D",
+  "euiColorAccentText": "#A11262",
+  "euiColorWarningText": "#6A4906",
+  "euiColorDangerText": "#A71627",
+  "euiColorDisabledText": "#798EAF",
+  "euiLinkColor": "#0B64DD",
+  "euiColorPlainLight": "#FFFFFF",
+  "euiColorPlainDark": "#07101F",
+  "euiColorTextPrimary": "#1750BA",
+  "euiColorTextAccent": "#A11262",
+  "euiColorTextAccentSecondary": "#047471",
+  "euiColorTextNeutral": "#0F658A",
+  "euiColorTextSuccess": "#09724D",
+  "euiColorTextWarning": "#6A4906",
+  "euiColorTextRisk": "#9E3A16",
+  "euiColorTextDanger": "#A71627",
+  "euiColorTextParagraph": "#1D2A3E",
+  "euiColorTextHeading": "#111C2C",
+  "euiColorTextSubdued": "#516381",
+  "euiColorTextDisabled": "#798EAF",
+  "euiColorTextInverse": "#FFFFFF",
+  "euiColorBackgroundBasePrimary": "#E8F1FF",
+  "euiColorBackgroundBaseAccent": "#FFEBF5",
+  "euiColorBackgroundBaseAccentSecondary": "#E2F9F7",
+  "euiColorBackgroundBaseNeutral": "#E5F6FA",
+  "euiColorBackgroundBaseSuccess": "#E2F8F0",
+  "euiColorBackgroundBaseWarning": "#FDF3D8",
+  "euiColorBackgroundBaseRisk": "#FFEDD6",
+  "euiColorBackgroundBaseDanger": "#FFE8E5",
+  "euiColorBackgroundBaseSubdued": "#F6F9FC",
+  "euiColorBackgroundBasePlain": "#FFFFFF",
+  "euiColorBackgroundBaseDisabled": "#ECF1F9",
+  "euiColorBackgroundBaseHighlighted": "#F6F9FC",
+  "euiColorBackgroundBaseFormsPrepend": "#ECF1F9",
+  "euiColorBackgroundBaseFormsControlDisabled": "#CAD3E2",
+  "euiColorBackgroundBaseInteractiveHover": "rgba(23,80,186, 0.04)",
+  "euiColorBackgroundBaseInteractiveSelect": "#E8F1FF",
+  "euiColorBackgroundBaseInteractiveOverlay": "rgba(72,89,117, 0.7)",
+  "euiColorBackgroundBaseSkeletonEdge": "rgba(72,89,117, 0.16)",
+  "euiColorBackgroundBaseSkeletonMiddle": "rgba(72,89,117, 0.04)",
+  "euiColorBackgroundLightPrimary": "#D9E8FF",
+  "euiColorBackgroundLightAccent": "#FDDDE9",
+  "euiColorBackgroundLightAccentSecondary": "#C9F3F0",
+  "euiColorBackgroundLightNeutral": "#CFEEF7",
+  "euiColorBackgroundLightSuccess": "#C9F3E3",
+  "euiColorBackgroundLightWarning": "#FDE9B5",
+  "euiColorBackgroundLightRisk": "#FFDEBF",
+  "euiColorBackgroundLightDanger": "#FDDDD8",
+  "euiColorBackgroundLightText": "#E3E8F2",
+  "euiColorBackgroundFilledPrimary": "#0B64DD",
+  "euiColorBackgroundFilledAccent": "#BC1E70",
+  "euiColorBackgroundFilledAccentSecondary": "#008B87",
+  "euiColorBackgroundFilledNeutral": "#1C8CB5",
+  "euiColorBackgroundFilledSuccess": "#008A5E",
+  "euiColorBackgroundFilledWarning": "#FACB3D",
+  "euiColorBackgroundFilledRisk": "#ED6723",
+  "euiColorBackgroundFilledDanger": "#C61E25",
+  "euiColorBackgroundFilledText": "#5A6D8C",
+  "euiColorBorderBasePrimary": "#BFDBFF",
+  "euiColorBorderBaseAccent": "#FFC7DB",
+  "euiColorBorderBaseAccentSecondary": "#A6EDEA",
+  "euiColorBorderBaseNeutral": "#B5E5F2",
+  "euiColorBorderBaseSuccess": "#AEE8D2",
+  "euiColorBorderBaseWarning": "#FCD883",
+  "euiColorBorderBaseRisk": "#FFCDA1",
+  "euiColorBorderBaseDanger": "#FFC9C2",
+  "euiColorBorderBasePlain": "#CAD3E2",
+  "euiColorBorderBaseSubdued": "#E3E8F2",
+  "euiColorBorderBaseDisabled": "#CAD3E2",
+  "euiColorBorderBaseFloating": "transparent",
+  "euiColorBorderBaseFormsColorSwatch": "rgba(72,89,117, 0.24)",
+  "euiColorBorderBaseFormsControl": "#8E9FBC",
+  "euiColorBorderStrongPrimary": "#1750BA",
+  "euiColorBorderStrongAccent": "#A11262",
+  "euiColorBorderStrongAccentSecondary": "#047471",
+  "euiColorBorderStrongNeutral": "#0F658A",
+  "euiColorBorderStrongSuccess": "#09724D",
+  "euiColorBorderStrongWarning": "#825803",
+  "euiColorBorderStrongRisk": "#9E3A16",
+  "euiColorBorderStrongDanger": "#A71627"
+}

package/optimize/lib/components/badge/color_utils.js

@@ -32,6 +32,7 @@ var euiBadgeColors = exports.euiBadgeColors = function euiBadgeColors(euiThemeCo
     risk: (0, _button.euiButtonFillColor)(euiThemeContext, 'risk'),
     danger: (0, _button.euiButtonFillColor)(euiThemeContext, 'danger'),
     accent: (0, _button.euiButtonFillColor)(euiThemeContext, 'accent'),
+    accentSecondary: (0, _button.euiButtonFillColor)(euiThemeContext, 'accentSecondary'),
     disabled: _objectSpread(_objectSpread({}, (0, _button.euiButtonColor)(euiThemeContext, 'disabled')), {}, {
       borderColor: highContrastMode ? euiTheme.colors.textDisabled : ''
     }),
@@ -49,7 +50,8 @@ var euiBadgeColors = exports.euiBadgeColors = function euiBadgeColors(euiThemeCo
     }),
     accentText: _objectSpread(_objectSpread({}, badgeColorsAccentText), {}, {
       borderColor: highContrastMode ? badgeColorsAccentText.backgroundColor : ''
-    })
+    }),
+    accentSecondaryText: getBadgeColors(euiThemeContext, euiTheme.colors.textAccentSecondary)
   };
 };
 var getBadgeColors = exports.getBadgeColors = function getBadgeColors(euiThemeContext, backgroundColor) {

package/optimize/lib/components/badge/notification_badge/badge_notification.styles.js

@@ -7,7 +7,6 @@ exports.euiNotificationBadgeStyles = void 0;
 var _react = require("@emotion/react");
 var _global_styling = require("../../../global_styling");
 var _high_contrast = require("../../../global_styling/functions/high_contrast");
-var _services = require("../../../services");
 var _color_utils = require("../color_utils");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -19,13 +18,9 @@ var _color_utils = require("../color_utils");
 
 var euiNotificationBadgeStyles = exports.euiNotificationBadgeStyles = function euiNotificationBadgeStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'buttonVariant');
   var badgeColors = (0, _color_utils.euiBadgeColors)(euiThemeContext);
-  var borderRadius = isRefreshVariant ? (0, _global_styling.mathWithUnits)(euiTheme.border.radius.small, function (x) {
-    return x / 2;
-  }) : euiTheme.border.radius.small;
   return {
-    euiNotificationBadge: /*#__PURE__*/(0, _react.css)("flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), " border-radius:", borderRadius, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
+    euiNotificationBadge: /*#__PURE__*/(0, _react.css)("flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), " border-radius:", euiTheme.border.radius.small, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
       preferred: "\n          border: ".concat(euiTheme.border.thin, ";\n          overflow: hidden; /* Fix text clipping */\n        ")
     }), " cursor:default;font-size:", (0, _global_styling.euiFontSizeFromScale)('xs', euiTheme), ";font-weight:", euiTheme.font.weight.medium, ";", (0, _global_styling.euiNumberFormat)(euiThemeContext), " text-align:center;", _global_styling.euiCanAnimate, "{transition:all ", euiTheme.animation.fast, " ease-in;};label:euiNotificationBadge;"),
     // Sizes

package/optimize/lib/components/breadcrumbs/_breadcrumb_content.styles.js

@@ -7,6 +7,7 @@ exports.euiBreadcrumbPopoverStyles = exports.euiBreadcrumbContentStyles = void 0
 var _react = require("@emotion/react");
 var _global_styling = require("../../global_styling");
 var _high_contrast = require("../../global_styling/functions/high_contrast");
+var _button = require("../../themes/amsterdam/global_styling/mixins/button");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -23,11 +24,7 @@ var euiBreadcrumbContentStyles = exports.euiBreadcrumbContentStyles = function e
     highContrastMode = euiThemeContext.highContrastMode;
 
   // Reuse button colors for `type="application`" clickable breadcrumbs
-  var buttonColors = (0, _global_styling.euiButtonColor)(euiThemeContext, 'primary');
-  var applicationButtonColors = {
-    backgroundColor: euiTheme.colors.backgroundLightPrimary,
-    color: buttonColors.color
-  };
+  var applicationButtonColors = (0, _button.euiButtonColor)(euiThemeContext, 'primary');
 
   // Create custom darker gray colors for non-clickable application breadcrumbs
   // The numbers/ratios are fairly specific here to pass WCAG AA contrast minimums

package/optimize/lib/components/button/button_display/_button_display.js

@@ -79,7 +79,7 @@ var EuiButtonDisplay = exports.EuiButtonDisplay = /*#__PURE__*/(0, _react.forwar
     isLoading: isLoading
   });
   var styles = (0, _services.useEuiMemoizedStyles)(_button_display.euiButtonDisplayStyles);
-  var cssStyles = [styles.euiButtonDisplay, styles[size], fullWidth && styles.fullWidth, minWidth == null && [styles.defaultMinWidth.defaultMinWidth, styles.defaultMinWidth[size]], buttonIsDisabled && styles.isDisabled];
+  var cssStyles = [styles.euiButtonDisplay, styles[size], fullWidth && styles.fullWidth, minWidth == null && styles.defaultMinWidth, buttonIsDisabled && styles.isDisabled];
   var innerNode = (0, _react2.jsx)(_button_display_content.EuiButtonDisplayContent, (0, _extends2.default)({
     isLoading: isLoading,
     isDisabled: buttonIsDisabled,

package/optimize/lib/components/button/button_display/_button_display.styles.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.euiButtonDisplayStyles = exports.euiButtonBaseCSS = void 0;
 var _react = require("@emotion/react");
-var _services = require("../../../services");
 var _global_styling = require("../../../global_styling");
 var _mixins = require("../../../global_styling/mixins");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /*
@@ -30,26 +29,18 @@ var _ref = process.env.NODE_ENV === "production" ? {
 };
 var euiButtonDisplayStyles = exports.euiButtonDisplayStyles = function euiButtonDisplayStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'buttonVariant');
   var sizes = (0, _mixins.euiButtonSizeMap)(euiThemeContext);
   var _buttonSize = function _buttonSize(sizeKey) {
     var size = sizes[sizeKey];
     return /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', size.height), " line-height:", size.height, ";", (0, _global_styling.euiFontSize)(euiThemeContext, size.fontScale), " border-radius:", size.radius, ";");
   };
-  var classicVariantStyles = "\n      &:hover:not(:disabled),\n      &:focus {\n        text-decoration: underline;\n      }\n  ";
   return {
     // Base
-    euiButtonDisplay: /*#__PURE__*/(0, _react.css)(euiButtonBaseCSS(), " font-weight:", euiTheme.font.weight.medium, ";", (0, _global_styling.logicalShorthandCSS)('padding', "0 ".concat(euiTheme.size.m)), " ", !isRefreshVariant && classicVariantStyles, ";;label:euiButtonDisplay;"),
+    euiButtonDisplay: /*#__PURE__*/(0, _react.css)(euiButtonBaseCSS(), " font-weight:", euiTheme.font.weight.medium, ";", (0, _global_styling.logicalShorthandCSS)('padding', "0 ".concat(euiTheme.size.m)), " &:hover:not(:disabled),&:focus{text-decoration:underline;};label:euiButtonDisplay;"),
     // States
     isDisabled: _ref,
     fullWidth: /*#__PURE__*/(0, _react.css)("display:block;", (0, _global_styling.logicalCSS)('width', '100%'), ";;label:fullWidth;"),
-    defaultMinWidth: {
-      defaultMinWidth: /*#__PURE__*/(0, _react.css)(";label:defaultMinWidth;"),
-      // Skip css`` for the sizes as we already add classes for sizes and defaultMinWidth
-      xs: "\n        ".concat((0, _global_styling.logicalCSS)('min-width', "".concat(sizes.xs.minWidth, "px")), "\n      "),
-      s: "\n        ".concat((0, _global_styling.logicalCSS)('min-width', "".concat(sizes.s.minWidth, "px")), "\n      "),
-      m: "\n        ".concat((0, _global_styling.logicalCSS)('min-width', "".concat(sizes.m.minWidth, "px")), "\n      ")
-    },
+    defaultMinWidth: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('min-width', "".concat(euiTheme.base * 7, "px")), ";;label:defaultMinWidth;"),
     // Sizes
     xs: /*#__PURE__*/(0, _react.css)(_buttonSize('xs'), ";label:xs;"),
     s: /*#__PURE__*/(0, _react.css)(_buttonSize('s'), ";label:s;"),

package/optimize/lib/components/button/button_display/_button_display_content.styles.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.euiButtonDisplayContentStyles = void 0;
 var _react = require("@emotion/react");
-var _services = require("../../../services");
 var _global_styling = require("../../../global_styling");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -15,12 +14,10 @@ var _global_styling = require("../../../global_styling");
  * Side Public License, v 1.
  */
 
-var euiButtonDisplayContentStyles = exports.euiButtonDisplayContentStyles = function euiButtonDisplayContentStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'buttonVariant');
-  var refreshVariantStyles = "\n      /* ensure content stays ontop of hover pseudo element */\n      position: relative;\n    ";
+var euiButtonDisplayContentStyles = exports.euiButtonDisplayContentStyles = function euiButtonDisplayContentStyles(_ref) {
+  var euiTheme = _ref.euiTheme;
   return {
     // Base
-    euiButtonDisplayContent: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', '100%'), " ", (0, _global_styling.logicalCSS)('width', '100%'), " display:flex;justify-content:center;align-items:center;vertical-align:middle;gap:", euiTheme.size.s, ";", isRefreshVariant && refreshVariantStyles, ";;label:euiButtonDisplayContent;")
+    euiButtonDisplayContent: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', '100%'), " ", (0, _global_styling.logicalCSS)('width', '100%'), " display:flex;justify-content:center;align-items:center;vertical-align:middle;gap:", euiTheme.size.s, ";;label:euiButtonDisplayContent;")
   };
 };

package/optimize/lib/components/button/button_empty/button_empty.styles.js

@@ -5,38 +5,39 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.euiButtonEmptyStyles = void 0;
 var _react = require("@emotion/react");
-var _services = require("../../../services");
 var _global_styling = require("../../../global_styling");
 var _button_display = require("../button_display/_button_display.styles");
-/*
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
  * 2.0 and the Server Side Public License, v 1; you may not use this file except
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1lywbid-flush",
+  styles: "padding-inline:0;label:flush;"
+} : {
+  name: "1lywbid-flush",
+  styles: "padding-inline:0;label:flush;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 var euiButtonEmptyStyles = exports.euiButtonEmptyStyles = function euiButtonEmptyStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var isRefreshVariant = (0, _services.isEuiThemeRefreshVariant)(euiThemeContext, 'buttonVariant');
 
   // EuiButtonEmpty uses the same size/font styling as EuiButtonDisplay,
   // but does not share enough of the same colors/props to the point
   // of using the actual component - so we'll reuse its styles instead
   var displayStyles = (0, _button_display.euiButtonDisplayStyles)(euiThemeContext);
-  var refreshFlushStyles = "\n      /* using duplicate selector to ensure specificity */\n      &&:hover,\n      &&:active {\n        background-color: transparent;\n\n        /* removes hover overlay */\n        &::before {\n          display: none;\n        }\n      }\n\n      &:hover:not(:disabled),\n      &:focus {\n        text-decoration: underline;\n\n        ".concat((0, _global_styling.highContrastModeStyles)(euiThemeContext, {
-    forced: "\n            /* hides HCM hover border, flush buttons use text-decoration */\n            &::after {\n              display: none;\n            }\n          "
-  }), "\n      }\n  ");
   return {
     euiButtonEmpty: /*#__PURE__*/(0, _react.css)(displayStyles.euiButtonDisplay, " ", (0, _global_styling.logicalShorthandCSS)('padding', "0 ".concat(euiTheme.size.s)), _global_styling.euiCanAnimate, "{transition-timing-function:ease-in;transition-duration:", euiTheme.animation.fast, ";};label:euiButtonEmpty;"),
     isDisabled: displayStyles.isDisabled,
     // Sizes
     xs: displayStyles.xs,
     s: displayStyles.s,
-    // uses array here to prevent adding duplicate "m" classname partial
-    m: [displayStyles.m, isRefreshVariant && "\n        ".concat((0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.m), "\n      ")],
+    m: displayStyles.m,
     // Flush sides
-    flush: /*#__PURE__*/(0, _react.css)("padding-inline:0;", isRefreshVariant && refreshFlushStyles, ";;label:flush;"),
+    flush: _ref,
     left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('margin-right', euiTheme.size.s), ";;label:left;"),
     right: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('margin-left', euiTheme.size.s), ";;label:right;"),
     both: /*#__PURE__*/(0, _react.css)(";label:both;")