@elastic/eui 122.0.0 → 122.1.0

package/test-env/components/form/form_control_layout/form_control_layout_delimited.styles.js

@@ -17,7 +17,7 @@ var _form = require("../form.styles");
 
 var euiFormControlLayoutDelimitedStyles = exports.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__*/(0, _react.css)(delimitedStyles, ";label:delimited;"),

package/test-env/components/form/range/range.styles.js

@@ -41,7 +41,7 @@ var euiRangeVariables = exports.euiRangeVariables = function euiRangeVariables(e
     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/test-env/components/form/range/range_ticks.styles.js

@@ -21,7 +21,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: (0, _global_styling.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/test-env/components/form/range/range_tooltip.styles.js

@@ -38,7 +38,7 @@ var euiRangeTooltipValueStyles = exports.euiRangeTooltipValueStyles = function e
   return {
     euiRangeTooltip__value: /*#__PURE__*/(0, _react.css)("position:absolute;inset-block-start:50%;max-inline-size:", (0, _global_styling.mathWithUnits)(euiTheme.size.base, function (x) {
       return x * 16;
-    }), ";padding-block:", euiTheme.size.xxs, ";padding-inline:", euiTheme.size.s, ";transform:translateY(-50%);", (0, _global_styling.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:", (0, _global_styling.mathWithUnits)(arrowSize, function (x) {
+    }), ";padding-block:", euiTheme.size.xxs, ";padding-inline:", euiTheme.size.s, ";transform:translateY(-50%);", (0, _global_styling.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:", (0, _global_styling.mathWithUnits)(arrowSize, function (x) {
       return x / -2;
     }), ";background-color:inherit;border:inherit;};label:euiRangeTooltip__value;"),
     left: /*#__PURE__*/(0, _react.css)("margin-inline-end:", arrowOffset, ";&::before{", arrowStyles.positions.left, " inset-inline-start:100%;};label:left;"),

package/test-env/components/header/header_logo/header_logo.styles.js

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

package/test-env/components/icon/assets/table_sparkles.js

@@ -34,17 +34,11 @@ var EuiIconTableSparkles = function EuiIconTableSparkles(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("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"
-  }), (0, _react2.jsx)("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"
-  }), (0, _react2.jsx)("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"
   }), (0, _react2.jsx)("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"
   }));
 };
 var icon = exports.icon = EuiIconTableSparkles;

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

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

package/test-env/components/key_pad_menu/key_pad_menu_item.styles.js

@@ -22,12 +22,14 @@ var euiKeyPadMenuItemStyles = exports.euiKeyPadMenuItemStyles = function euiKeyP
   var _euiKeyPadMenuVariabl = (0, _key_pad_menu.euiKeyPadMenuVariables)(euiThemeContext),
     euiKeyPadMenuSize = _euiKeyPadMenuVariabl.euiKeyPadMenuSize;
   return {
-    euiKeyPadMenuItem: /*#__PURE__*/(0, _react.css)("display:block;padding:", euiTheme.size.xs, ";", (0, _global_styling.logicalSizeCSS)(euiKeyPadMenuSize), " border-radius:", euiTheme.border.radius.medium, ";color:", euiTheme.colors.textParagraph, ";", _global_styling.euiCanAnimate, "{transition:background-color ", euiTheme.animation.fast, " ease-in,box-shadow ", euiTheme.animation.fast, " ease-in;};label:euiKeyPadMenuItem;"),
+    euiKeyPadMenuItem: /*#__PURE__*/(0, _react.css)("display:block;padding:", euiTheme.size.xs, ";", (0, _global_styling.logicalSizeCSS)(euiKeyPadMenuSize), " border-radius:", euiTheme.border.radius.control, ";color:", euiTheme.colors.textParagraph, ";", _global_styling.euiCanAnimate, "{transition:background-color ", euiTheme.animation.fast, " ease-in,box-shadow ", euiTheme.animation.fast, " ease-in;};label:euiKeyPadMenuItem;"),
     enabled: /*#__PURE__*/(0, _react.css)("&:is(:hover, :focus, :focus-within){cursor:pointer;text-decoration:underline;background-color:", euiTheme.colors.backgroundBaseInteractiveHover, ";", (0, _high_contrast.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__*/(0, _react.css)("color:", euiTheme.colors.textHeading, ";&:is(*, :hover, :focus, :focus-within){color:", euiTheme.colors.textPrimary, ";background-color:", euiTheme.colors.backgroundBaseInteractiveSelect, ";", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {
+    selected: /*#__PURE__*/(0, _react.css)("color:", euiTheme.colors.textHeading, ";", (0, _high_contrast.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, ";", (0, _high_contrast.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/test-env/components/link/link.js

@@ -36,7 +36,7 @@ var COLORS = exports.COLORS = ['primary', 'subdued', 'success', 'accent', 'dange
 var EuiLink = exports.EuiLink = /*#__PURE__*/(0, _react.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,
@@ -91,9 +91,11 @@ EuiLink.propTypes = {
   type: _propTypes.default.oneOf(["button", "reset", "submit"]),
   /**
      * Any of our named colors.
+     * @default text
      */
   /**
      * Any of our named colors.
+     * @default text
      */
   color: _propTypes.default.any,
   onClick: _propTypes.default.func,

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

@@ -15,14 +15,14 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  */
 var euiLinkCSS = exports.euiLinkCSS = function euiLinkCSS(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  return "\n    font-weight: ".concat(euiTheme.font.weight.medium, ";\n    ").concat((0, _global_styling.logicalTextAlignCSS)('left'), "\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &:focus {\n      ").concat((0, _global_styling.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((0, _global_styling.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((0, _global_styling.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__
 };
 var euiLinkStyles = exports.euiLinkStyles = function euiLinkStyles(euiThemeContext) {
@@ -38,9 +38,10 @@ var euiLinkStyles = exports.euiLinkStyles = function euiLinkStyles(euiThemeConte
     danger: /*#__PURE__*/(0, _react.css)(_colorCSS(euiTheme.colors.textDanger), ";label:danger;"),
     warning: /*#__PURE__*/(0, _react.css)(_colorCSS(euiTheme.colors.textWarning), ";label:warning;"),
     ghost: /*#__PURE__*/(0, _react.css)(_colorCSS(euiTheme.colors.textGhost), ";label:ghost;"),
-    text: /*#__PURE__*/(0, _react.css)(_colorCSS(euiTheme.colors.textParagraph), ";label:text;")
+    text: /*#__PURE__*/(0, _react.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/test-env/components/list_group/list_group.styles.js

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

package/test-env/components/list_item_layout/_list_item_layout.styles.js

@@ -33,7 +33,7 @@ var euiListItemVariables = exports.euiListItemVariables = function euiListItemVa
 };
 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((0, _global_styling.logicalCSS)('width', '100%'), "\n    border-radius: ").concat(euiTheme.border.radius.small, ";\n    line-height: ").concat((0, _global_styling.euiFontSize)(euiThemeContext, 's').lineHeight, ";\n    font-size: ").concat((0, _global_styling.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((0, _global_styling.logicalCSS)('width', '100%'), "\n    border-radius: ").concat(euiTheme.border.radius.control, ";\n    line-height: ").concat((0, _global_styling.euiFontSize)(euiThemeContext, 's').lineHeight, ";\n    font-size: ").concat((0, _global_styling.euiFontSize)(euiThemeContext, 's').fontSize, ";\n    color: ").concat(euiTheme.colors.textParagraph, ";\n    overflow: hidden;\n  ");
 };
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "8595p9-isDisabled",
@@ -61,7 +61,7 @@ var euiListItemLayoutStyles = exports.euiListItemLayoutStyles = function euiList
   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((0, _global_styling.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__*/(0, _react.css)(listItemCommonStyles(euiThemeContext), " ", (0, _global_styling.logicalCSS)('padding-horizontal', spacing.horizontal), ";;label:euiListItemLayout;"),
@@ -79,7 +79,9 @@ var euiListItemLayoutStyles = exports.euiListItemLayoutStyles = function euiList
     isDisabled: /*#__PURE__*/(0, _react.css)("color:", euiTheme.colors.textDisabled, ";cursor:not-allowed;background-color:transparent;;label:isDisabled;"),
     buttonIsDisabled: _ref2,
     isFocused: /*#__PURE__*/(0, _react.css)(highlightedStyles, ";;label:isFocused;"),
-    isSelected: /*#__PURE__*/(0, _react.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__*/(0, _react.css)("color:", euiTheme.colors.textPrimary, ";background-color:", euiTheme.colors.backgroundBaseInteractiveSelect, ";", notDisabledSelector, "{&:hover{background-color:", euiTheme.colors.backgroundBaseInteractiveSelectHover, ";}}", (0, _global_styling.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__*/(0, _react.css)(notDisabledSelector, "{background-color:", euiTheme.colors.backgroundBaseInteractiveSelectHover, ";};label:isSelectedFocused;"),
     tooltip: {
       isDisabled: _ref

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

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

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

@@ -20,8 +20,8 @@ var euiModalStyles = exports.euiModalStyles = function euiModalStyles(euiThemeCo
   var euiTheme = euiThemeContext.euiTheme;
   return {
     euiModal: /*#__PURE__*/(0, _react.css)((0, _euiThemeCommon.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:", (0, _form.euiFormVariables)(euiThemeContext).maxWidth, ";max-inline-size:calc(100vw - ", euiTheme.size.base, ");overflow:hidden;", _global_styling.euiCanAnimate, "{animation:", (0, _global_styling.euiAnimSlideInUp)(euiTheme.size.xxl), " ", euiTheme.animation.slow, " ", euiTheme.animation.bounce, ";}", (0, _global_styling.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:", (0, _form.euiFormVariables)(euiThemeContext).maxWidth, ";max-inline-size:calc(100vw - ", euiTheme.size.base, ");overflow:hidden;", _global_styling.euiCanAnimate, "{animation:", (0, _global_styling.euiAnimSlideInUp)(euiTheme.size.xxl), " ", euiTheme.animation.slow, " ", euiTheme.animation.bounce, ";}", (0, _global_styling.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__*/(0, _react.css)("max-inline-size:min(\n        ", euiTheme.breakpoint.m, "px,\n        calc(100vw - ", euiTheme.size.base, ")\n      );;label:defaultMaxWidth;"),
     confirmation: /*#__PURE__*/(0, _react.css)("min-inline-size:", (0, _form.euiFormVariables)(euiThemeContext).maxWidth, ";", (0, _global_styling.euiMaxBreakpoint)(euiThemeContext, 'm'), "{", (0, _euiThemeCommon.euiShadowXLarge)(euiThemeContext, {

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

@@ -51,9 +51,9 @@ var EuiPanel = exports.EuiPanel = function EuiPanel(_ref) {
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'plain' : _ref$color,
     _ref$hasShadow = _ref.hasShadow,
-    hasShadow = _ref$hasShadow === void 0 ? true : _ref$hasShadow,
+    hasShadow = _ref$hasShadow === void 0 ? false : _ref$hasShadow,
     _ref$hasBorder = _ref.hasBorder,
-    hasBorder = _ref$hasBorder === void 0 ? false : _ref$hasBorder,
+    hasBorder = _ref$hasBorder === void 0 ? true : _ref$hasBorder,
     _ref$grow = _ref.grow,
     grow = _ref$grow === void 0 ? true : _ref$grow,
     panelRef = _ref.panelRef,
@@ -92,35 +92,45 @@ var EuiPanel = exports.EuiPanel = function EuiPanel(_ref) {
 EuiPanel.propTypes = {
   element: _propTypes.default.oneOfType([_propTypes.default.oneOf(["button"]), _propTypes.default.oneOf(["div"])]),
   /**
-     * 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
      */
   /**
-     * 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.default.bool,
   /**
      * Adds a slight 1px border on all edges.
-     * Only works when `color="plain | transparent"`
+     * Only applies when `color="plain | transparent"`.
+     * @default true
      */
   /**
      * Adds a slight 1px border on all edges.
-     * Only works when `color="plain | transparent"`
+     * Only applies when `color="plain | transparent"`.
+     * @default true
      */
   hasBorder: _propTypes.default.bool,
   /**
-     * 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
      */
   /**
-     * 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
      */
   /**
-     * Corner border radius
+     * Corner border radius.
+     * @default m
      */
   borderRadius: _propTypes.default.any,
   /**

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

@@ -54,7 +54,7 @@ var euiPanelStyles = exports.euiPanelStyles = function euiPanelStyles(euiThemeCo
     }), ";;label:hasBorder;"),
     radius: {
       none: /*#__PURE__*/(0, _react.css)(";label:none;"),
-      m: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.medium, ";;label:m;")
+      m: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.panel, ";;label:m;")
     },
     // Setup interactive behavior
     isClickable: /*#__PURE__*/(0, _react.css)(_global_styling.euiCanAnimate, "{transition:box-shadow ", euiTheme.animation.fast, " ", euiTheme.animation.resistance, ";}&:enabled{display:block;", (0, _global_styling.logicalCSS)('width', '100%'), " ", (0, _global_styling.logicalTextAlignCSS)('left'), ";}&:hover,&:focus{", (0, _high_contrast.highContrastModeStyles)(euiThemeContext, {

package/test-env/components/panel/split_panel/split_panel.js

@@ -56,7 +56,9 @@ var _EuiSplitPanelInner = exports._EuiSplitPanelInner = function _EuiSplitPanelI
 };
 _EuiSplitPanelInner.propTypes = {
   /**
-     * 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,
   /**

package/test-env/components/popover/popover.js

@@ -254,7 +254,8 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
           offset: _this.props.attachToAnchor ? offset : _this.props.hasArrow ? 16 + offset : 8 + offset,
           arrowConfig: _this.props.hasArrow ? {
             arrowWidth: 16,
-            arrowBuffer: 10
+            arrowBuffer: 10,
+            borderRadius: 12
           } : {
             arrowWidth: 0,
             arrowBuffer: 0
@@ -504,6 +505,7 @@ var EuiPopover = exports.EuiPopover = /*#__PURE__*/function (_Component) {
           isAttached: attachToAnchor,
           className: (0, _classnames.default)(panelClassName, panelProps === null || panelProps === void 0 ? void 0 : panelProps.className),
           hasShadow: false,
+          hasBorder: false,
           paddingSize: panelPaddingSize,
           tabIndex: tabIndex,
           "aria-live": ariaLive,

package/test-env/components/popover/popover_footer.styles.js

@@ -19,7 +19,7 @@ var euiPopoverFooterStyles = exports.euiPopoverFooterStyles = function euiPopove
     highContrastMode = euiThemeContext.highContrastMode;
   return {
     // Base
-    euiPopoverFooter: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 's'), " ", (0, _global_styling.logicalCSS)('border-top', "".concat(euiTheme.border.width.thin, " solid ").concat(highContrastMode ? euiTheme.border.color : euiTheme.components.popoverFooterBorderColor)), (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:euiPopoverFooter;"),
+    euiPopoverFooter: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 's'), " ", (0, _global_styling.logicalCSS)('border-top', "".concat(euiTheme.border.width.thin, " solid ").concat(highContrastMode ? euiTheme.border.color : euiTheme.components.popoverFooterBorderColor)), (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:euiPopoverFooter;"),
     // If the popover's containing panel has padding applied,
     // ensure the footer expands to cover that padding via negative margins
     panelPaddingSizes: {

package/test-env/components/popover/popover_title.styles.js

@@ -19,7 +19,7 @@ var euiPopoverTitleStyles = exports.euiPopoverTitleStyles = function euiPopoverT
   var euiTheme = euiThemeContext.euiTheme;
   return {
     // Base
-    euiPopoverTitle: /*#__PURE__*/(0, _react.css)((0, _title.euiTitle)(euiThemeContext, 'xxs'), " ", (0, _global_styling.logicalCSS)('border-bottom', euiTheme.border.thin), (0, _global_styling.logicalCSS)('border-top-left-radius', euiTheme.border.radius.medium), " ", (0, _global_styling.logicalCSS)('border-top-right-radius', euiTheme.border.radius.medium), ";;label:euiPopoverTitle;"),
+    euiPopoverTitle: /*#__PURE__*/(0, _react.css)((0, _title.euiTitle)(euiThemeContext, 'xxs'), " ", (0, _global_styling.logicalCSS)('border-bottom', euiTheme.border.thin), (0, _global_styling.logicalCSS)('border-top-left-radius', euiTheme.border.radius.panel), " ", (0, _global_styling.logicalCSS)('border-top-right-radius', euiTheme.border.radius.panel), ";;label:euiPopoverTitle;"),
     // If the popover's containing panel has padding applied,
     // ensure the title expands to cover that padding via negative margins
     panelPaddingSizes: {

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

@@ -113,7 +113,7 @@ var euiProgressStyles = exports.euiProgressStyles = function euiProgressStyles(e
     },
     // Positioning
     fixed: /*#__PURE__*/(0, _react.css)("position:fixed;z-index:", Number(euiTheme.levels.header) + 1, ";", nonStaticPositioning(isNative), ";;label:fixed;"),
-    absolute: /*#__PURE__*/(0, _react.css)("position:absolute;", nonStaticPositioning(isNative), " ", (0, _global_styling.logicalCSS)('border-top-left-radius', 'inherit'), " ", (0, _global_styling.logicalCSS)('border-top-right-radius', 'inherit'), ";;label:absolute;"),
+    absolute: /*#__PURE__*/(0, _react.css)("position:absolute;z-index:", Number(euiTheme.levels.content) + 1, ";", nonStaticPositioning(isNative), " ", (0, _global_styling.logicalCSS)('border-top-left-radius', 'inherit'), " ", (0, _global_styling.logicalCSS)('border-top-right-radius', 'inherit'), ";;label:absolute;"),
     static: _ref2,
     // Colors
     primary: /*#__PURE__*/(0, _react.css)(nativeVsIndeterminateColor(euiTheme.colors.primary, isNative, highContrastMode), ";;label:primary;"),

package/test-env/components/resizable_container/resizable_panel.js

@@ -23,7 +23,7 @@ var _i18n = require("../i18n");
 var _resizable_collapse_button = require("./resizable_collapse_button");
 var _resizable_panel = require("./resizable_panel.styles");
 var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "css", "id", "isHorizontal", "size", "initialSize", "minSize", "scrollable", "mode", "registration", "onToggleCollapsed", "onToggleCollapsedInternal", "wrapperProps", "hasShadow", "borderRadius", "color", "paddingSize", "wrapperPadding"];
+var _excluded = ["children", "className", "css", "id", "isHorizontal", "size", "initialSize", "minSize", "scrollable", "mode", "registration", "onToggleCollapsed", "onToggleCollapsedInternal", "wrapperProps", "hasShadow", "hasBorder", "borderRadius", "color", "paddingSize", "wrapperPadding"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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; }
@@ -73,6 +73,8 @@ var EuiResizablePanel = exports.EuiResizablePanel = function EuiResizablePanel(_
     wrapperProps = _ref.wrapperProps,
     _ref$hasShadow = _ref.hasShadow,
     hasShadow = _ref$hasShadow === void 0 ? false : _ref$hasShadow,
+    _ref$hasBorder = _ref.hasBorder,
+    hasBorder = _ref$hasBorder === void 0 ? false : _ref$hasBorder,
     _ref$borderRadius = _ref.borderRadius,
     borderRadius = _ref$borderRadius === void 0 ? 'none' : _ref$borderRadius,
     _ref$color = _ref.color,
@@ -230,6 +232,7 @@ var EuiResizablePanel = exports.EuiResizablePanel = function EuiResizablePanel(_
     css: contentCssStyles,
     className: panelClasses,
     hasShadow: hasShadow,
+    hasBorder: hasBorder,
     borderRadius: borderRadius,
     color: color,
     paddingSize: isCollapsed ? 'none' : paddingSize
@@ -296,21 +299,26 @@ EuiResizablePanel.propTypes = {
      */
   wrapperPadding: _propTypes.default.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.default.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.default.bool,
   /**
-     * 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/selectable/selectable_list/selectable_list.styles.js

@@ -31,7 +31,7 @@ var euiSelectableListStyles = exports.euiSelectableListStyles = function euiSele
   return {
     euiSelectableList: /*#__PURE__*/(0, _react.css)("&:has(:focus-visible){", (0, _global_styling.euiFocusRing)(euiThemeContext, 'outset'), ";};label:euiSelectableList;"),
     fullHeight: _ref,
-    bordered: /*#__PURE__*/(0, _react.css)("overflow:hidden;border:", euiTheme.border.thin, ";border-radius:", euiTheme.border.radius.medium, ";;label:bordered;"),
+    bordered: /*#__PURE__*/(0, _react.css)("overflow:hidden;border:", euiTheme.border.thin, ";border-radius:", euiTheme.border.radius.panel, ";;label:bordered;"),
     paddingSize: {
       s: /*#__PURE__*/(0, _react.css)("padding:", euiTheme.size.s, ";;label:s;")
     },

package/test-env/components/selectable/selectable_message/selectable_message.styles.js

@@ -18,6 +18,6 @@ var euiSelectableMessageStyles = exports.euiSelectableMessageStyles = function e
   return {
     euiSelectableMessage: /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;justify-content:center;align-items:center;padding:", euiTheme.size.s, ";text-align:center;word-wrap:break-word;;label:euiSelectableMessage;"),
     // Match border from selectable_list
-    bordered: /*#__PURE__*/(0, _react.css)("overflow:hidden;border:", euiTheme.border.thin, ";border-radius:", euiTheme.border.radius.medium, ";;label:bordered;")
+    bordered: /*#__PURE__*/(0, _react.css)("overflow:hidden;border:", euiTheme.border.thin, ";border-radius:", euiTheme.border.radius.panel, ";;label:bordered;")
   };
 };

package/test-env/components/skeleton/skeleton_rectangle.styles.js

@@ -30,8 +30,8 @@ var euiSkeletonRectangleStyles = exports.euiSkeletonRectangleStyles = function e
       gradientSize: '400%'
     }), " ", (0, _high_contrast.preventForcedColors)(euiThemeContext), ";;label:euiSkeletonRectangle;"),
     // Border radius
-    s: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.small, ";;label:s;"),
-    m: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.medium, ";;label:m;"),
+    s: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.inline, ";;label:s;"),
+    m: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.inline, ";;label:m;"),
     none: _ref
   };
 };

package/test-env/components/skeleton/skeleton_text.styles.js

@@ -29,7 +29,7 @@ var calculateLineSize = function calculateLineSize(euiThemeContext, size) {
 var euiSkeletonTextStyles = exports.euiSkeletonTextStyles = function euiSkeletonTextStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
-    euiSkeletonText: /*#__PURE__*/(0, _react.css)("display:block;", (0, _global_styling.logicalCSS)('width', '100%'), " border-radius:", euiTheme.border.radius.small, ";", (0, _utils.euiSkeletonGradientAnimation)(euiThemeContext), " ", (0, _high_contrast.preventForcedColors)(euiThemeContext), "transform:translateY(-25%);&:last-child:not(:only-child){", (0, _global_styling.logicalCSS)('width', '75%'), ";};label:euiSkeletonText;"),
+    euiSkeletonText: /*#__PURE__*/(0, _react.css)("display:block;", (0, _global_styling.logicalCSS)('width', '100%'), " border-radius:", euiTheme.border.radius.inline, ";", (0, _utils.euiSkeletonGradientAnimation)(euiThemeContext), " ", (0, _high_contrast.preventForcedColors)(euiThemeContext), "transform:translateY(-25%);&:last-child:not(:only-child){", (0, _global_styling.logicalCSS)('width', '75%'), ";};label:euiSkeletonText;"),
     // Sizes
     m: /*#__PURE__*/(0, _react.css)(calculateLineSize(euiThemeContext, 'm'), ";;label:m;"),
     s: /*#__PURE__*/(0, _react.css)(calculateLineSize(euiThemeContext, 's'), ";;label:s;"),

package/test-env/components/skeleton/skeleton_title.styles.js

@@ -20,13 +20,13 @@ var _utils = require("./utils");
 var euiSkeletonTitleStyles = exports.euiSkeletonTitleStyles = function euiSkeletonTitleStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
   return {
-    euiSkeletonTitle: /*#__PURE__*/(0, _react.css)("display:block;", (0, _global_styling.logicalCSS)('width', '45%'), " border-radius:", euiTheme.border.radius.medium, ";", (0, _utils.euiSkeletonGradientAnimation)(euiThemeContext), " ", (0, _high_contrast.preventForcedColors)(euiThemeContext), ";;label:euiSkeletonTitle;"),
+    euiSkeletonTitle: /*#__PURE__*/(0, _react.css)("display:block;", (0, _global_styling.logicalCSS)('width', '45%'), " border-radius:", euiTheme.border.radius.inline, ";", (0, _utils.euiSkeletonGradientAnimation)(euiThemeContext), " ", (0, _high_contrast.preventForcedColors)(euiThemeContext), ";;label:euiSkeletonTitle;"),
     // Sizes
     l: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', (0, _title.euiTitle)(euiThemeContext, 'l').lineHeight), ";;label:l;"),
     m: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', (0, _title.euiTitle)(euiThemeContext, 'm').lineHeight), ";;label:m;"),
     s: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', (0, _title.euiTitle)(euiThemeContext, 's').lineHeight), ";;label:s;"),
     xs: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', (0, _title.euiTitle)(euiThemeContext, 'xs').lineHeight), ";;label:xs;"),
     xxs: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', (0, _title.euiTitle)(euiThemeContext, 'xxs').lineHeight), ";;label:xxs;"),
-    xxxs: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', (0, _title.euiTitle)(euiThemeContext, 'xxxs').lineHeight), " border-radius:", euiTheme.border.radius.small, ";;label:xxxs;")
+    xxxs: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('height', (0, _title.euiTitle)(euiThemeContext, 'xxxs').lineHeight), " border-radius:", euiTheme.border.radius.inline, ";;label:xxxs;")
   };
 };

package/test-env/components/table/sticky_header/sticky_header.js

@@ -133,12 +133,14 @@ var EuiTableStickyHeader = exports.EuiTableStickyHeader = function EuiTableStick
     css: styles.wrapper,
     "aria-hidden": "true"
   }, (0, _react2.jsx)("div", {
+    className: "euiTableStickyHeader__container",
     css: [
     // This CSS container is needed to feed `<EuiTableHeaderCell>`
     // with `sticky` prop set the necessary scroll state
     (0, _global_styling.euiContainerCSS)('normal', _const.EUI_TABLE_CSS_CONTAINER_NAME, true), styles.innerWrapper, ";label:EuiTableStickyHeader;"],
     ref: stickyTableWrapperRef
   }, (0, _react2.jsx)("table", {
+    className: "euiTableStickyHeader",
     css: tableStyles,
     ref: stickyTableRef
   }, (0, _react2.jsx)(_table_header.EuiTableHeader, {

package/test-env/components/table/sticky_scrollbar/sticky_scrollbar.styles.js

@@ -26,6 +26,6 @@ var euiTableStickyScrollbarStyles = exports.euiTableStickyScrollbarStyles = func
   return {
     wrapper: /*#__PURE__*/(0, _react.css)("block-size:", euiTheme.size.base, ";padding:", euiTheme.size.xs, ";position:sticky;background:", euiTheme.components.scrollbarTrackColor, ";inset-block-end:var(--euiTableStickyScrollbarOffsetBottom, 0);z-index:var(--euiTableStickyScrollbarZIndex, 0);;label:wrapper;"),
     wrapperHidden: _ref,
-    track: /*#__PURE__*/(0, _react.css)("block-size:100%;background:", (0, _services.transparentize)(euiTheme.colors.darkShade, 0.5), ";border-radius:", euiTheme.border.radius.small, ";;label:track;")
+    track: /*#__PURE__*/(0, _react.css)("block-size:100%;background:", (0, _services.transparentize)(euiTheme.colors.darkShade, 0.5), ";border-radius:", euiTheme.border.radius.inline, ";;label:track;")
   };
 };

package/test-env/components/table/table.js

@@ -73,6 +73,7 @@ var EuiTable = exports.EuiTable = function EuiTable(originalProps) {
     compressed: compressed,
     isResponsive: isResponsive
   }), (0, _react2.jsx)("div", {
+    className: "euiTable__wrapper",
     css: cssStyles,
     ref: tableWrapperRef
   }, (0, _react2.jsx)("table", (0, _extends2.default)({

package/test-env/components/table/table_header_cell.js

@@ -59,7 +59,8 @@ var CellContents = function CellContents(_ref) {
     position: "top",
     iconProps: _objectSpread({
       role: 'button'
-    }, tooltipProps.iconProps)
+    }, tooltipProps.iconProps),
+    display: "flex"
   }, tooltipProps.tooltipProps)) : null;
   return (0, _react2.jsx)(_table_cell_content.EuiTableCellContent, {
     className: className,

package/test-env/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/test-env/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;"),