@elastic/eui 94.5.2 → 94.6.0

package/es/components/badge/beta_badge/beta_badge.js

@@ -107,8 +107,7 @@ export var EuiBetaBadge = function EuiBetaBadge(_ref) {
       }, ___EmotionJSX("span", _extends({
         tabIndex: 0,
         css: cssStyles,
-        className: classes,
-        role: "button"
+        className: classes
       }, rest), icon || label));
     } else {
       var spanTitle = title || label;

package/es/components/combo_box/combo_box_options_list/combo_box_options_list.js

@@ -104,7 +104,7 @@ export var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
         return ___EmotionJSX("div", {
           key: key !== null && key !== void 0 ? key : label,
           style: style
-        }, ___EmotionJSX(EuiComboBoxTitle, null, label));
+        }, ___EmotionJSX(EuiComboBoxTitle, null, prepend, label, append));
       }
       var checked = undefined;
       if (singleSelection && selectedOptions.length && selectedOptions[0].label === label && selectedOptions[0].key === key) {

package/es/components/combo_box/matching_options.js

@@ -112,7 +112,9 @@ export var getMatchingOptions = function getMatchingOptions(_ref3) {
         matchingOptions.push({
           key: option.key,
           label: option.label,
-          isGroupLabelOption: true
+          isGroupLabelOption: true,
+          append: option.append,
+          prepend: option.prepend
         });
         // Add matching options for group
         // use concat over spreading to support large arrays - https://mathiasbynens.be/demo/javascript-argument-count

package/es/components/form/switch/switch.js

@@ -100,7 +100,7 @@ EuiSwitch.propTypes = {
   "data-test-subj": PropTypes.string,
   css: PropTypes.any,
   /**
-       * Whether to render the render the text label
+       * Whether to render the text label
        */
   showLabel: PropTypes.bool,
   /**
@@ -111,9 +111,8 @@ EuiSwitch.propTypes = {
   onChange: PropTypes.func.isRequired,
   disabled: PropTypes.bool,
   compressed: PropTypes.bool,
-  type: PropTypes.oneOf(["submit", "reset", "button"]),
   /**
-       * Object of props passed to the label's <span/>
+       * Object of props passed to the label's `<span />`
        */
   labelProps: PropTypes.shape({
     className: PropTypes.string,

package/eui.d.ts

@@ -7976,9 +7976,9 @@ declare module '@elastic/eui/src/components/form/switch/switch' {
 	export type EuiSwitchEvent = React.BaseSyntheticEvent<React.MouseEvent<HTMLButtonElement>, HTMLButtonElement, EventTarget & {
 	    checked: boolean;
 	}>;
-	export type EuiSwitchProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'type' | 'disabled'> & {
+	export type EuiSwitchProps = CommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'disabled'> & {
 	    /**
-	     * Whether to render the render the text label
+	     * Whether to render the text label
 	     */
 	    showLabel?: boolean;
 	    /**
@@ -7989,9 +7989,8 @@ declare module '@elastic/eui/src/components/form/switch/switch' {
 	    onChange: (event: EuiSwitchEvent) => void;
 	    disabled?: boolean;
 	    compressed?: boolean;
-	    type?: 'submit' | 'reset' | 'button';
 	    /**
-	     * Object of props passed to the label's <span/>
+	     * Object of props passed to the label's `<span />`
 	     */
 	    labelProps?: CommonProps & HTMLAttributes<HTMLSpanElement>;
 	};
@@ -23978,6 +23977,11 @@ declare module '@elastic/eui/.storybook/loki' {
 	     * Portal element content selector
 	     */
 	    readonly portal: "[data-euiportal=\"true\"]";
+	    /**
+	     * Body selector
+	     * TODO: remove when LOKI_SELECTORS.portal selector works as expected again
+	     */
+	    readonly body: "body";
 	};
 	/**
 	 * decorator for story play functions to ensure loki VRT with included interactions

package/i18ntokens.json

@@ -851,14 +851,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 335,
+        "line": 339,
         "column": 12,
-        "index": 9517
+        "index": 9584
       },
       "end": {
-        "line": 338,
+        "line": 342,
         "column": 14,
-        "index": 9640
+        "index": 9707
       }
     },
     "filepath": "src/components/combo_box/combo_box_options_list/combo_box_options_list.tsx"
@@ -869,14 +869,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 348,
+        "line": 352,
         "column": 16,
-        "index": 10079
+        "index": 10146
       },
       "end": {
-        "line": 352,
+        "line": 356,
         "column": 18,
-        "index": 10310
+        "index": 10377
       }
     },
     "filepath": "src/components/combo_box/combo_box_options_list/combo_box_options_list.tsx"
@@ -887,14 +887,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 367,
+        "line": 371,
         "column": 16,
-        "index": 10739
+        "index": 10806
       },
       "end": {
-        "line": 373,
+        "line": 377,
         "column": 18,
-        "index": 11012
+        "index": 11079
       }
     },
     "filepath": "src/components/combo_box/combo_box_options_list/combo_box_options_list.tsx"
@@ -905,14 +905,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 402,
+        "line": 406,
         "column": 20,
-        "index": 12003
+        "index": 12070
       },
       "end": {
-        "line": 408,
+        "line": 412,
         "column": 22,
-        "index": 12301
+        "index": 12368
       }
     },
     "filepath": "src/components/combo_box/combo_box_options_list/combo_box_options_list.tsx"
@@ -923,14 +923,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 419,
+        "line": 423,
         "column": 12,
-        "index": 12505
+        "index": 12572
       },
       "end": {
-        "line": 423,
+        "line": 427,
         "column": 14,
-        "index": 12726
+        "index": 12793
       }
     },
     "filepath": "src/components/combo_box/combo_box_options_list/combo_box_options_list.tsx"
@@ -941,14 +941,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 430,
+        "line": 434,
         "column": 10,
-        "index": 12845
+        "index": 12912
       },
       "end": {
-        "line": 433,
+        "line": 437,
         "column": 12,
-        "index": 12985
+        "index": 13052
       }
     },
     "filepath": "src/components/combo_box/combo_box_options_list/combo_box_options_list.tsx"
@@ -959,14 +959,14 @@
     "highlighting": "string",
     "loc": {
       "start": {
-        "line": 439,
+        "line": 443,
         "column": 10,
-        "index": 13098
+        "index": 13165
       },
       "end": {
-        "line": 442,
+        "line": 446,
         "column": 12,
-        "index": 13241
+        "index": 13308
       }
     },
     "filepath": "src/components/combo_box/combo_box_options_list/combo_box_options_list.tsx"

package/lib/components/badge/beta_badge/beta_badge.js

@@ -116,8 +116,7 @@ var EuiBetaBadge = function EuiBetaBadge(_ref) {
       }, (0, _react2.jsx)("span", _extends({
         tabIndex: 0,
         css: cssStyles,
-        className: classes,
-        role: "button"
+        className: classes
       }, rest), icon || label));
     } else {
       var spanTitle = title || label;

package/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js

@@ -111,7 +111,7 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
         return (0, _react2.jsx)("div", {
           key: key !== null && key !== void 0 ? key : label,
           style: style
-        }, (0, _react2.jsx)(_combo_box_title.EuiComboBoxTitle, null, label));
+        }, (0, _react2.jsx)(_combo_box_title.EuiComboBoxTitle, null, prepend, label, append));
       }
       var checked = undefined;
       if (singleSelection && selectedOptions.length && selectedOptions[0].label === label && selectedOptions[0].key === key) {

package/lib/components/combo_box/matching_options.js

@@ -121,7 +121,9 @@ var getMatchingOptions = function getMatchingOptions(_ref3) {
         matchingOptions.push({
           key: option.key,
           label: option.label,
-          isGroupLabelOption: true
+          isGroupLabelOption: true,
+          append: option.append,
+          prepend: option.prepend
         });
         // Add matching options for group
         // use concat over spreading to support large arrays - https://mathiasbynens.be/demo/javascript-argument-count

package/lib/components/form/switch/switch.js

@@ -109,7 +109,7 @@ EuiSwitch.propTypes = {
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
   /**
-       * Whether to render the render the text label
+       * Whether to render the text label
        */
   showLabel: _propTypes.default.bool,
   /**
@@ -120,9 +120,8 @@ EuiSwitch.propTypes = {
   onChange: _propTypes.default.func.isRequired,
   disabled: _propTypes.default.bool,
   compressed: _propTypes.default.bool,
-  type: _propTypes.default.oneOf(["submit", "reset", "button"]),
   /**
-       * Object of props passed to the label's <span/>
+       * Object of props passed to the label's `<span />`
        */
   labelProps: _propTypes.default.shape({
     className: _propTypes.default.string,

package/optimize/es/components/badge/beta_badge/beta_badge.js

@@ -105,8 +105,7 @@ export var EuiBetaBadge = function EuiBetaBadge(_ref) {
       }, ___EmotionJSX("span", _extends({
         tabIndex: 0,
         css: cssStyles,
-        className: classes,
-        role: "button"
+        className: classes
       }, rest), icon || label));
     } else {
       var spanTitle = title || label;

package/optimize/es/components/combo_box/combo_box_options_list/combo_box_options_list.js

@@ -97,7 +97,7 @@ export var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
         return ___EmotionJSX("div", {
           key: key !== null && key !== void 0 ? key : label,
           style: style
-        }, ___EmotionJSX(EuiComboBoxTitle, null, label));
+        }, ___EmotionJSX(EuiComboBoxTitle, null, prepend, label, append));
       }
       var checked = undefined;
       if (singleSelection && selectedOptions.length && selectedOptions[0].label === label && selectedOptions[0].key === key) {

package/optimize/es/components/combo_box/matching_options.js

@@ -107,7 +107,9 @@ export var getMatchingOptions = function getMatchingOptions(_ref3) {
         matchingOptions.push({
           key: option.key,
           label: option.label,
-          isGroupLabelOption: true
+          isGroupLabelOption: true,
+          append: option.append,
+          prepend: option.prepend
         });
         // Add matching options for group
         // use concat over spreading to support large arrays - https://mathiasbynens.be/demo/javascript-argument-count

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

@@ -114,8 +114,7 @@ var EuiBetaBadge = function EuiBetaBadge(_ref) {
       }, (0, _react2.jsx)("span", (0, _extends2.default)({
         tabIndex: 0,
         css: cssStyles,
-        className: classes,
-        role: "button"
+        className: classes
       }, rest), icon || label));
     } else {
       var spanTitle = title || label;

package/optimize/lib/components/combo_box/combo_box_options_list/combo_box_options_list.js

@@ -105,7 +105,7 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
         return (0, _react2.jsx)("div", {
           key: key !== null && key !== void 0 ? key : label,
           style: style
-        }, (0, _react2.jsx)(_combo_box_title.EuiComboBoxTitle, null, label));
+        }, (0, _react2.jsx)(_combo_box_title.EuiComboBoxTitle, null, prepend, label, append));
       }
       var checked = undefined;
       if (singleSelection && selectedOptions.length && selectedOptions[0].label === label && selectedOptions[0].key === key) {

package/optimize/lib/components/combo_box/matching_options.js

@@ -117,7 +117,9 @@ var getMatchingOptions = function getMatchingOptions(_ref3) {
         matchingOptions.push({
           key: option.key,
           label: option.label,
-          isGroupLabelOption: true
+          isGroupLabelOption: true,
+          append: option.append,
+          prepend: option.prepend
         });
         // Add matching options for group
         // use concat over spreading to support large arrays - https://mathiasbynens.be/demo/javascript-argument-count

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "94.5.2",
+  "version": "94.6.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",
   "types": "eui.d.ts",
-  "docker_image": "20.12.1",
+  "docker_image": "20.13.1",
   "engines": {
     "node": "16.x || 18.x || >=20.x"
   },
@@ -118,6 +118,7 @@
     "@storybook/addon-links": "^8.0.5",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
     "@storybook/blocks": "^8.0.5",
+    "@storybook/manager-api": "^8.1.2",
     "@storybook/react": "^8.0.5",
     "@storybook/react-webpack5": "^8.0.5",
     "@storybook/test": "^8.0.5",

package/src/components/combo_box/combo_box_options_list/_combo_box_title.scss

@@ -3,9 +3,10 @@
  *    works.
  */
 .euiComboBoxTitle {
-  font-size: $euiFontSizeXS;
-  padding: ($euiSizeXS + $euiSizeS - 1px) $euiSizeS $euiSizeXS; /* 1 */
+  display: flex;
   width: 100%;
+  padding: ($euiSizeXS + $euiSizeS - 1px) $euiSizeS $euiSizeXS; /* 1 */
+  font-size: $euiFontSizeXS;
   font-weight: $euiFontWeightBold;
   color: $euiColorFullShade;
 }

package/test-env/components/badge/beta_badge/beta_badge.js

@@ -115,8 +115,7 @@ var EuiBetaBadge = function EuiBetaBadge(_ref) {
       }, (0, _react2.jsx)("span", (0, _extends2.default)({
         tabIndex: 0,
         css: cssStyles,
-        className: classes,
-        role: "button"
+        className: classes
       }, rest), icon || label));
     } else {
       var spanTitle = title || label;

package/test-env/components/combo_box/combo_box_options_list/combo_box_options_list.js

@@ -106,7 +106,7 @@ var EuiComboBoxOptionsList = /*#__PURE__*/function (_Component) {
         return (0, _react2.jsx)("div", {
           key: key !== null && key !== void 0 ? key : label,
           style: style
-        }, (0, _react2.jsx)(_combo_box_title.EuiComboBoxTitle, null, label));
+        }, (0, _react2.jsx)(_combo_box_title.EuiComboBoxTitle, null, prepend, label, append));
       }
       var checked = undefined;
       if (singleSelection && selectedOptions.length && selectedOptions[0].label === label && selectedOptions[0].key === key) {

package/test-env/components/combo_box/matching_options.js

@@ -117,7 +117,9 @@ var getMatchingOptions = function getMatchingOptions(_ref3) {
         matchingOptions.push({
           key: option.key,
           label: option.label,
-          isGroupLabelOption: true
+          isGroupLabelOption: true,
+          append: option.append,
+          prepend: option.prepend
         });
         // Add matching options for group
         // use concat over spreading to support large arrays - https://mathiasbynens.be/demo/javascript-argument-count

package/test-env/components/form/switch/switch.js

@@ -108,7 +108,7 @@ EuiSwitch.propTypes = {
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
   /**
-       * Whether to render the render the text label
+       * Whether to render the text label
        */
   showLabel: _propTypes.default.bool,
   /**
@@ -119,9 +119,8 @@ EuiSwitch.propTypes = {
   onChange: _propTypes.default.func.isRequired,
   disabled: _propTypes.default.bool,
   compressed: _propTypes.default.bool,
-  type: _propTypes.default.oneOf(["submit", "reset", "button"]),
   /**
-       * Object of props passed to the label's <span/>
+       * Object of props passed to the label's `<span />`
        */
   labelProps: _propTypes.default.shape({
     className: _propTypes.default.string,