@elastic/eui 122.0.0 → 122.1.0

package/es/components/description_list/description_list_title.styles.js

@@ -17,12 +17,14 @@ export var euiDescriptionListTitleStyles = function euiDescriptionListTitleStyle
     // Types
     row: /*#__PURE__*/css(";label:row;"),
     column: /*#__PURE__*/css(";label:column;"),
-    inline: /*#__PURE__*/css("display:inline;border-radius:", euiTheme.border.radius.small, ";font-weight:", euiTheme.font.weight.medium, ";background-color:", colorMode === 'DARK' ? euiTheme.colors.lightShade : euiTheme.colors.lightestShade, ";", logicalCSS('margin-vertical', '0'), " ", logicalCSS('margin-horizontal', euiTheme.size.xs), " ", colorMode === 'DARK' && "color: ".concat(euiTheme.colors.textHeading, ";"), "&:first-of-type{", logicalCSS('margin-left', '0'), ";};label:inline;"),
+    inline: /*#__PURE__*/css("display:inline;border-radius:", euiTheme.border.radius.inline, ";font-weight:", euiTheme.font.weight.medium, ";background-color:", colorMode === 'DARK' ? euiTheme.colors.lightShade : euiTheme.colors.lightestShade, ";", logicalCSS('margin-vertical', '0'), " ", logicalCSS('margin-horizontal', euiTheme.size.xs), " ", colorMode === 'DARK' && "color: ".concat(euiTheme.colors.textHeading, ";"), "&:first-of-type{", logicalCSS('margin-left', '0'), ";};label:inline;"),
     // This nested block handles just the font styling based on compressed and reverse
     fontStyles: {
       normal: /*#__PURE__*/css(euiTitle(euiThemeContext, 'xs'), ";;label:normal;"),
       reverse: /*#__PURE__*/css(euiFontSize(euiThemeContext, 's'), ";;label:reverse;"),
-      compressed: /*#__PURE__*/css(euiTitle(euiThemeContext, 'xxs'), ";;label:compressed;")
+      compressed: /*#__PURE__*/css(euiTitle(euiThemeContext, 'xxs'), ";;label:compressed;"),
+      // reverse's compressed size, without the inline type's pill padding
+      compressedReverse: /*#__PURE__*/css(euiFontSize(euiThemeContext, 'xs'), ";;label:compressedReverse;")
     },
     // Inline types
     inlineStyles: {

package/es/components/drag_and_drop/draggable.js

@@ -49,6 +49,7 @@ export var EuiDraggable = function EuiDraggable(_ref) {
   var _useContext = useContext(EuiDroppableContext),
     cloneItems = _useContext.cloneItems;
   var styles = useEuiMemoizedStyles(euiDraggableStyles);
+  var itemStyles = useEuiMemoizedStyles(euiDraggableItemStyles);
   var hasCustomDragHandle = customDragHandle !== false;
   return ___EmotionJSX(Draggable, _extends({
     draggableId: draggableId,
@@ -84,7 +85,7 @@ export var EuiDraggable = function EuiDraggable(_ref) {
       tabIndex: hasInteractiveChildren || isFullyCustomDragHandle ? undefined : (_provided$dragHandleP2 = provided.dragHandleProps) === null || _provided$dragHandleP2 === void 0 ? void 0 : _provided$dragHandleP2.tabIndex
     }), cloneElementWithCss(DraggableElement, {
       className: classNames(DraggableElement.props.className, childClasses),
-      css: [euiDraggableItemStyles.euiDraggable__item, isDragDisabled && euiDraggableItemStyles.disabled]
+      css: [itemStyles.euiDraggable__item, isDragDisabled && itemStyles.disabled, isDragging && itemStyles.isDragging]
     })), cloneItems && isDragging && ___EmotionJSX("div", {
       className: classNames(classes, 'euiDraggable--clone'),
       css: cssStyles

package/es/components/drag_and_drop/draggable.styles.js

@@ -8,8 +8,9 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 
 import { css } from '@emotion/react';
+import { euiShadow } from '@elastic/eui-theme-common';
 import { sharedSpacingPadding } from './droppable.styles';
-var _ref = process.env.NODE_ENV === "production" ? {
+var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "1nohugb-isRemovable",
   styles: "transition-duration:0.001s!important;label:isRemovable;"
 } : {
@@ -17,7 +18,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "transition-duration:0.001s!important;label:isRemovable;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var _ref2 = process.env.NODE_ENV === "production" ? {
+var _ref3 = process.env.NODE_ENV === "production" ? {
   name: "1wvdf2m-hasClone",
   styles: "transform:none!important;label:hasClone;"
 } : {
@@ -25,7 +26,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "transform:none!important;label:hasClone;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var _ref3 = process.env.NODE_ENV === "production" ? {
+var _ref4 = process.env.NODE_ENV === "production" ? {
   name: "oyhf1i-euiDraggable",
   styles: "&:focus{outline:none;&>.euiDraggable__item{outline:auto;}};label:euiDraggable;"
 } : {
@@ -36,21 +37,25 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
 export var euiDraggableStyles = function euiDraggableStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
-    euiDraggable: _ref3,
+    euiDraggable: _ref4,
     isDragging: /*#__PURE__*/css("z-index:", euiTheme.levels.toast, "!important;;label:isDragging;"),
-    hasClone: _ref2,
-    isRemovable: _ref,
+    hasClone: _ref3,
+    isRemovable: _ref2,
     spacing: sharedSpacingPadding(euiThemeContext)
   };
 };
-export var euiDraggableItemStyles = {
-  euiDraggable__item: /*#__PURE__*/css(";label:euiDraggable__item;"),
-  disabled: process.env.NODE_ENV === "production" ? {
-    name: "b86pnw-disabled",
-    styles: "cursor:not-allowed;label:disabled;"
-  } : {
-    name: "b86pnw-disabled",
-    styles: "cursor:not-allowed;label:disabled;",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "b86pnw-disabled",
+  styles: "cursor:not-allowed;label:disabled;"
+} : {
+  name: "b86pnw-disabled",
+  styles: "cursor:not-allowed;label:disabled;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var euiDraggableItemStyles = function euiDraggableItemStyles(euiThemeContext) {
+  return {
+    euiDraggable__item: /*#__PURE__*/css(";label:euiDraggable__item;"),
+    disabled: _ref,
+    isDragging: /*#__PURE__*/css(euiShadow(euiThemeContext, 'm'), ";;label:isDragging;")
+  };
 };

package/es/components/empty_prompt/empty_prompt.js

@@ -41,11 +41,12 @@ export var EuiEmptyPrompt = function EuiEmptyPrompt(_ref) {
     className = _ref.className,
     _ref$layout = _ref.layout,
     layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
-    hasBorder = _ref.hasBorder,
+    _hasBorder = _ref.hasBorder,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'transparent' : _ref$color,
     footer = _ref.footer,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var hasBorder = _hasBorder !== null && _hasBorder !== void 0 ? _hasBorder : color === 'plain';
   var classes = classNames('euiEmptyPrompt', className);
   var styles = useEuiMemoizedStyles(euiEmptyPromptStyles);
   var cssStyles = [styles.euiEmptyPrompt, styles[layout]];
@@ -125,13 +126,15 @@ EuiEmptyPrompt.propTypes = {
   "data-test-subj": PropTypes.string,
   css: PropTypes.any,
   /**
-     * Adds a medium shadow to the panel;
-     * Only works when `color="plain"`
+     * Adds a medium shadow to the panel.
+     * Only applies when `color="plain"` and `hasBorder={false}`.
+     * @default false
      */
   hasShadow: PropTypes.bool,
   /**
      * Adds a slight 1px border on all edges.
-     * Only works when `color="plain | transparent"`
+     * Only applies when `color="plain | transparent"`.
+     * @default true
      */
   hasBorder: PropTypes.bool,
   /**

package/es/components/facet/facet_button.styles.js

@@ -13,7 +13,7 @@ export var euiFacetButtonStyles = function euiFacetButtonStyles(_ref) {
   var euiTheme = _ref.euiTheme;
   return {
     // Base
-    euiFacetButton: /*#__PURE__*/css(logicalTextAlignCSS('left'), " &:not(:disabled){&:hover,&:focus{text-decoration:none;.euiFacetButton__text{text-decoration:underline;}}&:focus .euiFacetButton__text{text-decoration-thickness:", euiTheme.border.width.thick, ";}}&:disabled{color:", euiTheme.colors.disabledText, ";pointer-events:none;};label:euiFacetButton;")
+    euiFacetButton: /*#__PURE__*/css(logicalTextAlignCSS('left'), " &:not(:disabled){&:hover,&:focus{text-decoration:none;.euiFacetButton__text{text-decoration:underline;}}&:focus .euiFacetButton__text{text-decoration-thickness:", euiTheme.border.width.thick, ";}}&:disabled{color:", euiTheme.colors.textDisabled, ";pointer-events:none;};label:euiFacetButton;")
   };
 };
 export var euiFacetButtonTextStyles = function euiFacetButtonTextStyles(_ref2) {

package/es/components/filter_group/filter_button.styles.js

@@ -42,7 +42,7 @@ export var euiFilterButtonStyles = function euiFilterButtonStyles(euiThemeContex
   var withNextSelector = '& + .euiFilterButton__wrapper';
   var containerPadding = euiTheme.size.xs;
   return {
-    euiFilterButton: /*#__PURE__*/css("--euiFilterButtonInsetSize:", buttonSizeMap.m.getInsetHeight(buttonSizeMap.m.height, containerPadding), ";--euiFilterButtonRadius:", buttonSizeMap.m.radiusInset, ";position:relative;block-size:var(--euiFilterButtonInsetSize);", logicalCSS('width', '100%'), " border:none;border-radius:var(\n        --euiFilterButtonRadius,\n        ", euiTheme.border.radius.small, "\n      );&:not(", selectedSelector, "){&:hover,&:active{.euiFilterButton__notification[class*='subdued']{background-color:", euiTheme.components.filterButtonBadgeBackgroundHover, ";}}}&&:focus-visible{outline-style:auto;outline-offset:0;};label:euiFilterButton;"),
+    euiFilterButton: /*#__PURE__*/css("--euiFilterButtonInsetSize:", buttonSizeMap.m.getInsetHeight(buttonSizeMap.m.height, containerPadding), ";--euiFilterButtonRadius:", buttonSizeMap.m.radiusInset, ";position:relative;block-size:var(--euiFilterButtonInsetSize);", logicalCSS('width', '100%'), " border:none;border-radius:var(\n        --euiFilterButtonRadius,\n        ", euiTheme.border.radius.control, "\n      );&:not(", selectedSelector, "){&:hover,&:active{.euiFilterButton__notification[class*='subdued']{background-color:", euiTheme.components.filterButtonBadgeBackgroundHover, ";}}}&&:focus-visible{outline-style:auto;outline-offset:0;};label:euiFilterButton;"),
     buttonType: {
       toggle: /*#__PURE__*/css(euiFilterButtonDisplay(euiThemeContext), " &:where(:is(", euiDisabledSelector, "):not([aria-pressed=\"true\"])){background-color:transparent;}", highContrastModeStyles(euiThemeContext, {
         forced: "\n            &:is(".concat(selectedSelector, ") {\n              ").concat(preventForcedColors(euiThemeContext), "\n                color: ").concat(euiTheme.colors.emptyShade, ";\n                background-color: ").concat(euiTheme.colors.fullShade, ";\n            }\n          ")

package/es/components/flyout/flyout_body.styles.js

@@ -19,6 +19,6 @@ export var euiFlyoutBodyStyles = function euiFlyoutBodyStyles(euiThemeContext) {
         side: 'end'
       }), ";;label:hasBanner;")
     },
-    euiFlyoutBody__banner: /*#__PURE__*/css("overflow:hidden;.euiCallOut{", logicalCSS('margin-top', "".concat(euiTheme.size.s)), " ", logicalCSS('margin-left', "".concat(euiTheme.size.l)), " ", logicalCSS('margin-right', "".concat(euiTheme.size.l)), ";}.euiFlyout:not(:has(.euiFlyoutHeader)) &{.euiCallOut{", logicalCSS('margin-right', "".concat(euiTheme.size.xxl)), ";}};label:euiFlyoutBody__banner;")
+    euiFlyoutBody__banner: /*#__PURE__*/css(logicalCSS('padding-top', 'var(--euiFlyoutBodyPadding, 0)'), " ", logicalCSS('padding-horizontal', 'var(--euiFlyoutBodyPadding, 0)'), " .euiFlyout:not(:has(.euiFlyoutHeader, .euiFlyoutMenu)) &{", logicalCSS('padding-right', euiTheme.size.xxl), ";};label:euiFlyoutBody__banner;")
   };
 };

package/es/components/form/checkbox/checkbox.styles.js

@@ -25,7 +25,7 @@ export var euiCheckboxStyles = function euiCheckboxStyles(euiThemeContext) {
   return {
     euiCheckbox: /*#__PURE__*/css(controlStyles.wrapper, ";label:euiCheckbox;"),
     input: {
-      euiCheckbox__square: /*#__PURE__*/css("position:relative;", controlStyles.input.focusVisible, " border-radius:", euiTheme.border.radius.small, ";;label:euiCheckbox__square;"),
+      euiCheckbox__square: /*#__PURE__*/css("position:relative;", controlStyles.input.focusVisible, " border-radius:", euiTheme.border.radius.inline, ";;label:euiCheckbox__square;"),
       hasLabel: controlStyles.input.hasLabel,
       // Skip css`` className generation
       // Readonly checkboxes are used by EuiMarkdownEditor

package/es/components/form/checkbox/checkbox_control.styles.js

@@ -21,7 +21,7 @@ export var euiCheckboxControlStyles = function euiCheckboxControlStyles(euiTheme
   var euiTheme = euiThemeContext.euiTheme;
   var controlStyles = euiFormCustomControlStyles(euiThemeContext);
   return {
-    euiCheckboxControl: /*#__PURE__*/css(controlStyles.input.fauxInput, " border-radius:", euiTheme.border.radius.small, ";;label:euiCheckboxControl;"),
+    euiCheckboxControl: /*#__PURE__*/css(controlStyles.input.fauxInput, " border-radius:", euiTheme.border.radius.inline, ";;label:euiCheckboxControl;"),
     enabled: {
       selected: /*#__PURE__*/css(controlStyles.input.enabled.selected, ";label:selected;"),
       unselected: /*#__PURE__*/css(controlStyles.input.enabled.unselected, ";label:unselected;"),

package/es/components/form/form.styles.js

@@ -40,8 +40,8 @@ export var euiFormVariables = function euiFormVariables(euiThemeContext) {
     controlCompressedHeight: controlCompressedHeight,
     controlPadding: euiTheme.size.m,
     controlCompressedPadding: euiTheme.size.s,
-    controlBorderRadius: euiTheme.border.radius.small,
-    controlCompressedBorderRadius: euiTheme.border.radius.small,
+    controlBorderRadius: euiTheme.border.radius.control,
+    controlCompressedBorderRadius: euiTheme.border.radius.control,
     iconAffordance: mathWithUnits(euiTheme.size.base, function (x) {
       return x * 1.5;
     }),
@@ -79,10 +79,10 @@ export var euiFormVariables = function euiFormVariables(euiThemeContext) {
     controlLayoutGroupInputCompressedHeight: mathWithUnits(controlCompressedHeight, function (x) {
       return x - 2;
     }),
-    controlLayoutGroupInputCompressedBorderRadius: euiTheme.border.radius.small,
-    controlLayoutBorderRadius: euiTheme.border.radius.small,
-    controlLayoutInnerBorderRadius: mathWithUnits(euiTheme.border.radius.small, function (x) {
-      return x / 2;
+    controlLayoutGroupInputCompressedBorderRadius: euiTheme.border.radius.control,
+    controlLayoutBorderRadius: euiTheme.border.radius.control,
+    controlLayoutInnerBorderRadius: mathWithUnits([euiTheme.border.radius.control, euiTheme.size.xxs], function (x, y) {
+      return x - y;
     })
   };
   var iconSizes = {

package/es/components/form/form_control_layout/form_control_layout.js

@@ -67,7 +67,7 @@ export var EuiFormControlLayout = function EuiFormControlLayout(props) {
     'euiFormControlLayout-readOnly': readOnly
   }, className);
   var styles = useEuiMemoizedStyles(euiFormControlLayoutStyles);
-  var cssStyles = [styles.euiFormControlLayout, compressed ? styles.compressed : styles.uncompressed, fullWidth ? styles.fullWidth : styles.formWidth].concat(_toConsumableArray(isGroup ? [styles.group.group, compressed ? styles.group.compressed : styles.group.uncompressed] : []));
+  var cssStyles = [styles.euiFormControlLayout, compressed ? styles.compressed : styles.uncompressed, fullWidth ? styles.fullWidth : styles.formWidth].concat(_toConsumableArray(isGroup ? [styles.group.group, compressed ? styles.group.compressed : styles.group.uncompressed, (isDisabled || readOnly) && styles.group.disabled] : []));
   var childrenWrapperStyles = [styles.children.euiFormControlLayout__childrenWrapper, isGroup && styles.children.inGroup, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.css];
   var hasDropdownIcon = !readOnly && !isDisabled && isDropdown;
   var hasRightIcon = isRightSideIcon(icon);

package/es/components/form/form_control_layout/form_control_layout.styles.js

@@ -46,7 +46,8 @@ export var euiFormControlLayoutStyles = function euiFormControlLayoutStyles(euiT
       group: /*#__PURE__*/css("position:relative;display:flex;align-items:stretch;border:none;background-color:", form.backgroundColor, ";overflow:hidden;&::after{content:'';position:absolute;inset:0;z-index:0;border:", euiTheme.border.width.thin, " solid ", form.borderColor, ";border-radius:inherit;pointer-events:none;}&:where(:not(:has(*:is(", euiDisabledSelector, "), [readOnly])):hover){&::after{border:", highContrastMode ? euiTheme.border.width.thick : euiTheme.border.width.thin, " solid ", highContrastMode ? form.borderColor : form.borderHovered, ";}}&:has(:autofill){background:", form.backgroundAutoFilled, ";&:not(:hover)::after{border-color:", form.borderAutofilled, ";}*:-webkit-autofill,*:autofill{--euiFormControlStateAutofillColor:", form.backgroundAutoFilled, ";background-clip:content-box;&:hover,&:focus{--euiFormControlStateAutofillColor:", form.backgroundAutoFilled, ";}}}.euiFilterGroup{border-radius:0;", logicalCSS('padding-right', euiTheme.border.width.thin), " &::after{display:none;}}.euiFilterButton__wrapper:first-of-type::before,.euiFilterButton__wrapper::after{display:none;}>*{", logicalCSS('height', '100%'), ";};label:group;"),
       // Skipping css`` to avoid repeated compressed/uncompressed classNames
       uncompressed: "\n        border-radius: ".concat(form.controlBorderRadius, ";\n      "),
-      compressed: "\n        border-radius: ".concat(form.controlCompressedBorderRadius, ";\n      ")
+      compressed: "\n        border-radius: ".concat(form.controlCompressedBorderRadius, ";\n      "),
+      disabled: /*#__PURE__*/css("background-color:", form.backgroundDisabledColor, ";;label:disabled;")
     },
     children: {
       euiFormControlLayout__childrenWrapper: _ref,

package/es/components/form/form_control_layout/form_control_layout_delimited.styles.js

@@ -11,7 +11,7 @@ import { logicalCSS, mathWithUnits } from '../../../global_styling';
 import { euiFormControlDisabledStyles, euiFormControlReadOnlyStyles, euiFormControlDefaultShadow, euiFormControlInvalidStyles, euiFormControlHoverStyles } from '../form.styles';
 export var euiFormControlLayoutDelimitedStyles = function euiFormControlLayoutDelimitedStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var delimitedStyles = "\n      border-radius: ".concat(euiTheme.border.radius.small, ";\n    ").trim();
+  var delimitedStyles = "\n      border-radius: ".concat(euiTheme.border.radius.control, ";\n    ").trim();
   return {
     // Appended onto existing `euiFormControlLayout` styles
     delimited: /*#__PURE__*/css(delimitedStyles, ";label:delimited;"),

package/es/components/form/range/range.styles.js

@@ -35,7 +35,7 @@ export var euiRangeVariables = function euiRangeVariables(euiThemeContext) {
     get trackBorderColor() {
       return this.trackColor;
     },
-    trackBorderRadius: euiTheme.border.radius.medium,
+    trackBorderRadius: euiTheme.border.radius.inline,
     tickHeight: trackHeight,
     tickWidth: euiTheme.size.xs,
     tickColor: highContrastMode ? euiTheme.colors.darkShade : euiTheme.colors.lightShade,

package/es/components/form/range/range_ticks.styles.js

@@ -17,7 +17,7 @@ var tickStyles = function tickStyles(euiThemeContext, range) {
     none: "\n        inline-size: ".concat(range.tickWidth, ";\n        background-color: ").concat(range.tickColor, ";\n      "),
     // Windows high contrast themes ignore background color but render borders
     forced: logicalCSS('border-left', "".concat(range.tickWidth, " solid ").concat(range.tickColor))
-  }), "\n    border-radius: ").concat(euiTheme.border.radius.small, ";\n  ");
+  }), "\n    border-radius: ").concat(euiTheme.border.radius.inline, ";\n  ");
 };
 var _ref3 = process.env.NODE_ENV === "production" ? {
   name: "1sbhdc4-euiRangeTicks",

package/es/components/form/range/range_tooltip.styles.js

@@ -32,7 +32,7 @@ export var euiRangeTooltipValueStyles = function euiRangeTooltipValueStyles(euiT
   return {
     euiRangeTooltip__value: /*#__PURE__*/css("position:absolute;inset-block-start:50%;max-inline-size:", mathWithUnits(euiTheme.size.base, function (x) {
       return x * 16;
-    }), ";padding-block:", euiTheme.size.xxs, ";padding-inline:", euiTheme.size.s, ";transform:translateY(-50%);", euiFontSize(euiThemeContext, 's'), " color:", euiTheme.colors.textGhost, ";background-color:", toolTipBackgroundColor, ";border:", euiTheme.border.width.thin, " solid ", borderColor, ";border-radius:", euiTheme.border.radius.small, ";&::before{content:'';", arrowStyles._arrowStyles, " inset-block-start:50%;margin-block-start:", mathWithUnits(arrowSize, function (x) {
+    }), ";padding-block:", euiTheme.size.xxs, ";padding-inline:", euiTheme.size.s, ";transform:translateY(-50%);", euiFontSize(euiThemeContext, 's'), " color:", euiTheme.colors.textGhost, ";background-color:", toolTipBackgroundColor, ";border:", euiTheme.border.width.thin, " solid ", borderColor, ";border-radius:", euiTheme.border.radius.control, ";&::before{content:'';", arrowStyles._arrowStyles, " inset-block-start:50%;margin-block-start:", mathWithUnits(arrowSize, function (x) {
       return x / -2;
     }), ";background-color:inherit;border:inherit;};label:euiRangeTooltip__value;"),
     left: /*#__PURE__*/css("margin-inline-end:", arrowOffset, ";&::before{", arrowStyles.positions.left, " inset-inline-start:100%;};label:left;"),

package/es/components/header/header_breadcrumbs/header_breadcrumbs.js

@@ -165,11 +165,14 @@ EuiHeaderBreadcrumbs.propTypes = {
       panelProps: PropTypes.shape({
         element: PropTypes.oneOf(["div"]),
         /**
-           * Padding for all four sides
+           * Padding for all four sides.
+           * Do not use `xs` and `xl` values, they will be removed in the future.
+           * @default m
            */
         paddingSize: PropTypes.any,
         /**
-           * Corner border radius
+           * Corner border radius.
+           * @default m
            */
         borderRadius: PropTypes.any,
         /**

package/es/components/header/header_links/header_links.js

@@ -202,11 +202,14 @@ EuiHeaderLinks.propTypes = {
     panelProps: PropTypes.shape({
       element: PropTypes.oneOf(["div"]),
       /**
-         * Padding for all four sides
+         * Padding for all four sides.
+         * Do not use `xs` and `xl` values, they will be removed in the future.
+         * @default m
          */
       paddingSize: PropTypes.any,
       /**
-         * Corner border radius
+         * Corner border radius.
+         * @default m
          */
       borderRadius: PropTypes.any,
       /**

package/es/components/header/header_logo/header_logo.styles.js

@@ -14,6 +14,6 @@ export var euiHeaderLogoStyles = function euiHeaderLogoStyles(euiThemeContext) {
   var _euiHeaderVariables = euiHeaderVariables(euiThemeContext),
     childHeight = _euiHeaderVariables.childHeight;
   return {
-    euiHeaderLogo: /*#__PURE__*/css("position:relative;", logicalCSS('height', childHeight), " line-height:", childHeight, ";", logicalCSS('min-width', childHeight), " padding-inline:", euiTheme.size.s, ";display:inline-flex;border-radius:", euiTheme.border.radius.small, ";align-items:center;white-space:nowrap;", euiBreakpoint(euiThemeContext, ['xs']), "{", logicalCSS('padding-left', euiTheme.size.xs), ";};label:euiHeaderLogo;")
+    euiHeaderLogo: /*#__PURE__*/css("position:relative;", logicalCSS('height', childHeight), " line-height:", childHeight, ";", logicalCSS('min-width', childHeight), " padding-inline:", euiTheme.size.s, ";display:inline-flex;border-radius:", euiTheme.border.radius.control, ";align-items:center;white-space:nowrap;", euiBreakpoint(euiThemeContext, ['xs']), "{", logicalCSS('padding-left', euiTheme.size.xs), ";};label:euiHeaderLogo;")
   };
 };

package/es/components/icon/assets/table_sparkles.js

@@ -27,17 +27,11 @@ var EuiIconTableSparkles = function EuiIconTableSparkles(_ref) {
   }, props), title ? ___EmotionJSX("title", {
     id: titleId
   }, title) : null, ___EmotionJSX("path", {
-    d: "M14.5 13a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 0 1H15v.5a.5.5 0 0 1-1 0V15h-.5a.5.5 0 0 1 0-1h.5v-.5a.5.5 0 0 1 .5-.5"
-  }), ___EmotionJSX("path", {
-    fillRule: "evenodd",
-    d: "M14 1a1 1 0 0 1 1 1v4.086a1.5 1.5 0 0 0-1 0V5H2v9h7.912q.057.159.077.331l.012.219q0 .023.004.047l.01.1q.004.053.015.104.022.102.057.199H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 4h12V2H2z",
-    clipRule: "evenodd"
-  }), ___EmotionJSX("path", {
     fillRule: "evenodd",
-    d: "M11.5 8a.5.5 0 0 1 .5.5 2.5 2.5 0 0 0 2 2.45v-.007q.174.037.356.05.071.006.144.007a.5.5 0 0 1 0 1q-.072 0-.144.007-.182.011-.356.048v-.005c-.98.199-1.751.97-1.95 1.95h.006a2.5 2.5 0 0 0-.056.5l-.01.1a.5.5 0 0 1-.98 0l-.01-.1-.013-.256a2.5 2.5 0 0 0-.221-.797l-.03-.065a3 3 0 0 0-.09-.161l-.015-.026-.08-.12-.049-.07-.085-.107-.042-.05-.1-.105-.052-.053-.096-.085q-.036-.032-.072-.061a2.6 2.6 0 0 0-.57-.34q-.048-.021-.098-.04-.05-.02-.1-.035l-.117-.037-.117-.029-.091-.02a3 3 0 0 0-.205-.03l-.019-.002A3 3 0 0 0 8.5 12a.5.5 0 0 1 0-1A2.5 2.5 0 0 0 11 8.5a.5.5 0 0 1 .5-.5m0 2.302c-.295.49-.707.903-1.198 1.198.49.295.903.707 1.198 1.197.295-.49.707-.902 1.197-1.197a3.5 3.5 0 0 1-1.197-1.198",
+    d: "M13.995.95a1 1 0 0 1 1 1V10c-.156-.055-.509-.239-.688-.475a1.8 1.8 0 0 1-.316-.599l.004-3.977h-12v9h7.75c.037.106.101.395.128.528.027.132.047.355.047.472H1.995a1 1 0 0 1-1-1v-12a1 1 0 0 1 1-1zm-12 3h12v-2h-12z",
     clipRule: "evenodd"
   }), ___EmotionJSX("path", {
-    d: "M5 13H3v-1h2zm0-3H3V9h2zm3 0H6V9h2zm6.5-3a.5.5 0 0 1 .5.5V8h.5a.5.5 0 0 1 0 1H15v.5a.5.5 0 0 1-1 0V9h-.5a.5.5 0 0 1 0-1h.5v-.5a.5.5 0 0 1 .5-.5M5 7H3V6h2zm3 0H6V6h2zm5 0H9V6h4z"
+    d: "M5 13H3v-1h2zm0-3H3V9h2zm3 0H6V9h2zM5 7H3V6h2zm3 0H6V6h2zm5 0H9V6h4zm-.5 1.501v.02l.005.093a3.8 3.8 0 0 0 .379 1.411c.19.379.466.742.87 1.011.402.268.96.463 1.747.463a.5.5 0 0 1 0 1c-.788 0-1.345.196-1.746.463-.405.27-.682.633-.87 1.012a3.8 3.8 0 0 0-.384 1.504l-.001.02v.002l-.01.1a.5.5 0 0 1-.98 0l-.01-.1v-.022l-.005-.093a4 4 0 0 0-.043-.35 3.8 3.8 0 0 0-.337-1.061 2.6 2.6 0 0 0-.87-1.012c-.4-.267-.958-.463-1.745-.463a.5.5 0 1 1 0-1c.787 0 1.344-.195 1.746-.463.404-.27.68-.632.869-1.01.19-.38.287-.767.337-1.062a4 4 0 0 0 .048-.442v-.023a.5.5 0 0 1 1 0zm-.5 1.99a3.56 3.56 0 0 1-1.2 1.377q-.102.07-.214.131.111.063.214.131c.573.382.951.887 1.2 1.378a3.57 3.57 0 0 1 1.413-1.509A3.57 3.57 0 0 1 12 10.49"
   }));
 };
 export var icon = EuiIconTableSparkles;

package/es/components/icon/icon.styles.js

@@ -63,7 +63,7 @@ export var euiIconStyles = function euiIconStyles(_ref3) {
     app: /*#__PURE__*/css("fill:", euiTheme.colors.textParagraph, ";.euiIcon__fillSecondary{fill:", euiTheme.colors.primary, ";};label:app;"),
     logo: /*#__PURE__*/css(";label:logo;"),
     // Loading states
-    isLoading: /*#__PURE__*/css("opacity:", iconLoadingOpacity, ";background-color:currentColor;border-radius:", euiTheme.border.radius.small, ";;label:isLoading;"),
+    isLoading: /*#__PURE__*/css("opacity:", iconLoadingOpacity, ";background-color:currentColor;border-radius:", euiTheme.border.radius.inline, ";;label:isLoading;"),
     isLoaded: /*#__PURE__*/css(euiCanAnimate, "{animation:", iconLoading, " ", euiTheme.animation.normal, " ease-in 0s 1 forwards;};label:isLoaded;")
   };
 };

package/es/components/icon/svgs/table_sparkles.svg

@@ -1,6 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path d="M14.5 13a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 0 1H15v.5a.5.5 0 0 1-1 0V15h-.5a.5.5 0 0 1 0-1h.5v-.5a.5.5 0 0 1 .5-.5"/>
-  <path fill-rule="evenodd" d="M14 1a1 1 0 0 1 1 1v4.086a1.5 1.5 0 0 0-1 0V5H2v9h7.912q.057.159.077.331l.012.219q0 .023.004.047l.01.1q.004.053.015.104.022.102.057.199H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 4h12V2H2z" clip-rule="evenodd"/>
-  <path fill-rule="evenodd" d="M11.5 8a.5.5 0 0 1 .5.5 2.5 2.5 0 0 0 2 2.45v-.007q.174.037.356.05.071.006.144.007a.5.5 0 0 1 0 1q-.072 0-.144.007-.182.011-.356.048v-.005c-.98.199-1.751.97-1.95 1.95h.006a2.5 2.5 0 0 0-.056.5l-.01.1a.5.5 0 0 1-.98 0l-.01-.1-.013-.256a2.5 2.5 0 0 0-.221-.797l-.03-.065a3 3 0 0 0-.09-.161l-.015-.026-.08-.12-.049-.07-.085-.107-.042-.05-.1-.105-.052-.053-.096-.085q-.036-.032-.072-.061a2.6 2.6 0 0 0-.57-.34q-.048-.021-.098-.04-.05-.02-.1-.035l-.117-.037-.117-.029-.091-.02a3 3 0 0 0-.205-.03l-.019-.002A3 3 0 0 0 8.5 12a.5.5 0 0 1 0-1A2.5 2.5 0 0 0 11 8.5a.5.5 0 0 1 .5-.5m0 2.302c-.295.49-.707.903-1.198 1.198.49.295.903.707 1.198 1.197.295-.49.707-.902 1.197-1.197a3.5 3.5 0 0 1-1.197-1.198" clip-rule="evenodd"/>
-  <path d="M5 13H3v-1h2zm0-3H3V9h2zm3 0H6V9h2zm6.5-3a.5.5 0 0 1 .5.5V8h.5a.5.5 0 0 1 0 1H15v.5a.5.5 0 0 1-1 0V9h-.5a.5.5 0 0 1 0-1h.5v-.5a.5.5 0 0 1 .5-.5M5 7H3V6h2zm3 0H6V6h2zm5 0H9V6h4z"/>
+  <path fill-rule="evenodd" d="M13.995.95a1 1 0 0 1 1 1V10c-.156-.055-.509-.239-.688-.475a1.8 1.8 0 0 1-.316-.599l.004-3.977h-12v9h7.75c.037.106.101.395.128.528.027.132.047.355.047.472H1.995a1 1 0 0 1-1-1v-12a1 1 0 0 1 1-1zm-12 3h12v-2h-12z" clip-rule="evenodd"/>
+  <path d="M5 13H3v-1h2zm0-3H3V9h2zm3 0H6V9h2zM5 7H3V6h2zm3 0H6V6h2zm5 0H9V6h4zm-.5 1.501v.02l.005.093a3.8 3.8 0 0 0 .379 1.411c.19.379.466.742.87 1.011.402.268.96.463 1.747.463a.5.5 0 0 1 0 1c-.788 0-1.345.196-1.746.463-.405.27-.682.633-.87 1.012a3.8 3.8 0 0 0-.384 1.504l-.001.02v.002l-.01.1a.5.5 0 0 1-.98 0l-.01-.1v-.022l-.005-.093a4 4 0 0 0-.043-.35 3.8 3.8 0 0 0-.337-1.061 2.6 2.6 0 0 0-.87-1.012c-.4-.267-.958-.463-1.745-.463a.5.5 0 1 1 0-1c.787 0 1.344-.195 1.746-.463.404-.27.68-.632.869-1.01.19-.38.287-.767.337-1.062a4 4 0 0 0 .048-.442v-.023a.5.5 0 0 1 1 0zm-.5 1.99a3.56 3.56 0 0 1-1.2 1.377q-.102.07-.214.131.111.063.214.131c.573.382.951.887 1.2 1.378a3.57 3.57 0 0 1 1.413-1.509A3.57 3.57 0 0 1 12 10.49"/>
 </svg>

package/es/components/key_pad_menu/key_pad_menu_item.styles.js

@@ -16,12 +16,14 @@ export var euiKeyPadMenuItemStyles = function euiKeyPadMenuItemStyles(euiThemeCo
   var _euiKeyPadMenuVariabl = euiKeyPadMenuVariables(euiThemeContext),
     euiKeyPadMenuSize = _euiKeyPadMenuVariabl.euiKeyPadMenuSize;
   return {
-    euiKeyPadMenuItem: /*#__PURE__*/css("display:block;padding:", euiTheme.size.xs, ";", logicalSizeCSS(euiKeyPadMenuSize), " border-radius:", euiTheme.border.radius.medium, ";color:", euiTheme.colors.textParagraph, ";", euiCanAnimate, "{transition:background-color ", euiTheme.animation.fast, " ease-in,box-shadow ", euiTheme.animation.fast, " ease-in;};label:euiKeyPadMenuItem;"),
+    euiKeyPadMenuItem: /*#__PURE__*/css("display:block;padding:", euiTheme.size.xs, ";", logicalSizeCSS(euiKeyPadMenuSize), " border-radius:", euiTheme.border.radius.control, ";color:", euiTheme.colors.textParagraph, ";", euiCanAnimate, "{transition:background-color ", euiTheme.animation.fast, " ease-in,box-shadow ", euiTheme.animation.fast, " ease-in;};label:euiKeyPadMenuItem;"),
     enabled: /*#__PURE__*/css("&:is(:hover, :focus, :focus-within){cursor:pointer;text-decoration:underline;background-color:", euiTheme.colors.backgroundBaseInteractiveHover, ";", highContrastModeStyles(euiThemeContext, {
       // Use `outline` instead of border to avoid affecting absolutely positioned children
       preferred: "\n            outline: ".concat(euiTheme.border.width.thin, " solid ").concat(euiTheme.colors.primary, ";\n          ")
     }), ";}&:focus{box-shadow:none;background-color:", euiTheme.colors.backgroundBaseInteractiveHover, ";};label:enabled;"),
-    selected: /*#__PURE__*/css("color:", euiTheme.colors.textHeading, ";&:is(*, :hover, :focus, :focus-within){color:", euiTheme.colors.textPrimary, ";background-color:", euiTheme.colors.backgroundBaseInteractiveSelect, ";", highContrastModeStyles(euiThemeContext, {
+    selected: /*#__PURE__*/css("color:", euiTheme.colors.textHeading, ";", highContrastModeStyles(euiThemeContext, {
+      preferred: "\n          outline: ".concat(euiTheme.border.width.thin, " solid ").concat(euiTheme.colors.primary, ";\n        ")
+    }), " &:is(*, :hover, :focus, :focus-within){color:", euiTheme.colors.textPrimary, ";background-color:", euiTheme.colors.backgroundBaseInteractiveSelect, ";", highContrastModeStyles(euiThemeContext, {
       // Skip checkable items (which render a <label> instead of <button>/<a>),
       // as they already have sufficient indication of state (checkbox or radio)
       preferred: "\n            &:not(label) {\n              outline: ".concat(euiTheme.border.width.thick, " solid ").concat(euiTheme.colors.primary, ";\n              outline-offset: 0;\n            }\n          ")

package/es/components/link/link.js

@@ -31,7 +31,7 @@ export var COLORS = ['primary', 'subdued', 'success', 'accent', 'danger', 'warni
 var EuiLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'primary' : _ref$color,
+    color = _ref$color === void 0 ? 'text' : _ref$color,
     className = _ref.className,
     href = _ref.href,
     external = _ref.external,
@@ -86,9 +86,11 @@ EuiLink.propTypes = {
   type: PropTypes.oneOf(["button", "reset", "submit"]),
   /**
      * Any of our named colors.
+     * @default text
      */
   /**
      * Any of our named colors.
+     * @default text
      */
   color: PropTypes.any,
   onClick: PropTypes.func,

package/es/components/link/link.styles.js

@@ -11,14 +11,14 @@ import { css } from '@emotion/react';
 import { euiFocusRing, logicalTextAlignCSS } from '../../global_styling';
 export var euiLinkCSS = function euiLinkCSS(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  return "\n    font-weight: ".concat(euiTheme.font.weight.medium, ";\n    ").concat(logicalTextAlignCSS('left'), "\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &:focus {\n      ").concat(euiFocusRing(euiThemeContext, 'outset'), "\n      text-decoration: underline;\n      text-decoration-thickness: ").concat(euiTheme.border.width.thick, ";\n    }\n  ");
+  return "\n    font-weight: ".concat(euiTheme.font.weight.medium, ";\n    ").concat(logicalTextAlignCSS('left'), "\n    color: ").concat(euiTheme.colors.textParagraph, ";\n    text-decoration: underline dotted;\n    /* use a fallback as \"from-font\" isn't fully supported by all last major versions yet */\n    text-decoration-thickness: ").concat(euiTheme.border.width.thin, ";\n    text-decoration-thickness: from-font;\n\n    &:hover,\n    &:focus {\n      text-decoration: underline solid;\n    }\n\n    &:focus {\n      ").concat(euiFocusRing(euiThemeContext, 'outset'), "\n      text-decoration-thickness: ").concat(euiTheme.border.width.thick, ";\n    }\n  ");
 };
 var _ref = process.env.NODE_ENV === "production" ? {
-  name: "9njbi5-disabled",
-  styles: "font-weight:inherit;&:hover{cursor:auto;}&:hover,&:focus,&:target{text-decoration:none;};label:disabled;"
+  name: "1ypp78e-disabled",
+  styles: "font-weight:inherit;color:inherit;text-decoration:none;&:hover{cursor:auto;}&:hover,&:focus,&:target{color:inherit;text-decoration:none;};label:disabled;"
 } : {
-  name: "9njbi5-disabled",
-  styles: "font-weight:inherit;&:hover{cursor:auto;}&:hover,&:focus,&:target{text-decoration:none;};label:disabled;",
+  name: "1ypp78e-disabled",
+  styles: "font-weight:inherit;color:inherit;text-decoration:none;&:hover{cursor:auto;}&:hover,&:focus,&:target{color:inherit;text-decoration:none;};label:disabled;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var euiLinkStyles = function euiLinkStyles(euiThemeContext) {
@@ -34,9 +34,10 @@ export var euiLinkStyles = function euiLinkStyles(euiThemeContext) {
     danger: /*#__PURE__*/css(_colorCSS(euiTheme.colors.textDanger), ";label:danger;"),
     warning: /*#__PURE__*/css(_colorCSS(euiTheme.colors.textWarning), ";label:warning;"),
     ghost: /*#__PURE__*/css(_colorCSS(euiTheme.colors.textGhost), ";label:ghost;"),
-    text: /*#__PURE__*/css(_colorCSS(euiTheme.colors.textParagraph), ";label:text;")
+    text: /*#__PURE__*/css(_colorCSS(euiTheme.colors.textParagraph, euiTheme.colors.textPrimary), ";label:text;")
   };
 };
-var _colorCSS = function _colorCSS(color) {
-  return "\n    color: ".concat(color, ";\n\n    &:target {\n      color: darken(").concat(color, ", 10%);\n    }\n  ");
+var _colorCSS = function _colorCSS(color, interactionColor) {
+  var focusColor = interactionColor !== null && interactionColor !== void 0 ? interactionColor : color;
+  return "\n    color: ".concat(color, ";\n\n    &:where(:hover, :focus) {\n      color: ").concat(focusColor, ";\n    }\n\n    &:target {\n      color: color-mix(in oklab, ").concat(color, ", #000 10%);\n    }\n  ");
 };

package/es/components/list_group/list_group.styles.js

@@ -24,7 +24,7 @@ export var euiListGroupStyles = function euiListGroupStyles(euiThemeContext) {
   return {
     // Base
     euiListGroup: _ref,
-    bordered: /*#__PURE__*/css("border-radius:", euiTheme.border.radius.medium, ";border:", euiTheme.border.thin, ";;label:bordered;"),
+    bordered: /*#__PURE__*/css("border-radius:", euiTheme.border.radius.panel, ";border:", euiTheme.border.thin, ";;label:bordered;"),
     maxWidthDefault: /*#__PURE__*/css(logicalCSS('max-width', formMaxWidth), ";;label:maxWidthDefault;")
   };
 };

package/es/components/list_item_layout/_list_item_layout.styles.js

@@ -29,7 +29,7 @@ export var euiListItemVariables = function euiListItemVariables(_ref3) {
 };
 var listItemCommonStyles = function listItemCommonStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  return "\n    display: inline-flex; /* Necessary to make sure it doesn't force the whole popover to be too wide */\n    align-items: center;\n    ".concat(logicalCSS('width', '100%'), "\n    border-radius: ").concat(euiTheme.border.radius.small, ";\n    line-height: ").concat(euiFontSize(euiThemeContext, 's').lineHeight, ";\n    font-size: ").concat(euiFontSize(euiThemeContext, 's').fontSize, ";\n    color: ").concat(euiTheme.colors.textParagraph, ";\n    overflow: hidden;\n  ");
+  return "\n    display: inline-flex; /* Necessary to make sure it doesn't force the whole popover to be too wide */\n    align-items: center;\n    ".concat(logicalCSS('width', '100%'), "\n    border-radius: ").concat(euiTheme.border.radius.control, ";\n    line-height: ").concat(euiFontSize(euiThemeContext, 's').lineHeight, ";\n    font-size: ").concat(euiFontSize(euiThemeContext, 's').fontSize, ";\n    color: ").concat(euiTheme.colors.textParagraph, ";\n    overflow: hidden;\n  ");
 };
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "8595p9-isDisabled",
@@ -57,7 +57,7 @@ export var euiListItemLayoutStyles = function euiListItemLayoutStyles(euiThemeCo
   var notDisabledSelector = "&:not([aria-disabled=\"true\"])";
   var sharedFlexStyles = "\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  ";
   var highlightedStyles = "\n    ".concat(notDisabledSelector, " {\n      background-color: ").concat(euiTheme.colors.backgroundBaseInteractiveHover, ";\n\n      ").concat(highContrastModeStyles(euiThemeContext, {
-    preferred: "\n          text-decoration: underline;\n        "
+    preferred: "\n          text-decoration: underline;\n\n          &:not(:focus, :focus-visible) {\n            /* uses outline to prevent layout jumps between navigated items */\n            outline: ".concat(euiTheme.border.width.thin, " solid ").concat(euiTheme.colors.borderBasePlain, ";\n            outline-offset: -").concat(euiTheme.border.width.thin, ";\n          }\n        ")
   }), "\n    }\n  ");
   return {
     euiListItemLayout: /*#__PURE__*/css(listItemCommonStyles(euiThemeContext), " ", logicalCSS('padding-horizontal', spacing.horizontal), ";;label:euiListItemLayout;"),
@@ -75,7 +75,9 @@ export var euiListItemLayoutStyles = function euiListItemLayoutStyles(euiThemeCo
     isDisabled: /*#__PURE__*/css("color:", euiTheme.colors.textDisabled, ";cursor:not-allowed;background-color:transparent;;label:isDisabled;"),
     buttonIsDisabled: _ref2,
     isFocused: /*#__PURE__*/css(highlightedStyles, ";;label:isFocused;"),
-    isSelected: /*#__PURE__*/css("color:", euiTheme.colors.textPrimary, ";background-color:", euiTheme.colors.backgroundBaseInteractiveSelect, ";", notDisabledSelector, "{&:hover{background-color:", euiTheme.colors.backgroundBaseInteractiveSelectHover, ";}}.euiIcon,.euiButtonIcon{color:inherit;}.euiListItemLayout__prepend,.euiListItemLayout__append{.euiIcon{color:", euiTheme.colors.textPrimary, ";}};label:isSelected;"),
+    isSelected: /*#__PURE__*/css("color:", euiTheme.colors.textPrimary, ";background-color:", euiTheme.colors.backgroundBaseInteractiveSelect, ";", notDisabledSelector, "{&:hover{background-color:", euiTheme.colors.backgroundBaseInteractiveSelectHover, ";}}", highContrastModeStyles(euiThemeContext, {
+      preferred: "\n          outline: ".concat(euiTheme.border.width.thin, " solid ").concat(euiTheme.colors.borderStrongPrimary, ";\n          outline-offset: -").concat(euiTheme.border.width.thin, ";\n        ")
+    }), " .euiIcon,.euiButtonIcon{color:inherit;}.euiListItemLayout__prepend,.euiListItemLayout__append{.euiIcon{color:", euiTheme.colors.textPrimary, ";}};label:isSelected;"),
     isSelectedFocused: /*#__PURE__*/css(notDisabledSelector, "{background-color:", euiTheme.colors.backgroundBaseInteractiveSelectHover, ";};label:isSelectedFocused;"),
     tooltip: {
       isDisabled: _ref

package/es/components/markdown_editor/markdown_editor.styles.js

@@ -12,7 +12,7 @@ export var euiMarkdownEditorVariables = function euiMarkdownEditorVariables(_ref
   var euiTheme = _ref.euiTheme;
   return {
     minHeight: '150px',
-    borderRadius: euiTheme.border.radius.medium,
+    borderRadius: euiTheme.border.radius.panel,
     barsBackgroundColor: euiTheme.colors.lightestShade
   };
 };

package/es/components/modal/modal.styles.js

@@ -14,8 +14,8 @@ export var euiModalStyles = function euiModalStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
     euiModal: /*#__PURE__*/css(euiShadowXLarge(euiThemeContext, {
-      borderAllInHighContrastMode: true
-    }), " display:flex;flex-direction:column;max-block-size:75vh;position:relative;background-color:", euiTheme.colors.emptyShade, ";border-radius:", euiTheme.border.radius.medium, ";border:", euiTheme.border.width.thin, " solid ", euiTheme.colors.borderBaseFloating, ";z-index:", euiTheme.levels.modal, ";min-inline-size:", euiFormVariables(euiThemeContext).maxWidth, ";max-inline-size:calc(100vw - ", euiTheme.size.base, ");overflow:hidden;", euiCanAnimate, "{animation:", euiAnimSlideInUp(euiTheme.size.xxl), " ", euiTheme.animation.slow, " ", euiTheme.animation.bounce, ";}", euiMaxBreakpoint(euiThemeContext, 'm'), "{position:fixed;inset:0;border-radius:0;inline-size:100vw!important;min-inline-size:0!important;max-inline-size:none!important;max-block-size:100vh!important;}&:focus{outline:none;};label:euiModal;"),
+      border: 'none'
+    }), " display:flex;flex-direction:column;max-block-size:75vh;position:relative;background-color:", euiTheme.colors.backgroundBasePlain, ";border-radius:", euiTheme.border.radius.frame, ";border:", euiTheme.border.width.thin, " solid ", euiTheme.colors.borderBaseFloating, ";z-index:", euiTheme.levels.modal, ";min-inline-size:", euiFormVariables(euiThemeContext).maxWidth, ";max-inline-size:calc(100vw - ", euiTheme.size.base, ");overflow:hidden;", euiCanAnimate, "{animation:", euiAnimSlideInUp(euiTheme.size.xxl), " ", euiTheme.animation.slow, " ", euiTheme.animation.bounce, ";}", euiMaxBreakpoint(euiThemeContext, 'm'), "{position:fixed;inset:0;border-radius:0;inline-size:100vw!important;min-inline-size:0!important;max-inline-size:none!important;max-block-size:100vh!important;}&:focus{outline:none;};label:euiModal;"),
     // Variants
     defaultMaxWidth: /*#__PURE__*/css("max-inline-size:min(\n        ", euiTheme.breakpoint.m, "px,\n        calc(100vw - ", euiTheme.size.base, ")\n      );;label:defaultMaxWidth;"),
     confirmation: /*#__PURE__*/css("min-inline-size:", euiFormVariables(euiThemeContext).maxWidth, ";", euiMaxBreakpoint(euiThemeContext, 'm'), "{", euiShadowXLarge(euiThemeContext, {

package/es/components/page/page_header/page_header_content.js

@@ -379,11 +379,14 @@ EuiPageHeaderContent.propTypes = {
       panelProps: PropTypes.shape({
         element: PropTypes.oneOf(["div"]),
         /**
-           * Padding for all four sides
+           * Padding for all four sides.
+           * Do not use `xs` and `xl` values, they will be removed in the future.
+           * @default m
            */
         paddingSize: PropTypes.any,
         /**
-           * Corner border radius
+           * Corner border radius.
+           * @default m
            */
         borderRadius: PropTypes.any,
         /**