@elastic/eui 122.0.0 → 122.1.0

package/optimize/lib/components/table/table_row.styles.js

@@ -44,7 +44,7 @@ var euiTableRowStyles = exports.euiTableRowStyles = function euiTableRowStyles(e
       checkboxOffset: /*#__PURE__*/(0, _react.css)("&>.euiTableRowCell:first-child{", (0, _global_styling.logicalCSS)('padding-left', checkboxSize), ";};label:checkboxOffset;")
     },
     mobile: {
-      mobile: /*#__PURE__*/(0, _react.css)("position:relative;display:flex;flex-wrap:wrap;padding:", cellContentPadding, ";", (0, _global_styling.logicalCSS)('margin-bottom', cellContentPadding), " border-radius:", euiTheme.border.radius.medium, ";", (0, _supports.cssSupportsHasWithNextSibling)("\n            &:has(+ .euiTableRow-isExpandedRow) {\n              ".concat((0, _global_styling.logicalCSS)('border-bottom-left-radius', 0), "\n              ").concat((0, _global_styling.logicalCSS)('border-bottom-right-radius', 0), "\n            }\n          ")), ";;label:mobile;"),
+      mobile: /*#__PURE__*/(0, _react.css)("position:relative;display:flex;flex-wrap:wrap;padding:", cellContentPadding, ";", (0, _global_styling.logicalCSS)('margin-bottom', cellContentPadding), " border-radius:", euiTheme.border.radius.panel, ";", (0, _supports.cssSupportsHasWithNextSibling)("\n            &:has(+ .euiTableRow-isExpandedRow) {\n              ".concat((0, _global_styling.logicalCSS)('border-bottom-left-radius', 0), "\n              ").concat((0, _global_styling.logicalCSS)('border-bottom-right-radius', 0), "\n            }\n          ")), ";;label:mobile;"),
       /* Omitting adding a class via css here as it's a default style on mobile, not a standalone prop-related style.
       Adding it separate allows better appliance control via props without the need to override the styles. */
       hasBorder: "\n        ".concat((0, _global_styling.highContrastModeStyles)(euiThemeContext, {

package/optimize/lib/components/tabs/tab.styles.js

@@ -28,10 +28,10 @@ var euiTabStyles = exports.euiTabStyles = function euiTabStyles(euiThemeContext)
     return x * 2;
   }) : euiTheme.border.width.thick;
   return {
-    euiTab: /*#__PURE__*/(0, _react.css)("position:relative;display:flex;cursor:pointer;flex-direction:row;align-items:center;gap:", euiTheme.size.s, ";", (0, _global_styling.logicalCSS)('padding-vertical', 0), " ", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), "font-weight:", euiTheme.font.weight.semiBold, ";color:", euiTheme.colors.textHeading, ";&:focus{outline-offset:-", euiTheme.focus.width, ";}&::after{position:absolute;", (0, _global_styling.logicalCSS)('bottom', 0), " ", (0, _global_styling.logicalCSS)('horizontal', 0), " ", (0, _global_styling.logicalCSS)('border-bottom-style', 'solid'), " ", (0, _global_styling.logicalCSS)('border-bottom-width', selectedUnderlineSize), " pointer-events:none;};label:euiTab;"),
+    euiTab: /*#__PURE__*/(0, _react.css)("position:relative;display:flex;cursor:pointer;flex-direction:row;align-items:center;gap:", euiTheme.size.s, ";", (0, _global_styling.logicalCSS)('padding-vertical', 0), " ", (0, _global_styling.logicalCSS)('padding-horizontal', 0), " border-radius:", euiTheme.border.radius.control, ";font-weight:", euiTheme.font.weight.semiBold, ";color:", euiTheme.colors.textSubdued, ";&:focus{outline-offset:-", euiTheme.focus.width, ";}&::after{position:absolute;", (0, _global_styling.logicalCSS)('bottom', 0), " ", (0, _global_styling.logicalCSS)('horizontal', 0), " ", (0, _global_styling.logicalCSS)('border-bottom-style', 'solid'), " ", (0, _global_styling.logicalCSS)('border-bottom-width', selectedUnderlineSize), " pointer-events:none;};label:euiTab;"),
     // variations
     expanded: _ref,
-    selected: /*#__PURE__*/(0, _react.css)("color:", euiTheme.colors.textPrimary, ";&::after{content:'';border-color:", euiTheme.colors.primary, ";};label:selected;"),
+    selected: /*#__PURE__*/(0, _react.css)("color:", euiTheme.colors.textHeading, ";&::after{content:'';border-color:", euiTheme.colors.primary, ";};label:selected;"),
     disabled: {
       disabled: /*#__PURE__*/(0, _react.css)("cursor:not-allowed;color:", euiTheme.colors.textDisabled, ";;label:disabled;"),
       selected: /*#__PURE__*/(0, _react.css)("&::after{content:'';border-color:", euiTheme.colors.textDisabled, ";};label:selected;")
@@ -41,7 +41,7 @@ var euiTabStyles = exports.euiTabStyles = function euiTabStyles(euiThemeContext)
 var euiTabContentStyles = exports.euiTabContentStyles = function euiTabContentStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
-    euiTab__content: /*#__PURE__*/(0, _react.css)("font-weight:", euiTheme.font.weight[euiTheme.font.title.weight], ";;label:euiTab__content;"),
+    euiTab__content: /*#__PURE__*/(0, _react.css)("font-weight:", euiTheme.font.weight.semiBold, ";;label:euiTab__content;"),
     // sizes
     s: /*#__PURE__*/(0, _react.css)("font-size:", (0, _global_styling.euiFontSize)(euiThemeContext, 'xs').fontSize, ";line-height:", euiTheme.size.xl, ";;label:s;"),
     m: /*#__PURE__*/(0, _react.css)("font-size:", (0, _global_styling.euiFontSize)(euiThemeContext, 's').fontSize, ";line-height:", euiTheme.size.xxl, ";;label:m;"),

package/optimize/lib/components/text/text.js

@@ -30,7 +30,7 @@ var EuiText = exports.EuiText = function EuiText(_ref) {
   var _ref$component = _ref.component,
     component = _ref$component === void 0 ? 'div' : _ref$component,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'm' : _ref$size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
     color = _ref.color,
     _ref$grow = _ref.grow,
     grow = _ref$grow === void 0 ? true : _ref$grow,

package/optimize/lib/components/text/text.styles.js

@@ -79,7 +79,7 @@ var euiTextStyles = exports.euiTextStyles = function euiTextStyles(euiThemeConte
   return {
     euiText: /*#__PURE__*/(0, _react.css)(euiText(euiTheme, true), "clear:both;a:not([class]){", (0, _link.euiLinkCSS)(euiThemeContext), ";}ul{list-style:disc;}ol{list-style:decimal;}blockquote{border-inline-start-color:", euiTheme.border.color, ";border-inline-start-style:solid;}blockquote:not(.euiMarkdownFormat__blockquote){color:", euiTheme.colors.textSubdued, ";}h1{", (0, _title.euiTitle)(euiThemeContext, 'l'), ";}h2{", (0, _title.euiTitle)(euiThemeContext, 'm'), ";}h3{", (0, _title.euiTitle)(euiThemeContext, 's'), ";}h4,dt{", (0, _title.euiTitle)(euiThemeContext, 'xs'), ";}h5{", (0, _title.euiTitle)(euiThemeContext, 'xxs'), ";}h6{", (0, _title.euiTitle)(euiThemeContext, 'xxxs'), ";}h1,h2,h3,h4,h5,h6,dt{color:inherit;}pre:not(.euiCodeBlock > pre){white-space:pre-wrap;background-color:", codeColors.backgroundColor, ";color:", codeColors.color, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
       preferred: "border: ".concat(euiTheme.border.thin)
-    }), ";}pre:not(.euiCodeBlock__pre),pre:not(.euiCodeBlock__pre) code{display:block;}>:last-child{", (0, _global_styling.logicalCSS)('margin-bottom', '0 !important'), ";}kbd{position:relative;display:inline-block;", (0, _global_styling.logicalCSS)('padding-vertical', euiTheme.size.xxs), " ", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), " line-height:1;border:", euiTheme.border.width.thin, " solid ", euiTheme.colors.textParagraph, ";border-radius:", (0, _global_styling.mathWithUnits)(euiTheme.border.radius.small, function (x) {
+    }), ";}pre:not(.euiCodeBlock__pre),pre:not(.euiCodeBlock__pre) code{display:block;}>:last-child{", (0, _global_styling.logicalCSS)('margin-bottom', '0 !important'), ";}kbd{position:relative;display:inline-block;", (0, _global_styling.logicalCSS)('padding-vertical', euiTheme.size.xxs), " ", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), " line-height:1;border:", euiTheme.border.width.thin, " solid ", euiTheme.colors.textParagraph, ";border-radius:", (0, _global_styling.mathWithUnits)(euiTheme.border.radius.inline, function (x) {
       return x / 2;
     }), ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
       // Fixes an odd border issue in Windows high contrast themes

package/optimize/lib/components/title/title.styles.js

@@ -35,7 +35,8 @@ var euiTitle = exports.euiTitle = function euiTitle(euiThemeContext) {
   };
   return _objectSpread(_objectSpread({}, (0, _global_styling.euiFontSize)(euiThemeContext, titleScaleToFontSizeScaleMap[scale], options)), {}, {
     fontWeight: euiTheme.font.weight[euiTheme.font.title.weight],
-    color: euiTheme.colors.textHeading
+    color: euiTheme.colors.textHeading,
+    letterSpacing: euiTheme.font.title.letterSpacing
   });
 };
 

package/optimize/lib/components/toast/toast.styles.js

@@ -12,7 +12,7 @@ var _global_styling = require("../../global_styling");
 var _high_contrast = require("../../global_styling/functions/high_contrast");
 var _title = require("../title/title.styles");
 var _panel = require("../panel/panel.styles");
-var _templateObject;
+var _templateObject, _templateObject2;
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -23,11 +23,21 @@ var _templateObject;
 var TEXT_MAX_WIDTH = 1200;
 var CONTAINER_NAME = 'euiToast';
 var CQC_BREAKPOINT_NARROWEST = '(max-width: 320px)';
-var euiToastAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  from {\n    transform: scaleX(1);\n  }\n  to {\n    transform: scaleX(0);\n  }\n"])));
+var decorClipSize = '9px'; // the height of the decor clip that includes the border rounding
+var decorClipPath = "polygon(0 0, 100% 0, 100% ".concat(decorClipSize, ", 0 ").concat(decorClipSize, ")");
+var euiToastAnimation = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  from {\n    clip-path: ", ";\n  }\n  to {\n    clip-path: polygon(0 0, 0% 0, 0% ", ", 0 ", ");\n  }\n"])), decorClipPath, decorClipSize, decorClipSize);
+var euiToastAnimationRTL = (0, _react.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  from {\n    clip-path: ", ";\n  }\n  to {\n    clip-path: polygon(100% 0, 100% 0, 100% ", ", 100% ", ");\n  }\n"])), decorClipPath, decorClipSize, decorClipSize);
 var euiToastStyles = exports.euiToastStyles = function euiToastStyles(euiThemeContext) {
-  var euiTheme = euiThemeContext.euiTheme;
+  var euiTheme = euiThemeContext.euiTheme,
+    highContrastMode = euiThemeContext.highContrastMode;
+  var borderRadius = euiTheme.border.radius.panel;
+  var decorLevel = Number(euiTheme.levels.content) + 1;
   var highlightSize = (0, _euiThemeCommon.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 = (0, _euiThemeCommon.mathWithUnits)([highlightOffset], function (x) {
+    return x * 2;
   });
   var paddingTop = (0, _euiThemeCommon.mathWithUnits)([euiTheme.size.base, highlightSize], function (x, y) {
     return x + y;
@@ -35,12 +45,17 @@ var euiToastStyles = exports.euiToastStyles = function euiToastStyles(euiThemeCo
   var offsetTop = (0, _euiThemeCommon.mathWithUnits)([euiTheme.size.s, highlightSize], function (x, y) {
     return x + y;
   });
+  var decorCommonStyles = "\n    content: '';\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    block-size: 100%;\n    inline-size: 100%;\n    border-radius: ".concat(euiTheme.border.radius.panel, ";\n    border-end-start-radius: 0;\n    border-block-start: ").concat(highlightSize, " solid;\n    clip-path: ").concat(decorClipPath, ";\n    pointer-events: none;\n\n    ").concat((0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
+    preferred: "\n        inset-block-start: -".concat(highlightOffset, ";\n      inset-inline-start: -").concat(highlightOffset, ";\n      inline-size: calc(100% + ").concat(highlightSizeOffset, ");\n      ")
+  }), "\n  ");
   return {
     // Base
-    euiToast: /*#__PURE__*/(0, _react.css)("container-type:inline-size;container-name:", CONTAINER_NAME, ";position:relative;border-radius:", euiTheme.border.radius.medium, ";", (0, _euiThemeCommon.euiShadowLarge)(euiThemeContext, {
+    euiToast: /*#__PURE__*/(0, _react.css)("container-type:inline-size;container-name:", CONTAINER_NAME, ";position:relative;border-radius:", borderRadius, ";", (0, _euiThemeCommon.euiShadowLarge)(euiThemeContext, {
       borderAllInHighContrastMode: true
     }), " ", (0, _global_styling.logicalCSS)('padding-top', paddingTop), " ", (0, _global_styling.logicalCSS)('padding-bottom', euiTheme.size.base), " ", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.base), " background-color:", euiTheme.colors.backgroundBasePlain, ";", (0, _global_styling.logicalCSS)('width', '100%'), " ", (0, _global_styling.euiTextBreakWord)(), (0, _panel.euiPanelBorderStyles)(euiThemeContext), ";;label:euiToast;"),
-    decor: /*#__PURE__*/(0, _react.css)("position:absolute;overflow:hidden;inset-block-start:0;inset-inline:0;", (0, _global_styling.logicalCSS)('height', highlightSize), " border-start-start-radius:", euiTheme.border.radius.medium, ";border-start-end-radius:", euiTheme.border.radius.medium, ";background-color:var(--euiToastTypeBackgroundColor);", (0, _high_contrast.preventForcedColors)(euiThemeContext), " &::before{content:'';position:absolute;z-index:", euiTheme.levels.content, ";inset-block-start:0;inset-inline:0;", (0, _global_styling.logicalCSS)('height', '100%'), " border-radius:1px;border-end-start-radius:0;background-color:var(--euiToastTypeColor);pointer-events:none;", (0, _high_contrast.preventForcedColors)(euiThemeContext), " transform-origin:left center;[dir='rtl'] &{transform-origin:right center;border-end-start-radius:1px;border-end-end-radius:0;}};label:decor;"),
+    decor: /*#__PURE__*/(0, _react.css)("position:absolute;inset:0;pointer-events:none;", (0, _high_contrast.preventForcedColors)(euiThemeContext), " ", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
+      preferred: "\n          --euiToastTypeBackgroundColor: ".concat(euiTheme.colors.borderBasePlain, ";\n        ")
+    }), " &::before{", decorCommonStyles, " z-index:", decorLevel, ";border-block-start-color:var(--euiToastTypeBackgroundColor);}&::after{", decorCommonStyles, "z-index:", decorLevel + 1, ";border-block-start-color:var(--euiToastTypeColor);};label:decor;"),
     // handles content + actions layout
     wrapper: /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;gap:", euiTheme.size.m, ";inline-size:100%;;label:wrapper;"),
     // handles icon + text layout
@@ -51,7 +66,7 @@ var euiToastStyles = exports.euiToastStyles = function euiToastStyles(euiThemeCo
     icon: /*#__PURE__*/(0, _react.css)("grid-area:icon;position:relative;", (0, _global_styling.logicalCSS)('margin-vertical', euiTheme.size.xxs), ";;label:icon;"),
     actions: /*#__PURE__*/(0, _react.css)("grid-area:actions;display:flex;gap:", euiTheme.size.s, ";", (0, _global_styling.logicalCSS)('margin-left', euiTheme.size.xl), "@container ", CONTAINER_NAME, " ", CQC_BREAKPOINT_NARROWEST, "{flex-wrap:wrap;>*{inline-size:100%;}};label:actions;"),
     dismissButton: /*#__PURE__*/(0, _react.css)("position:absolute;", (0, _global_styling.logicalCSS)('top', offsetTop), ";", (0, _global_styling.logicalCSS)('right', euiTheme.size.s), ";;label:dismissButton;"),
-    hasAnimation: /*#__PURE__*/(0, _react.css)("&::before{", _euiThemeCommon.euiCanAnimate, "{animation:", euiToastAnimation, " var(--euiToastAnimationMs) linear forwards;}};label:hasAnimation;")
+    hasAnimation: /*#__PURE__*/(0, _react.css)("&::after{", _euiThemeCommon.euiCanAnimate, "{will-change:clip-path;animation:", euiToastAnimation, " var(--euiToastAnimationMs) linear forwards;[dir='rtl'] &{animation:", euiToastAnimationRTL, " var(--euiToastAnimationMs) linear forwards;}}};label:hasAnimation;")
   };
 };
 var euiToastHeaderStyles = exports.euiToastHeaderStyles = function euiToastHeaderStyles(euiThemeContext) {

package/optimize/lib/components/token/token.styles.js

@@ -67,10 +67,10 @@ var euiTokenStyles = exports.euiTokenStyles = function euiTokenStyles(euiThemeCo
     euiToken: /*#__PURE__*/(0, _react.css)("display:inline-flex;align-items:center;justify-content:center;svg{", (0, _global_styling.logicalCSS)('height', '100%'), " margin:auto;};label:euiToken;"),
     // Shapes
     circle: _ref,
-    square: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.small, ";;label:square;"),
-    rectangle: /*#__PURE__*/(0, _react.css)("box-sizing:content-box;border-radius:", euiTheme.border.radius.small, ";;label:rectangle;"),
+    square: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.inline, ";;label:square;"),
+    rectangle: /*#__PURE__*/(0, _react.css)("box-sizing:content-box;border-radius:", euiTheme.border.radius.inline, ";;label:rectangle;"),
     // Sizes
-    xs: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalSizeCSS)(euiTheme.size.s), " &[class*='-square'],&[class*='-rectangle']{border-radius:", (0, _global_styling.mathWithUnits)(euiTheme.border.radius.small, function (x) {
+    xs: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalSizeCSS)(euiTheme.size.s), " &[class*='-square'],&[class*='-rectangle']{border-radius:", (0, _global_styling.mathWithUnits)(euiTheme.border.radius.inline, function (x) {
       return x / 2;
     }), ";}&[class*='-rectangle']{", (0, _global_styling.logicalCSS)('padding-vertical', '1px'), " ", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), ";};label:xs;"),
     s: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalSizeCSS)(euiTheme.size.base), " &[class*='-rectangle']{", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), ";};label:s;"),

package/optimize/lib/components/tool_tip/tool_tip.js

@@ -83,6 +83,8 @@ var EuiToolTip = exports.EuiToolTip = /*#__PURE__*/(0, _react.forwardRef)(functi
     onMouseOutProp = _ref.onMouseOut,
     onBlurProp = _ref.onBlur,
     rest = (0, _objectWithoutProperties2.default)(_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 = (0, _slicedToArray2.default)(_useState, 2),
@@ -123,7 +125,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,
@@ -147,7 +150,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/optimize/lib/components/tool_tip/tool_tip.styles.js

@@ -34,7 +34,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;"),
@@ -72,11 +72,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/optimize/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/optimize/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/optimize/lib/global_styling/mixins/_button.js

@@ -203,8 +203,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;
@@ -218,7 +220,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'
     },
@@ -227,7 +229,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'
     },
@@ -236,7 +238,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'
     }
@@ -268,7 +270,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/optimize/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/optimize/lib/services/popover/popover_positioning.js

@@ -14,6 +14,8 @@ exports.getVisibleFit = getVisibleFit;
 exports.intersectBoundingBoxes = intersectBoundingBoxes;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+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) { (0, _defineProperty2.default)(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; }
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -197,6 +199,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), {}, (0, _defineProperty2.default)({}, crossAxisSide, arrowConfig.borderRadius));
+      if (crossAxisSide === 'top') {
+        bestPosition.top -= delta;
+      } else if (crossAxisSide === 'left') {
+        bestPosition.left -= delta;
+      }
+    }
+  }
   return bestPosition;
 }
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "122.0.0",
+  "version": "122.1.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",
@@ -19,6 +19,7 @@
     "build:workspaces": "yarn workspaces foreach -Rti --from @elastic/eui-theme-common run build && yarn workspaces foreach -Rti --from @elastic/eui --exclude @elastic/eui --exclude @elastic/eui-theme-common run build",
     "build:clean": "rimraf dist lib es optimize test-env eui.d.ts",
     "build:i18ntokens": "node ./scripts/build_i18ntokens.mjs",
+    "build:optimize-es": "node ./scripts/compile-eui.js --optimize-es-only",
     "build": "yarn build:clean && yarn build:i18ntokens && node ./scripts/compile-eui.js",
     "build-pack": "yarn build && yarn pack",
     "watch": "node ../../scripts/watch-eui.js --package @elastic/eui",
@@ -55,7 +56,7 @@
     "directory": "packages/eui"
   },
   "dependencies": {
-    "@elastic/eui-theme-common": "10.0.0",
+    "@elastic/eui-theme-common": "10.1.0",
     "@elastic/prismjs-esql": "^4.13.0",
     "@hello-pangea/dnd": "^16.6.0",
     "@types/lodash": "^4.14.202",
@@ -110,9 +111,9 @@
     "@cypress/react18": "^2.0.0",
     "@cypress/webpack-dev-server": "^1.7.0",
     "@elastic/datemath": "^5.0.3",
-    "@elastic/eslint-plugin-eui": "3.0.0",
+    "@elastic/eslint-plugin-eui": "3.1.0",
     "@elastic/eui-illustrations": "1.1.0",
-    "@elastic/eui-theme-borealis": "8.0.0",
+    "@elastic/eui-theme-borealis": "8.1.0",
     "@emotion/babel-plugin": "^11.11.0",
     "@emotion/babel-preset-css-prop": "^11.11.0",
     "@emotion/cache": "^11.11.0",
@@ -231,7 +232,7 @@
   },
   "peerDependencies": {
     "@elastic/datemath": "^5.0.2",
-    "@elastic/eui-theme-borealis": "8.0.0",
+    "@elastic/eui-theme-borealis": "8.1.0",
     "@emotion/css": "11.x",
     "@emotion/react": "11.x",
     "@types/react": "^17.0 || ^18.0",

package/test-env/components/avatar/avatar.styles.js

@@ -62,7 +62,7 @@ var euiAvatarStyles = exports.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/test-env/components/badge/notification_badge/badge_notification.styles.js

@@ -19,18 +19,16 @@ var _color_utils = require("../color_utils");
 var euiNotificationBadgeStyles = exports.euiNotificationBadgeStyles = function euiNotificationBadgeStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   var badgeColors = (0, _color_utils.euiBadgeColors)(euiThemeContext);
-  var borderRadius = (0, _global_styling.mathWithUnits)(euiTheme.border.radius.small, function (x) {
-    return x / 2;
+  var sizeM = (0, _global_styling.mathWithUnits)(euiTheme.size.xs, function (x) {
+    return x + euiTheme.base;
   });
   return {
-    euiNotificationBadge: /*#__PURE__*/(0, _react.css)("flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), " border-radius:", borderRadius, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
+    euiNotificationBadge: /*#__PURE__*/(0, _react.css)("flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;vertical-align:middle;", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.xs), " ", (0, _high_contrast.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:", (0, _global_styling.euiFontSizeFromScale)('xs', euiTheme), ";font-weight:", euiTheme.font.weight.medium, ";", (0, _global_styling.euiNumberFormat)(euiThemeContext), " text-align:center;", _global_styling.euiCanAnimate, "{transition:all ", euiTheme.animation.fast, " ease-in;};label:euiNotificationBadge;"),
     // Sizes
-    s: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', euiTheme.size.base), " ", (0, _global_styling.logicalCSS)('min-width', euiTheme.size.base), ";;label:s;"),
-    m: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', (0, _global_styling.mathWithUnits)(euiTheme.size.xs, function (x) {
-      return x + euiTheme.base;
-    })), " ", (0, _global_styling.logicalCSS)('min-width', euiTheme.size.l), ";;label:m;"),
+    s: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', euiTheme.size.base), " ", (0, _global_styling.logicalCSS)('min-width', euiTheme.size.base), " border-radius:", euiTheme.border.radius.inline, ";;label:s;"),
+    m: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', sizeM), " ", (0, _global_styling.logicalCSS)('min-width', sizeM), " border-radius:", euiTheme.border.radius.control, ";;label:m;"),
     // Colors
     accent: /*#__PURE__*/(0, _react.css)(badgeColors.accentText, ";label:accent;"),
     success: /*#__PURE__*/(0, _react.css)(badgeColors.fill.success, ";label:success;"),

package/test-env/components/banner/banner.styles.js

@@ -46,7 +46,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 var euiBannerStyles = exports.euiBannerStyles = function euiBannerStyles(_ref3) {
   var euiTheme = _ref3.euiTheme;
   return {
-    euiBanner: /*#__PURE__*/(0, _react.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__*/(0, _react.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__*/(0, _react.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/test-env/components/basic_table/basic_table.js

@@ -1337,6 +1337,11 @@ EuiBasicTable.propTypes = {
       type: _propTypes.default.oneOfType([_propTypes.default.oneOf(["button"]), _propTypes.default.oneOf(["icon"]).isRequired]),
       /**
          * Defines the color of the button
+         * @default text
+         */
+      /**
+         * Defines the color of the button.
+         * @default text
          */
       color: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.func.isRequired]),
       /**

package/test-env/components/basic_table/basic_table.styles.js

@@ -31,7 +31,7 @@ var euiBasicTableBodyLoading = exports.euiBasicTableBodyLoading = function euiBa
 var euiBasicTableWrapperPanelledStyles = exports.euiBasicTableWrapperPanelledStyles = function euiBasicTableWrapperPanelledStyles(responsiveBreakpoint) {
   return function (theme) {
     var euiTheme = theme.euiTheme;
-    var styles = /*#__PURE__*/(0, _react.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, ";}.", _use_panel_props.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(+ .", _use_panel_props.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__*/(0, _react.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, ";}.", _use_panel_props.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(+ .", _use_panel_props.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/test-env/components/basic_table/default_item_action.js

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

package/test-env/components/basic_table/in_memory_table.js

@@ -844,6 +844,11 @@ EuiInMemoryTable.propTypes = {
       type: _propTypes.default.oneOfType([_propTypes.default.oneOf(["button"]), _propTypes.default.oneOf(["icon"]).isRequired]),
       /**
          * Defines the color of the button
+         * @default text
+         */
+      /**
+         * Defines the color of the button.
+         * @default text
          */
       color: _propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.func.isRequired]),
       /**

package/test-env/components/basic_table/pagination_bar.styles.js

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

package/test-env/components/basic_table/panel.styles.js

@@ -16,5 +16,5 @@ var _global_styling = require("../../global_styling");
 
 var euiBasicTablePanelStyles = exports.euiBasicTablePanelStyles = function euiBasicTablePanelStyles(_ref) {
   var euiTheme = _ref.euiTheme;
-  return /*#__PURE__*/(0, _react.css)("background-color:", euiTheme.colors.backgroundBaseSubdued, ";border:", euiTheme.border.thin, ";border-block-end-width:0;", (0, _global_styling.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__*/(0, _react.css)("background-color:", euiTheme.colors.backgroundBaseSubdued, ";border:", euiTheme.border.thin, ";border-block-end-width:0;", (0, _global_styling.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/test-env/components/breadcrumbs/_breadcrumb_content.js

@@ -213,11 +213,14 @@ EuiBreadcrumbContent.propTypes = {
     panelProps: _propTypes.default.shape({
       element: _propTypes.default.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.default.any,
       /**
-         * Corner border radius
+         * Corner border radius.
+         * @default m
          */
       borderRadius: _propTypes.default.any,
       /**

package/test-env/components/breadcrumbs/_breadcrumb_content.styles.js

@@ -52,19 +52,19 @@ var euiBreadcrumbContentStyles = exports.euiBreadcrumbContentStyles = function e
       return x * 10;
     })), ";;label:isTruncated;"),
     isTruncatedLast: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiTextTruncate)('none'), ";;label:isTruncatedLast;"),
-    isInteractive: /*#__PURE__*/(0, _react.css)("&:not(:disabled){text-decoration:underline;&[class*='euiLink-subdued']{&:hover,&:focus{color:", euiTheme.colors.textParagraph, ";}}};label:isInteractive;"),
+    isInteractive: /*#__PURE__*/(0, _react.css)("&:where(:not(:disabled)){text-decoration:underline dotted;&[class*='euiLink-subdued']{&:hover,&:focus{color:", euiTheme.colors.textPrimary, ";}}};label:isInteractive;"),
     // Types
     page: /*#__PURE__*/(0, _react.css)("&:is(a):focus{", (0, _global_styling.euiFocusRing)(euiThemeContext, 'inset'), ";}&:is(button):focus{", (0, _global_styling.euiFocusRing)(euiThemeContext, 'center'), ";};label:page;"),
     application: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 'xs'), " font-weight:", euiTheme.font.weight.medium, ";background-color:", applicationTextColors.backgroundColor, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
       preferred: "border: ".concat(euiTheme.border.width.thin, " solid currentColor;")
-    }), " color:", applicationTextColors.color, ";line-height:", euiTheme.size.base, ";", (0, _global_styling.logicalCSS)('padding-vertical', euiTheme.size.xs), " ", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.base), " &:is(a, button){background-color:", applicationButtonColors.backgroundColor, ";color:", applicationButtonColors.color, ";}&:focus{", (0, _global_styling.euiFocusRing)(euiThemeContext, 'inset'), ";}&:focus-visible{border-radius:", euiTheme.border.radius.medium, ";clip-path:none;.euiBreadcrumb:has(&){z-index:2;", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
+    }), " color:", applicationTextColors.color, ";line-height:", euiTheme.size.base, ";", (0, _global_styling.logicalCSS)('padding-vertical', euiTheme.size.xs), " ", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.base), " &:is(a, button){background-color:", applicationButtonColors.backgroundColor, ";color:", applicationButtonColors.color, ";text-decoration:none;}&:focus{", (0, _global_styling.euiFocusRing)(euiThemeContext, 'inset'), ";}&:focus-visible{border-radius:", euiTheme.border.radius.control, ";clip-path:none;.euiBreadcrumb:has(&){z-index:2;", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
       preferred: 'filter: none;'
     }), ";}};label:application;"),
     applicationStyles: {
-      onlyChild: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.medium, ";", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.m), ";;label:onlyChild;"),
-      firstChild: /*#__PURE__*/(0, _react.css)((0, _global_styling.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        );", (0, _global_styling.logicalCSS)('padding-left', euiTheme.size.m), " ", applicationHighContrastArrow, ";;label:firstChild;"),
+      onlyChild: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.control, ";", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.m), ";;label:onlyChild;"),
+      firstChild: /*#__PURE__*/(0, _react.css)((0, _global_styling.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        );", (0, _global_styling.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__*/(0, _react.css)((0, _global_styling.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        );", (0, _global_styling.logicalCSS)('padding-right', euiTheme.size.m), ";;label:lastChild;")
+      lastChild: /*#__PURE__*/(0, _react.css)((0, _global_styling.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        );", (0, _global_styling.logicalCSS)('padding-right', euiTheme.size.m), ";;label:lastChild;")
     }
   };
 };

package/test-env/components/breadcrumbs/breadcrumb.styles.js

@@ -17,11 +17,11 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * 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/test-env/components/button/button_display/_button_display.js

@@ -70,7 +70,8 @@ var EuiButtonDisplay = exports.EuiButtonDisplay = /*#__PURE__*/(0, _react.forwar
     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,