@elastic/eui 122.0.0 → 122.1.0

package/lib/components/tool_tip/tool_tip.js

@@ -92,6 +92,8 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/(0, _react.forwardRef)(functi
     onMouseOutProp = _ref.onMouseOut,
     onBlurProp = _ref.onBlur,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useEuiTheme = (0, _services.useEuiTheme)(),
+    euiTheme = _useEuiTheme.euiTheme;
   var componentDefaultsContext = (0, _react.useContext)(_component_defaults.EuiComponentDefaultsContext);
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -132,7 +134,8 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/(0, _react.forwardRef)(functi
         offset: offset !== null && offset !== void 0 ? offset : DEFAULT_TOOLTIP_OFFSET,
         arrowConfig: {
           arrowWidth: 12,
-          arrowBuffer: 4
+          arrowBuffer: 4,
+          borderRadius: euiTheme.border.radius.control ? parseFloat(String(euiTheme.border.radius.control)) : undefined
         }
       }),
       position = _findPopoverPosition.position,
@@ -156,7 +159,7 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/(0, _react.forwardRef)(functi
     setCalculatedPosition(position);
     setToolTipStyles(newToolTipStyles);
     setArrowStyles(arrow);
-  }, [positionProp, offset]);
+  }, [euiTheme, positionProp, offset]);
   var setAnchorRef = (0, _react.useCallback)(function (el) {
     anchorRef.current = el;
   }, []);

package/lib/components/tool_tip/tool_tip.styles.js

@@ -33,7 +33,7 @@ var euiToolTipStyles = exports.euiToolTipStyles = function euiToolTipStyles(euiT
   var arrowStyles = (0, _popover._popoverArrowStyles)(euiThemeContext, arrowSize);
   return {
     // Base
-    euiToolTip: /*#__PURE__*/(0, _react.css)(hasShadow ? (0, _euiThemeCommon.euiShadow)(euiThemeContext) : '', " border-radius:", euiTheme.border.radius.medium, ";background-color:", euiToolTipBackgroundColor(euiTheme), ";color:", euiTheme.colors.textGhost, ";z-index:", euiTheme.levels.toast, ";", (0, _global_styling.logicalCSS)('max-width', '256px'), " overflow-wrap:break-word;padding:", euiTheme.size.s, ";", (0, _global_styling.euiFontSize)(euiThemeContext, 'xs'), " position:absolute;pointer-events:none;", (0, _panel.euiPanelBorderStyles)(euiThemeContext), " [class*='euiHorizontalRule']{background-color:", euiToolTipBorderColor(euiTheme), ";}", _euiThemeCommon.euiCanAnimate, "{animation:", euiToolTipAnimation, " ", euiTheme.animation.extraFast, " ease-out ", euiTheme.animation.fast, " both;};label:euiToolTip;"),
+    euiToolTip: /*#__PURE__*/(0, _react.css)(hasShadow ? (0, _euiThemeCommon.euiShadow)(euiThemeContext) : '', " border-radius:", euiTheme.border.radius.control, ";background-color:", euiToolTipBackgroundColor(euiTheme), ";color:", euiTheme.colors.textGhost, ";z-index:", euiTheme.levels.toast, ";", (0, _global_styling.logicalCSS)('max-width', '256px'), " overflow-wrap:break-word;padding:", euiTheme.size.s, ";", (0, _global_styling.euiFontSize)(euiThemeContext, 'xs'), " position:absolute;pointer-events:none;", (0, _panel.euiPanelBorderStyles)(euiThemeContext), " [class*='euiHorizontalRule']{background-color:", euiToolTipBorderColor(euiTheme), ";}", _euiThemeCommon.euiCanAnimate, "{animation:", euiToolTipAnimation, " ", euiTheme.animation.extraFast, " ease-out ", euiTheme.animation.fast, " both;};label:euiToolTip;"),
     // Positions - kept for component compatibility. Animation is in the base style.
     top: /*#__PURE__*/(0, _react.css)(";label:top;"),
     bottom: /*#__PURE__*/(0, _react.css)(";label:bottom;"),
@@ -71,11 +71,11 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref4 = process.env.NODE_ENV === "production" ? {
-  name: "1s3i3p5-euiToolTipAnchor",
-  styles: "*[disabled]{pointer-events:none;};label:euiToolTipAnchor;"
+  name: "rwadfc-euiToolTipAnchor",
+  styles: "*[disabled],*[aria-disabled='true']{pointer-events:none;};label:euiToolTipAnchor;"
 } : {
-  name: "1s3i3p5-euiToolTipAnchor",
-  styles: "*[disabled]{pointer-events:none;};label:euiToolTipAnchor;",
+  name: "rwadfc-euiToolTipAnchor",
+  styles: "*[disabled],*[aria-disabled='true']{pointer-events:none;};label:euiToolTipAnchor;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var euiToolTipAnchorStyles = exports.euiToolTipAnchorStyles = function euiToolTipAnchorStyles() {

package/lib/components/tour/_tour_footer.styles.js

@@ -22,6 +22,6 @@ var euiTourFooterStyles = exports.euiTourFooterStyles = function euiTourFooterSt
   var euiTheme = euiThemeContext.euiTheme;
   return {
     // Base
-    euiTourFooter: /*#__PURE__*/(0, _react.css)("background-color:", _tourFooterBgColor(euiThemeContext), ";", (0, _global_styling.logicalCSS)('border-bottom-left-radius', euiTheme.border.radius.medium), " ", (0, _global_styling.logicalCSS)('border-bottom-right-radius', euiTheme.border.radius.medium), ";;label:euiTourFooter;")
+    euiTourFooter: /*#__PURE__*/(0, _react.css)("background-color:", _tourFooterBgColor(euiThemeContext), ";", (0, _global_styling.logicalCSS)('border-bottom-left-radius', euiTheme.border.radius.panel), " ", (0, _global_styling.logicalCSS)('border-bottom-right-radius', euiTheme.border.radius.panel), ";;label:euiTourFooter;")
   };
 };

package/lib/components/tree_view/tree_view_item.styles.js

@@ -34,8 +34,8 @@ var euiTreeViewItemStyles = exports.euiTreeViewItemStyles = function euiTreeView
     },
     button: {
       euiTreeView__nodeInner: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('width', '100%'), " ", (0, _global_styling.logicalCSS)('padding-left', euiTheme.size.s), " ", (0, _global_styling.logicalCSS)('padding-right', euiTheme.size.xxs), " display:flex;align-items:center;&:focus{", (0, _global_styling.euiFocusRing)(euiThemeContext, 'inset'), ";}&:hover,&:active,&:focus{background-color:", euiTheme.components.treeViewItemBackgroundHover, ";};label:euiTreeView__nodeInner;"),
-      default: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', defaultSize), " gap:", euiTheme.size.s, ";border-radius:", euiTheme.border.radius.medium, ";;label:default;"),
-      compressed: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', compressedSize), " gap:", euiTheme.size.xs, ";border-radius:", euiTheme.border.radius.small, ";;label:compressed;")
+      default: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', defaultSize), " gap:", euiTheme.size.s, ";border-radius:", euiTheme.border.radius.control, ";;label:default;"),
+      compressed: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', compressedSize), " gap:", euiTheme.size.xs, ";border-radius:", euiTheme.border.radius.control, ";;label:compressed;")
     },
     icon: {
       euiTreeView__iconWrapper: /*#__PURE__*/(0, _react.css)("flex-shrink:0;line-height:0;&>*{", (0, _global_styling.logicalCSS)('max-width', '100%'), ";}&>.euiToken{", (0, _global_styling.logicalCSS)('max-height', '100%'), " ", (0, _global_styling.logicalCSS)('height', 'auto'), " svg{", (0, _global_styling.logicalCSS)('width', '100%'), ";}};label:euiTreeView__iconWrapper;"),

package/lib/global_styling/mixins/_button.js

@@ -210,8 +210,10 @@ var euiButtonFocusCSS = function euiButtonFocusCSS(_euiThemeContext) {
 var euiButtonSizeMap = exports.euiButtonSizeMap = function euiButtonSizeMap(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
 
-  // TODO: replace with token once available
-  var radiusInset = '2px';
+  // Used for inset buttons that sit within a parent container
+  var radiusInset = (0, _euiThemeCommon.mathWithUnits)([euiTheme.border.radius.control, euiTheme.size.xxs], function (x, y) {
+    return x - y;
+  });
   var getInsetHeight = function getInsetHeight(height, padding) {
     return (0, _euiThemeCommon.mathWithUnits)([height, padding], function (x, y) {
       return x - y * 2;
@@ -225,7 +227,7 @@ var euiButtonSizeMap = exports.euiButtonSizeMap = function euiButtonSizeMap(euiT
       padding: (0, _euiThemeCommon.mathWithUnits)(euiTheme.size.m, function (x) {
         return x / 2;
       }),
-      radius: euiTheme.border.radius.small,
+      radius: euiTheme.border.radius.control,
       radiusInset: radiusInset,
       fontScale: 'xs'
     },
@@ -234,7 +236,7 @@ var euiButtonSizeMap = exports.euiButtonSizeMap = function euiButtonSizeMap(euiT
       height: euiTheme.size.xl,
       getInsetHeight: getInsetHeight,
       padding: euiTheme.size.s,
-      radius: euiTheme.border.radius.small,
+      radius: euiTheme.border.radius.control,
       radiusInset: radiusInset,
       fontScale: 's'
     },
@@ -243,7 +245,7 @@ var euiButtonSizeMap = exports.euiButtonSizeMap = function euiButtonSizeMap(euiT
       height: euiTheme.size.xxl,
       getInsetHeight: getInsetHeight,
       padding: euiTheme.size.m,
-      radius: euiTheme.border.radius.small,
+      radius: euiTheme.border.radius.control,
       radiusInset: radiusInset,
       fontScale: 's'
     }
@@ -275,7 +277,7 @@ var euiButtonInteractionStyles = exports.euiButtonInteractionStyles = function e
  */
 var highContrastHoverIndicatorStyles = exports.highContrastHoverIndicatorStyles = function highContrastHoverIndicatorStyles(_ref2) {
   var euiTheme = _ref2.euiTheme;
-  return "\n  &:hover:not(".concat(_selectors.euiDisabledSelector, ") {\n    transition: none;\n\n    /* using pseudo border to be able to control the color */\n    &::after {\n      content: '';\n      position: absolute;\n      inset: ").concat(euiTheme.border.width.thin, ";\n      border: ").concat(euiTheme.border.width.thick, " solid var(--highContrastHoverIndicatorColor, ").concat(euiTheme.border.color, ");\n      border-radius: ").concat((0, _euiThemeCommon.mathWithUnits)(euiTheme.border.radius.small, function (x) {
+  return "\n  &:hover:not(".concat(_selectors.euiDisabledSelector, ") {\n    transition: none;\n\n    /* using pseudo border to be able to control the color */\n    &::after {\n      content: '';\n      position: absolute;\n      inset: ").concat(euiTheme.border.width.thin, ";\n      border: ").concat(euiTheme.border.width.thick, " solid var(--highContrastHoverIndicatorColor, ").concat(euiTheme.border.color, ");\n      border-radius: ").concat((0, _euiThemeCommon.mathWithUnits)(euiTheme.border.radius.inline, function (x) {
     return x / 2;
   }), ";\n      background-color: transparent;\n      pointer-events: none;\n    }\n  }\n");
 };

package/lib/services/popover/popover_arrow.styles.js

@@ -26,7 +26,7 @@ var _popoverArrowStyles = exports._popoverArrowStyles = function _popoverArrowSt
   ], function (x, y) {
     return highContrastMode ? x / -2 : x / -2 - y;
   });
-  var arrowBorderRadius = (0, _functions.mathWithUnits)(euiTheme.border.radius.small, function (x) {
+  var arrowBorderRadius = (0, _functions.mathWithUnits)(euiTheme.border.radius.inline, function (x) {
     return x / 2;
   });
   return {

package/lib/services/popover/popover_positioning.js

@@ -12,6 +12,8 @@ exports.getElementZIndex = getElementZIndex;
 exports.getPopoverScreenCoordinates = getPopoverScreenCoordinates;
 exports.getVisibleFit = getVisibleFit;
 exports.intersectBoundingBoxes = intersectBoundingBoxes;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -204,6 +206,24 @@ function findPopoverPosition(_ref) {
   if (returnBoundingBox) {
     bestPosition.anchorBoundingBox = anchorBoundingBox;
   }
+
+  // Adjust the arrow position based on borderRadius to prevent unexpected rough edges.
+  // Done after position selection to ensure it doesn't affect the base panel position.
+  if (arrowConfig !== null && arrowConfig !== void 0 && arrowConfig.borderRadius && bestPosition.arrow) {
+    var crossAxisSide = positionSubstitutes[bestPosition.position];
+    var arrowValue = bestPosition.arrow[crossAxisSide];
+    if (typeof arrowValue === 'number' && arrowValue < arrowConfig.borderRadius) {
+      // Clamp the arrow to the corner and shift the panel by the same amount in the
+      // opposite direction so the arrow still points at the same position on the anchor.
+      var delta = arrowConfig.borderRadius - arrowValue;
+      bestPosition.arrow = _objectSpread(_objectSpread({}, bestPosition.arrow), {}, _defineProperty({}, crossAxisSide, arrowConfig.borderRadius));
+      if (crossAxisSide === 'top') {
+        bestPosition.top -= delta;
+      } else if (crossAxisSide === 'left') {
+        bestPosition.left -= delta;
+      }
+    }
+  }
   return bestPosition;
 }
 /**

package/optimize/es/components/avatar/avatar.styles.js

@@ -58,7 +58,7 @@ export var euiAvatarStyles = function euiAvatarStyles(_ref7) {
   var euiTheme = _ref7.euiTheme;
   var borderRadius = {
     user: '50%',
-    space: euiTheme.border.radius.medium
+    space: euiTheme.border.radius.control
   };
   return {
     // Base

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

@@ -13,18 +13,16 @@ import { euiBadgeColors } from '../color_utils';
 export var euiNotificationBadgeStyles = function euiNotificationBadgeStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   var badgeColors = euiBadgeColors(euiThemeContext);
-  var borderRadius = mathWithUnits(euiTheme.border.radius.small, function (x) {
-    return x / 2;
+  var sizeM = mathWithUnits(euiTheme.size.xs, function (x) {
+    return x + euiTheme.base;
   });
   return {
-    euiNotificationBadge: /*#__PURE__*/css("flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;", logicalCSS('padding-horizontal', euiTheme.size.xs), " border-radius:", borderRadius, ";", highContrastModeStyles(euiThemeContext, {
+    euiNotificationBadge: /*#__PURE__*/css("flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;", logicalCSS('padding-horizontal', euiTheme.size.xs), " ", highContrastModeStyles(euiThemeContext, {
       preferred: "\n          border: ".concat(euiTheme.border.thin, ";\n          overflow: hidden; /* Fix text clipping */\n        ")
     }), " cursor:default;-webkit-text-fill-color:currentColor;font-size:", euiFontSizeFromScale('xs', euiTheme), ";font-weight:", euiTheme.font.weight.medium, ";", euiNumberFormat(euiThemeContext), " text-align:center;", euiCanAnimate, "{transition:all ", euiTheme.animation.fast, " ease-in;};label:euiNotificationBadge;"),
     // Sizes
-    s: /*#__PURE__*/css(logicalCSS('height', euiTheme.size.base), " ", logicalCSS('min-width', euiTheme.size.base), ";;label:s;"),
-    m: /*#__PURE__*/css(logicalCSS('height', mathWithUnits(euiTheme.size.xs, function (x) {
-      return x + euiTheme.base;
-    })), " ", logicalCSS('min-width', euiTheme.size.l), ";;label:m;"),
+    s: /*#__PURE__*/css(logicalCSS('height', euiTheme.size.base), " ", logicalCSS('min-width', euiTheme.size.base), " border-radius:", euiTheme.border.radius.inline, ";;label:s;"),
+    m: /*#__PURE__*/css(logicalCSS('height', sizeM), " ", logicalCSS('min-width', sizeM), " border-radius:", euiTheme.border.radius.control, ";;label:m;"),
     // Colors
     accent: /*#__PURE__*/css(badgeColors.accentText, ";label:accent;"),
     success: /*#__PURE__*/css(badgeColors.fill.success, ";label:success;"),

package/optimize/es/components/banner/banner.styles.js

@@ -42,7 +42,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 export var euiBannerStyles = function euiBannerStyles(_ref3) {
   var euiTheme = _ref3.euiTheme;
   return {
-    euiBanner: /*#__PURE__*/css("container-name:", CONTAINER_NAME, ";container-type:inline-size;position:relative;border:", euiTheme.border.thin, ";border-radius:", euiTheme.border.radius.medium, ";&[data-size='s']{container-name:", CONTAINER_NAME, " ", CONTAINER_NAME, "--s;}&[data-size='m']{container-name:", CONTAINER_NAME, " ", CONTAINER_NAME, "--m;};label:euiBanner;"),
+    euiBanner: /*#__PURE__*/css("container-name:", CONTAINER_NAME, ";container-type:inline-size;position:relative;border:", euiTheme.border.thin, ";border-radius:", euiTheme.border.radius.panel, ";&[data-size='s']{container-name:", CONTAINER_NAME, " ", CONTAINER_NAME, "--s;}&[data-size='m']{container-name:", CONTAINER_NAME, " ", CONTAINER_NAME, "--m;};label:euiBanner;"),
     container: /*#__PURE__*/css("display:flex;flex-direction:column;align-items:stretch;gap:", euiTheme.size.m, ";padding-inline-start:", euiTheme.size.base, ";padding-inline-end:", euiTheme.size.base, ";[data-size='m'] &{padding-block:", euiTheme.size.base, ";}[data-size='s'] &{padding-block:", euiTheme.size.m, ";}", withContainerQuery({
       layout: 'narrow',
       styles: "\n        flex-direction: row;\n        align-items: flex-start;\n        gap: ".concat(euiTheme.size.base, ";\n      ")

package/optimize/es/components/basic_table/basic_table.styles.js

@@ -26,7 +26,7 @@ export var euiBasicTableBodyLoading = function euiBasicTableBodyLoading(euiTheme
 export var euiBasicTableWrapperPanelledStyles = function euiBasicTableWrapperPanelledStyles(responsiveBreakpoint) {
   return function (theme) {
     var euiTheme = theme.euiTheme;
-    var styles = /*#__PURE__*/css("border:", euiTheme.border.thin, ";border-block-end-width:0;padding-block-start:", euiTheme.border.width.thin, ";border-radius:", euiTheme.border.radius.medium, ";.euiTable{border-radius:", euiTheme.border.radius.medium, ";}.", EUI_BASIC_TABLE_PANEL_CLASS_NAME, "+.euiBasicTable &{border-start-start-radius:0;border-start-end-radius:0;.euiTable{border-start-start-radius:0;border-start-end-radius:0;}}&:not(:last-child),&:has(+ .", EUI_BASIC_TABLE_PANEL_CLASS_NAME, "){border-end-start-radius:0;border-end-end-radius:0;.euiTable{border-end-start-radius:0;border-end-end-radius:0;}};label:styles;");
+    var styles = /*#__PURE__*/css("border:", euiTheme.border.thin, ";padding-block-start:", euiTheme.border.width.thin, ";border-radius:", euiTheme.border.radius.panel, ";&:not(:last-child){border-block-end-width:0;}.euiTable{border-radius:", euiTheme.border.radius.panel, ";}.", EUI_BASIC_TABLE_PANEL_CLASS_NAME, "+.euiBasicTable &{border-start-start-radius:0;border-start-end-radius:0;.euiTable,.euiTable__wrapper,.euiTableStickyHeader__container{border-start-start-radius:0;border-start-end-radius:0;}.euiTableHeaderCell[data-sticky='start']{border-start-start-radius:0;}.euiTableHeaderCell[data-sticky='end']{border-start-end-radius:0;}}&:not(:last-child),&:has(+ .", EUI_BASIC_TABLE_PANEL_CLASS_NAME, "){border-end-start-radius:0;border-end-end-radius:0;.euiTable{border-end-start-radius:0;border-end-end-radius:0;}.euiTableFooterCell{&[data-sticky='start'],&:first-child{border-end-start-radius:0;}&[data-sticky='end'],&:last-child{border-end-end-radius:0;}}}.euiTable__wrapper,.euiTableStickyHeader__container{border-start-start-radius:", euiTheme.border.radius.panel, ";border-start-end-radius:", euiTheme.border.radius.panel, ";}.euiTableHeaderCell{&[data-sticky='start']{border-start-start-radius:", euiTheme.border.radius.panel, ";}&[data-sticky='end']{border-start-end-radius:", euiTheme.border.radius.panel, ";}.euiTableCellContent{border-radius:inherit;}}.euiTableFooterCell{&[data-sticky='start'],&:first-child{border-end-start-radius:", euiTheme.border.radius.panel, ";}&[data-sticky='end'],&:last-child{border-end-end-radius:", euiTheme.border.radius.panel, ";}.euiTableCellContent{border-radius:inherit;}};label:styles;");
     if (responsiveBreakpoint === true) {
       return null;
     }

package/optimize/es/components/basic_table/default_item_action.js

@@ -26,7 +26,7 @@ export var DefaultItemAction = function DefaultItemAction(_ref) {
     event.persist(); // TODO: Remove once React 16 support is dropped
     action.onClick(item, event);
   }, [action.onClick, item]);
-  var color = action.color ? callWithItemIfFunction(item)(action.color) : 'primary';
+  var color = action.color ? callWithItemIfFunction(item)(action.color) : 'text';
   var icon = action.icon ? callWithItemIfFunction(item)(action.icon) : undefined;
   var actionContent = callWithItemIfFunction(item)(action.name);
   var tooltipContent = callWithItemIfFunction(item)(action.description);

package/optimize/es/components/basic_table/pagination_bar.styles.js

@@ -16,6 +16,6 @@ export var euiBasicTablePaginationBarStyles = function euiBasicTablePaginationBa
   var euiTheme = theme.euiTheme;
   return {
     root: /*#__PURE__*/css(logicalShorthandCSS('padding', "".concat(euiTheme.size.xs, " ").concat(euiTheme.size.s)), ";;label:root;"),
-    panelled: /*#__PURE__*/css("background:", euiTheme.colors.backgroundBaseSubdued, ";border:", euiTheme.border.thin, ";border-block-start-width:0;", logicalShorthandCSS('border-radius', "0 0 ".concat(euiTheme.border.radius.medium, " ").concat(euiTheme.border.radius.medium)), ";;label:panelled;")
+    panelled: /*#__PURE__*/css("background:", euiTheme.colors.backgroundBaseSubdued, ";border:", euiTheme.border.thin, ";border-block-start-width:0;", logicalShorthandCSS('border-radius', "0 0 ".concat(euiTheme.border.radius.panel, " ").concat(euiTheme.border.radius.panel)), ";;label:panelled;")
   };
 };

package/optimize/es/components/basic_table/panel.styles.js

@@ -10,5 +10,5 @@ import { css } from '@emotion/react';
 import { logicalShorthandCSS } from '../../global_styling';
 export var euiBasicTablePanelStyles = function euiBasicTablePanelStyles(_ref) {
   var euiTheme = _ref.euiTheme;
-  return /*#__PURE__*/css("background-color:", euiTheme.colors.backgroundBaseSubdued, ";border:", euiTheme.border.thin, ";border-block-end-width:0;", logicalShorthandCSS('border-radius', "".concat(euiTheme.border.radius.medium, " ").concat(euiTheme.border.radius.medium, " 0 0")), "&+&{border-start-start-radius:0;border-start-end-radius:0;};label:euiBasicTablePanelStyles;");
+  return /*#__PURE__*/css("background-color:", euiTheme.colors.backgroundBaseSubdued, ";border:", euiTheme.border.thin, ";border-block-end-width:0;", logicalShorthandCSS('border-radius', "".concat(euiTheme.border.radius.panel, " ").concat(euiTheme.border.radius.panel, " 0 0")), "&+&{border-start-start-radius:0;border-start-end-radius:0;};label:euiBasicTablePanelStyles;");
 };

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

@@ -47,19 +47,19 @@ export var euiBreadcrumbContentStyles = function euiBreadcrumbContentStyles(euiT
       return x * 10;
     })), ";;label:isTruncated;"),
     isTruncatedLast: /*#__PURE__*/css(euiTextTruncate('none'), ";;label:isTruncatedLast;"),
-    isInteractive: /*#__PURE__*/css("&:not(:disabled){text-decoration:underline;&[class*='euiLink-subdued']{&:hover,&:focus{color:", euiTheme.colors.textParagraph, ";}}};label:isInteractive;"),
+    isInteractive: /*#__PURE__*/css("&:where(:not(:disabled)){text-decoration:underline dotted;&[class*='euiLink-subdued']{&:hover,&:focus{color:", euiTheme.colors.textPrimary, ";}}};label:isInteractive;"),
     // Types
     page: /*#__PURE__*/css("&:is(a):focus{", euiFocusRing(euiThemeContext, 'inset'), ";}&:is(button):focus{", euiFocusRing(euiThemeContext, 'center'), ";};label:page;"),
     application: /*#__PURE__*/css(euiFontSize(euiThemeContext, 'xs'), " font-weight:", euiTheme.font.weight.medium, ";background-color:", applicationTextColors.backgroundColor, ";", highContrastModeStyles(euiThemeContext, {
       preferred: "border: ".concat(euiTheme.border.width.thin, " solid currentColor;")
-    }), " color:", applicationTextColors.color, ";line-height:", euiTheme.size.base, ";", logicalCSS('padding-vertical', euiTheme.size.xs), " ", logicalCSS('padding-horizontal', euiTheme.size.base), " &:is(a, button){background-color:", applicationButtonColors.backgroundColor, ";color:", applicationButtonColors.color, ";}&:focus{", euiFocusRing(euiThemeContext, 'inset'), ";}&:focus-visible{border-radius:", euiTheme.border.radius.medium, ";clip-path:none;.euiBreadcrumb:has(&){z-index:2;", highContrastModeStyles(euiThemeContext, {
+    }), " color:", applicationTextColors.color, ";line-height:", euiTheme.size.base, ";", logicalCSS('padding-vertical', euiTheme.size.xs), " ", logicalCSS('padding-horizontal', euiTheme.size.base), " &:is(a, button){background-color:", applicationButtonColors.backgroundColor, ";color:", applicationButtonColors.color, ";text-decoration:none;}&:focus{", euiFocusRing(euiThemeContext, 'inset'), ";}&:focus-visible{border-radius:", euiTheme.border.radius.control, ";clip-path:none;.euiBreadcrumb:has(&){z-index:2;", highContrastModeStyles(euiThemeContext, {
       preferred: 'filter: none;'
     }), ";}};label:application;"),
     applicationStyles: {
-      onlyChild: /*#__PURE__*/css("border-radius:", euiTheme.border.radius.medium, ";", logicalCSS('padding-horizontal', euiTheme.size.m), ";;label:onlyChild;"),
-      firstChild: /*#__PURE__*/css(logicalBorderRadiusCSS("".concat(euiTheme.border.radius.medium, " 0 0 ").concat(euiTheme.border.radius.medium), true), " clip-path:polygon(\n          0 0,\n          calc(100% - ", euiTheme.size.s, ") 0,\n          100% 50%,\n          calc(100% - ", euiTheme.size.s, ") 100%,\n          0 100%\n        );", logicalCSS('padding-left', euiTheme.size.m), " ", applicationHighContrastArrow, ";;label:firstChild;"),
+      onlyChild: /*#__PURE__*/css("border-radius:", euiTheme.border.radius.control, ";", logicalCSS('padding-horizontal', euiTheme.size.m), ";;label:onlyChild;"),
+      firstChild: /*#__PURE__*/css(logicalBorderRadiusCSS("".concat(euiTheme.border.radius.control, " 0 0 ").concat(euiTheme.border.radius.control), true), " clip-path:polygon(\n          0 0,\n          calc(100% - ", euiTheme.size.s, ") 0,\n          100% 50%,\n          calc(100% - ", euiTheme.size.s, ") 100%,\n          0 100%\n        );", logicalCSS('padding-left', euiTheme.size.m), " ", applicationHighContrastArrow, ";;label:firstChild;"),
       intermediateChild: "\n        clip-path: polygon(\n          0 0,\n          calc(100% - ".concat(euiTheme.size.s, ") 0,\n          100% 50%,\n          calc(100% - ").concat(euiTheme.size.s, ") 100%,\n          0 100%,\n          ").concat(euiTheme.size.s, " 50%\n        );\n        ").concat(applicationHighContrastArrow, "\n      "),
-      lastChild: /*#__PURE__*/css(logicalBorderRadiusCSS("0 ".concat(euiTheme.border.radius.medium, " ").concat(euiTheme.border.radius.medium, " 0"), true), " clip-path:polygon(\n          0 0,\n          100% 0,\n          100% 100%,\n          0 100%,\n          ", euiTheme.size.s, " 50%\n        );", logicalCSS('padding-right', euiTheme.size.m), ";;label:lastChild;")
+      lastChild: /*#__PURE__*/css(logicalBorderRadiusCSS("0 ".concat(euiTheme.border.radius.control, " ").concat(euiTheme.border.radius.control, " 0"), true), " clip-path:polygon(\n          0 0,\n          100% 0,\n          100% 100%,\n          0 100%,\n          ", euiTheme.size.s, " 50%\n        );", logicalCSS('padding-right', euiTheme.size.m), ";;label:lastChild;")
     }
   };
 };

package/optimize/es/components/breadcrumbs/breadcrumb.styles.js

@@ -14,11 +14,11 @@ import { logicalCSS } from '../../global_styling';
  * Styles cast to <li> element
  */
 var _ref = process.env.NODE_ENV === "production" ? {
-  name: "1k7t4ns-isCollapsed",
-  styles: "flex-shrink:0;label:isCollapsed;"
+  name: "rcrisn-isCollapsed",
+  styles: "flex-shrink:0;.euiLink{text-decoration:none;};label:isCollapsed;"
 } : {
-  name: "1k7t4ns-isCollapsed",
-  styles: "flex-shrink:0;label:isCollapsed;",
+  name: "rcrisn-isCollapsed",
+  styles: "flex-shrink:0;.euiLink{text-decoration:none;};label:isCollapsed;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {

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

@@ -61,7 +61,8 @@ export var EuiButtonDisplay = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     isLoading = _ref2.isLoading,
     isSelected = _ref2.isSelected,
     fullWidth = _ref2.fullWidth,
-    minWidth = _ref2.minWidth,
+    _ref2$minWidth = _ref2.minWidth,
+    minWidth = _ref2$minWidth === void 0 ? false : _ref2$minWidth,
     contentProps = _ref2.contentProps,
     textProps = _ref2.textProps,
     href = _ref2.href,

package/optimize/es/components/button/button_group/button_group.styles.js

@@ -41,7 +41,7 @@ export var euiButtonGroupButtonsStyles = function euiButtonGroupButtonsStyles(eu
       })
     },
     radius: {
-      outer: euiTheme.border.radius.medium,
+      outer: euiTheme.border.radius.control,
       inner: buttonSizeMap.s.radiusInset
     },
     size: {
@@ -65,7 +65,7 @@ export var euiButtonGroupButtonsStyles = function euiButtonGroupButtonsStyles(eu
   var segmentedChildrenStyles = "\n    /* Buttons are used inset and shouldn't have their own borders */\n    .euiButton,\n    .euiButtonIcon {\n      border: none;\n      pointer-events: auto; /* Ensure buttons are still clickable in jsdom */\n\n      &::before {\n        border-radius: inherit;\n      }\n\n      &:focus-visible {\n        outline-offset: 0;\n      }\n    }\n\n    /* Adjust children for inset behavior */\n    ".concat(buttonItemSelector, ",\n    .euiButtonIcon {\n      display: inline-flex;\n      align-items: center;\n      block-size: var(--euiButtonGroupButtonInsetSize);\n      border-radius: ").concat(buttonGroupVariables.radius.inner, ";\n    }\n\n    .euiButtonIcon {\n      inline-size: var(--euiButtonGroupButtonInsetSize);\n    }\n\n    /* Only non-icon buttons auto-grow/shrink */\n    .euiButton,\n    ").concat(buttonOnlyItemSelector, " {\n      flex: 1;\n      min-inline-size: auto;\n    }\n  ");
   return {
     // Base
-    euiButtonGroup__container: /*#__PURE__*/css("&:where(", segmentedStyledSelector, " &){position:relative;display:inline-flex;align-items:center;max-inline-size:100%;z-index:", euiTheme.levels.content, ";padding:", splitPadding, ";border-radius:", buttonGroupVariables.radius.outer, ";background-color:", euiTheme.colors.backgroundBasePlain, ";", containerBorderStyles, ";&:where([data-size='s'] &){--euiButtonGroupButtonInsetSize:", buttonGroupVariables.size.s, ";min-block-size:", buttonSizeMap.s.height, ";}&:where([data-size='m'] &){--euiButtonGroupButtonInsetSize:", buttonGroupVariables.size.m, ";min-block-size:", buttonSizeMap.m.height, ";}}&:where([data-variant='selection'][data-display='inverse'] &){background-color:", euiTheme.colors.backgroundBaseSubdued, ";};label:euiButtonGroup__container;"),
+    euiButtonGroup__container: /*#__PURE__*/css("&:where(", segmentedStyledSelector, " &){position:relative;display:inline-flex;align-items:center;max-inline-size:100%;z-index:", euiTheme.levels.content, ";padding:", splitPadding, ";border-radius:", buttonGroupVariables.radius.outer, ";background-color:", buttonGroupVariables.backgroundColor, ";", containerBorderStyles, ";&:where([data-size='s'] &){--euiButtonGroupButtonInsetSize:", buttonGroupVariables.size.s, ";min-block-size:", buttonSizeMap.s.height, ";}&:where([data-size='m'] &){--euiButtonGroupButtonInsetSize:", buttonGroupVariables.size.m, ";min-block-size:", buttonSizeMap.m.height, ";}}&:where([data-variant='selection'][data-display='inverse'] &){background-color:", euiTheme.colors.backgroundBaseSubdued, ";};label:euiButtonGroup__container;"),
     euiButtonGroup__buttons: /*#__PURE__*/css(logicalCSS('max-width', '100%'), " display:flex;align-items:center;z-index:", euiTheme.levels.content, ";&:where(.euiButtonGroup:not([data-variant]) &){", containerCommonStyles, " padding:", containerPadding, ";border-radius:", buttonGroupVariables.radius.outer, ";background-color:", euiTheme.colors.backgroundBasePlain, ";", containerBorderStyles, ";}&:where([data-variant='default'] &){flex-wrap:wrap;}&:where(", segmentedStyledSelector, " &){flex-wrap:wrap;", containerCommonStyles, " ", segmentedChildrenStyles, " *:where(.euiButton, .euiButtonIcon){&:where(:is(", euiDisabledSelector, "):not([aria-pressed='true'])){background-color:transparent;}}&:where([data-dividers='true'] &){", dividerStyles, ";}&:where([data-layout='vertical'] &){flex-direction:column;.euiButtonGroup__item{justify-content:center;}}}&:where([data-variant='segmented'] &){*:where(.euiButton, .euiButtonIcon):is(", euiDisabledSelector, "){background-color:transparent;}}&:where([data-variant='selection'] &){*:where(.euiButton, .euiButtonIcon){&:is(", euiDisabledSelector, "){", highContrastModeStyles(euiThemeContext, {
       forced: "\n              opacity: 0.5;\n            "
     }), ";}&:is([aria-pressed='true']){", highContrastModeStyles(euiThemeContext, {

package/optimize/es/components/button/split_button/split_button.styles.js

@@ -15,10 +15,10 @@ export var euiSplitButtonStyles = function euiSplitButtonStyles(euiThemeContext,
   var euiTheme = euiThemeContext.euiTheme;
   var buttonSizeMap = euiButtonSizeMap(euiThemeContext);
   var borderStyles = function borderStyles(color) {
-    return "\n    &::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      border: ".concat(euiTheme.border.width.thin, " solid ").concat(color, ";\n      border-radius: ").concat(euiTheme.border.radius.small, ";\n      pointer-events: none;\n    }\n  ");
+    return "\n    &::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      border: ".concat(euiTheme.border.width.thin, " solid ").concat(color, ";\n      border-radius: ").concat(euiTheme.border.radius.control, ";\n      pointer-events: none;\n    }\n  ");
   };
   return {
-    euiSplitButton: /*#__PURE__*/css("position:relative;display:inline-flex;align-items:center;flex-wrap:nowrap;max-inline-size:fit-content;padding:", euiTheme.size.xs, ";border-radius:", euiTheme.border.radius.small, ";background-color:", backgroundColor, ";&:where([data-size='s']){block-size:", buttonSizeMap.s.height, ";}&:where([data-size='m']){block-size:", buttonSizeMap.m.height, ";}&:where(", hasAllDisabledActionsSelector, "){background-color:", euiTheme.colors.backgroundBaseDisabled, ";};label:euiSplitButton;"),
+    euiSplitButton: /*#__PURE__*/css("position:relative;display:inline-flex;align-items:center;flex-wrap:nowrap;max-inline-size:fit-content;padding:", euiTheme.size.xs, ";border-radius:", euiTheme.border.radius.control, ";background-color:", backgroundColor, ";&:where([data-size='s']){block-size:", buttonSizeMap.s.height, ";}&:where([data-size='m']){block-size:", buttonSizeMap.m.height, ";}&:where(", hasAllDisabledActionsSelector, "){background-color:", euiTheme.colors.backgroundBaseDisabled, ";};label:euiSplitButton;"),
     hasBorder: /*#__PURE__*/css(highContrastModeStyles(euiThemeContext, {
       none: "\n          &:where(:not([data-fill])):not(".concat(hasAllDisabledActionsSelector, ") {\n            ").concat(borderStyles("var(--euiSplitButtonBorderColor)"), "\n          }\n        "),
       preferred: "\n          &:where(:not([data-fill])) {\n            ".concat(borderStyles("var(--euiSplitButtonBorderColor)"), "\n\n            &:where(").concat(hasAllDisabledActionsSelector, ") {\n              ").concat(borderStyles(euiTheme.colors.borderBaseDisabled), "\n            }\n          }\n\n          &:where([data-fill]").concat(hasAllDisabledActionsSelector, ") {\n            ").concat(borderStyles(euiTheme.colors.borderBaseDisabled), "\n          }\n        "),

package/optimize/es/components/call_out/call_out.styles.js

@@ -11,14 +11,15 @@ import { logicalCSS, logicalShorthandCSS, mathWithUnits, preventForcedColors } f
 /** Maximum reading width for `text` and `children` slots. */
 var TEXT_MAX_WIDTH = 1200;
 export var euiCallOutStyles = function euiCallOutStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
+  var euiTheme = euiThemeContext.euiTheme,
+    highContrastMode = euiThemeContext.highContrastMode;
   var paddingSizes = {
     s: euiTheme.size.m,
     m: euiTheme.size.base
   };
-  var borderRadius = euiTheme.border.radius.small;
+  var borderRadius = euiTheme.border.radius.panel;
   var highlightSize = mathWithUnits([euiTheme.border.width.thin, euiTheme.border.width.thick], function (x, y) {
-    return x + y;
+    return highContrastMode ? x * 2 + y : x + y;
   });
   var highlightOffset = euiTheme.border.width.thin;
   var highlightSizeOffset = mathWithUnits([highlightOffset], function (x) {
@@ -27,8 +28,11 @@ export var euiCallOutStyles = function euiCallOutStyles(euiThemeContext) {
   var separatorSize = mathWithUnits([euiTheme.size.s, euiTheme.size.xxs], function (x, y) {
     return x + y;
   });
+  var highlightClipSize = mathWithUnits([euiTheme.size.s, euiTheme.border.width.thin], function (x, y) {
+    return x + y;
+  });
   return {
-    euiCallOut: /*#__PURE__*/css("position:relative;display:flex;max-inline-size:100%;align-items:center;border:", euiTheme.border.width.thin, " solid;border-radius:", borderRadius, ";&:focus{outline-offset:2px;}&::before{content:'';position:absolute;inset-block-start:-", euiTheme.border.width.thin, ";inset-inline-start:-", euiTheme.border.width.thin, ";block-size:calc(100% + ", highlightSizeOffset, ");border-inline-start:", highlightSize, " solid var(--euiCallOutTypeColor);border-start-start-radius:", borderRadius, ";border-end-start-radius:", borderRadius, ";pointer-events:none;", preventForcedColors(euiThemeContext), ";}&:where([data-size='s']){", logicalShorthandCSS('padding', "".concat(paddingSizes.s, " ").concat(paddingSizes.m)), ";}&:where([data-size='m']){padding:", paddingSizes.m, ";};label:euiCallOut;"),
+    euiCallOut: /*#__PURE__*/css("position:relative;display:flex;max-inline-size:100%;align-items:center;border:", euiTheme.border.width.thin, " solid;border-radius:", borderRadius, ";&:focus{outline-offset:2px;}&::before{content:'';position:absolute;inset-block-start:-", highlightOffset, ";inset-inline-start:-", highlightOffset, ";block-size:calc(100% + ", highlightSizeOffset, ");inline-size:100%;border-radius:", borderRadius, ";border-inline-start:", highlightSize, " solid var(--euiCallOutTypeColor);clip-path:polygon(\n          0 0,\n          ", highlightClipSize, " 0,\n          ", highlightClipSize, " 100%,\n          0 100%\n        );pointer-events:none;", preventForcedColors(euiThemeContext), ";}[dir='rtl'] &::before{clip-path:polygon(\n          calc(100% - ", highlightClipSize, ") 0,\n          100% 0,\n          100% 100%,\n          calc(100% - ", highlightClipSize, ") 100%\n        );}&:where([data-size='s']){", logicalShorthandCSS('padding', "".concat(paddingSizes.s, " ").concat(paddingSizes.m)), ";}&:where([data-size='m']){padding:", paddingSizes.m, ";};label:euiCallOut;"),
     // handles content + actions layout
     wrapper: /*#__PURE__*/css("display:flex;flex-direction:column;inline-size:100%;&:where([data-size='s'] &){gap:", euiTheme.size.s, ";}&:where([data-size='m'] &){gap:", euiTheme.size.m, ";}&:where([data-layout='wide'] &){flex-direction:row;gap:", euiTheme.size.xxl, ";};label:wrapper;"),
     // handles icon + text layout

package/optimize/es/components/card/card.js

@@ -260,7 +260,7 @@ export var EuiCard = function EuiCard(_ref) {
     onClick: isClickable ? outerOnClick : undefined,
     color: isDisabled ? 'subdued' : display,
     hasShadow: isDisabled || display ? false : true,
-    hasBorder: display ? false : undefined,
+    hasBorder: false,
     paddingSize: paddingSize
   }, rest), ___EmotionJSX("div", {
     className: "euiCard__main",

package/optimize/es/components/card/card.styles.js

@@ -8,7 +8,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 import { css } from '@emotion/react';
-import { euiPaddingSize, logicalCSS, logicals, logicalTextAlignCSS } from '../../global_styling';
+import { euiPaddingSize, logicalCSS, logicalTextAlignCSS } from '../../global_styling';
 import { euiButtonColor } from '../../global_styling/mixins';
 var paddingKey = 'm';
 var halfPaddingKey = 's';
@@ -99,8 +99,8 @@ export var euiCardStyles = function euiCardStyles(euiThemeContext, paddingSize)
       disabled: _ref2
     },
     image: {
-      euiCard__image: /*#__PURE__*/css("position:relative;overflow:hidden;", logicalCSS('width', "calc(100% + (".concat(paddingAmount, " * 2))")), " ", logicalCSS('left', "-".concat(paddingAmount)), " ", logicalCSS('top', "-".concat(paddingAmount)), logicalCSS('margin-bottom', "-".concat(paddingAmount)), logicalCSS('border-top-left-radius', "calc(".concat(euiTheme.border.radius.medium, " - ").concat(euiTheme.border.width.thin, ")")), " ", logicals['border-top-right-radius'], ":calc(", euiTheme.border.radius.medium, " - ", euiTheme.border.width.thin, ");img{", logicalCSS('width', '100%'), ";};label:euiCard__image;"),
-      transparent: /*#__PURE__*/css("border-radius:", euiTheme.border.radius.medium, ";;label:transparent;")
+      euiCard__image: /*#__PURE__*/css("position:relative;overflow:hidden;", logicalCSS('width', "calc(100% + (".concat(paddingAmount, " * 2))")), " ", logicalCSS('left', "-".concat(paddingAmount)), " ", logicalCSS('top', "-".concat(paddingAmount)), logicalCSS('margin-bottom', "-".concat(paddingAmount)), logicalCSS('border-top-left-radius', "calc(".concat(euiTheme.border.radius.panel, ")")), " ", logicalCSS('border-top-right-radius', "calc(".concat(euiTheme.border.radius.panel, ")")), ";img{", logicalCSS('width', '100%'), ";};label:euiCard__image;"),
+      transparent: /*#__PURE__*/css("border-radius:", euiTheme.border.radius.panel, ";;label:transparent;")
     },
     icon: {
       euiCard__icon: /*#__PURE__*/css(";label:euiCard__icon;"),

package/optimize/es/components/code/code.styles.js

@@ -27,7 +27,7 @@ export var euiCodeStyles = function euiCodeStyles(euiThemeContext) {
      */
     euiCode: /*#__PURE__*/css("font-family:", euiTheme.font.familyCode, ";font-size:0.9em;", logicalShorthandCSS('padding', '0.2em 0.5em'), "background-color:", codeSyntaxVariables.inlineBackgroundColor, ";", highContrastModeStyles(euiThemeContext, {
       forced: "\n          border: ".concat(euiTheme.border.thin, ";\n        ")
-    }), " border-radius:", euiTheme.border.radius.small, ";font-weight:", euiTheme.font.weight.bold, ";color:", codeSyntaxVariables.inlineCodeColor, ";", codeSyntaxVariables.tokensCss, " .token.atrule .token.rule,.token.keyword{color:", codeSyntaxVariables.inlineCodeKeywordColor, ";};label:euiCode;"),
+    }), " border-radius:", euiTheme.border.radius.inline, ";font-weight:", euiTheme.font.weight.bold, ";color:", codeSyntaxVariables.inlineCodeColor, ";", codeSyntaxVariables.tokensCss, " .token.atrule .token.rule,.token.keyword{color:", codeSyntaxVariables.inlineCodeKeywordColor, ";};label:euiCode;"),
     transparentBackground: _ref
   };
 };

package/optimize/es/components/code/code_block.styles.js

@@ -34,7 +34,7 @@ export var euiCodeBlockStyles = function euiCodeBlockStyles(euiThemeContext) {
   var codeSyntaxVariables = euiCodeSyntaxVariables(euiThemeContext);
   var euiTheme = euiThemeContext.euiTheme;
   return {
-    euiCodeBlock: /*#__PURE__*/css("max-inline-size:100%;display:block;position:relative;background:", codeSyntaxVariables.backgroundColor, ";", highContrastModeStyles(euiThemeContext, {
+    euiCodeBlock: /*#__PURE__*/css("max-inline-size:100%;display:block;position:relative;border-radius:", euiTheme.border.radius.control, ";background:", codeSyntaxVariables.backgroundColor, ";", highContrastModeStyles(euiThemeContext, {
       preferred: "border: ".concat(euiTheme.border.thin, ";"),
       // Fix scrolling text occluding the border in Windows high contrast mode
       forced: 'overflow: hidden;'

package/optimize/es/components/color_picker/color_picker_swatch.styles.js

@@ -9,7 +9,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import { css } from '@emotion/react';
 import { transparentize } from '../../services';
-import { logicalSizeCSS, mathWithUnits, euiOutline } from '../../global_styling';
+import { logicalSizeCSS, euiOutline } from '../../global_styling';
 import { highContrastModeStyles, preventForcedColors } from '../../global_styling/functions/high_contrast';
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "164u3xw-tooltip",
@@ -22,9 +22,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 export var euiColorPickerSwatchStyles = function euiColorPickerSwatchStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
-    euiColorPickerSwatch: /*#__PURE__*/css("display:inline-block;", logicalSizeCSS(euiTheme.size.l), " border-radius:", mathWithUnits(euiTheme.border.radius.medium, function (x) {
-      return x / 2;
-    }), ";", highContrastModeStyles(euiThemeContext, {
+    euiColorPickerSwatch: /*#__PURE__*/css("display:inline-block;", logicalSizeCSS(euiTheme.size.l), " border-radius:", euiTheme.border.radius.inline, ";", highContrastModeStyles(euiThemeContext, {
       none: "\n          border: ".concat(euiTheme.border.width.thin, " solid\n            ").concat(euiTheme.colors.borderBaseFormsColorSwatch, ";\n          box-shadow: inset 0 0 0 ").concat(euiTheme.border.width.thin, "\n            ").concat(transparentize(euiTheme.colors.emptyShade, 0.05), ";\n        "),
       preferred: "border: ".concat(euiTheme.border.thin, ";"),
       forced: preventForcedColors(euiThemeContext)

package/optimize/es/components/color_picker/saturation.styles.js

@@ -12,7 +12,7 @@ import { highContrastModeStyles, preventForcedColors } from '../../global_stylin
 export var euiSaturationStyles = function euiSaturationStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   var indicatorSize = euiTheme.size.m;
-  var borderRadius = euiTheme.border.radius.small;
+  var borderRadius = euiTheme.border.radius.control;
   // Without this slight decrease in border radius, the color can be seen
   // peeking through the top left corner of the saturation gradient
   var gradientBorderRadius = mathWithUnits(borderRadius, function (x) {

package/optimize/es/components/comment_list/comment_event.js

@@ -52,7 +52,9 @@ export var EuiCommentEvent = function EuiCommentEvent(_ref) {
       color: type === 'custom' ? 'transparent' : eventColor,
       paddingSize: type === 'custom' ? 'none' : 's',
       borderRadius: type === 'regular' ? 'none' : 'm',
-      hasShadow: false // `plain` color needs this
+      hasShadow: false,
+      // `plain` color needs this
+      hasBorder: false
     };
   }, [type, eventColor]);
   var isFigure = isTypeRegular;

package/optimize/es/components/comment_list/comment_event.styles.js

@@ -22,7 +22,7 @@ export var euiCommentEventStyles = function euiCommentEventStyles(euiThemeContex
   var euiTheme = euiThemeContext.euiTheme;
   return {
     euiCommentEvent: _ref2,
-    border: /*#__PURE__*/css("border-width:", euiTheme.border.width.thin, ";border-style:solid;border-radius:", euiTheme.border.radius.medium, ";;label:border;")
+    border: /*#__PURE__*/css("border-width:", euiTheme.border.width.thin, ";border-style:solid;border-radius:", euiTheme.border.radius.panel, ";;label:border;")
   };
 };
 var _ref = process.env.NODE_ENV === "production" ? {

package/optimize/es/components/context_menu/context_menu.styles.js

@@ -21,7 +21,7 @@ export var euiContextMenuStyles = function euiContextMenuStyles(euiThemeContext)
   var _euiContextMenuVariab = euiContextMenuVariables(euiThemeContext),
     panelWidth = _euiContextMenuVariab.panelWidth;
   return {
-    euiContextMenu: /*#__PURE__*/css(logicalCSS('width', panelWidth), " ", logicalCSS('max-width', '100%'), " position:relative;overflow:hidden;border-radius:", euiTheme.border.radius.medium, ";", euiCanAnimate, "{transition:height ", euiTheme.animation.fast, " ", euiTheme.animation.resistance, ";};label:euiContextMenu;"),
+    euiContextMenu: /*#__PURE__*/css(logicalCSS('width', panelWidth), " ", logicalCSS('max-width', '100%'), " position:relative;overflow:hidden;border-radius:", euiTheme.border.radius.panel, ";", euiCanAnimate, "{transition:height ", euiTheme.animation.fast, " ", euiTheme.animation.resistance, ";};label:euiContextMenu;"),
     fixedHeight: /*#__PURE__*/css(".euiContextMenuPanel{display:flex;flex-direction:column;", logicalCSS('height', '100%'), ";}.euiContextMenuPanel__list{display:block;flex:1 1 0;", euiYScrollWithShadows(euiThemeContext, {
       hasAnimatedOverflowShadow: true
     }), ";};label:fixedHeight;")

package/optimize/es/components/datagrid/body/cell/data_grid_cell.styles.js

@@ -15,7 +15,7 @@ export var euiDataGridCellOutlineStyles = function euiDataGridCellOutlineStyles(
   var hoverColor = euiTheme.components.dataGridRowBorderHover;
   var markedColor = euiTheme.components.dataGridRowBorderMarked;
   var outlineWidth = euiTheme.border.width.thick;
-  var borderRadius = mathWithUnits(euiTheme.border.radius.medium, function (x) {
+  var borderRadius = mathWithUnits(euiTheme.border.radius.inline, function (x) {
     return x / 2;
   });
 

package/optimize/es/components/datagrid/body/cell/data_grid_cell_actions.js

@@ -44,10 +44,10 @@ export var EuiDataGridCellActions = function EuiDataGridCellActions(_ref) {
       }, ___EmotionJSX(EuiButtonIcon, {
         "aria-hidden": true,
         className: "euiDataGridRowCell__actionButtonIcon euiDataGridRowCell__expandCell",
-        color: "primary",
+        color: "text",
         css: styles.euiDataGridRowCell__actionButtonIcon,
         "data-test-subj": "euiDataGridCellExpandButton",
-        display: "fill",
+        display: "empty",
         iconSize: "s",
         iconType: "maximize",
         onClick: onExpandClick
@@ -65,8 +65,8 @@ export var EuiDataGridCellActions = function EuiDataGridCellActions(_ref) {
         ,
         size: "xs",
         iconSize: "s",
-        display: "fill",
-        color: "primary"
+        display: "empty",
+        color: "text"
       }));
     };
     var _getVisibleCellAction = getVisibleCellActions(column === null || column === void 0 ? void 0 : column.cellActions, column === null || column === void 0 ? void 0 : column.visibleCellActions),