@elastic/eui 63.0.3 → 65.0.0

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

@@ -21,7 +21,7 @@ var _icon = require("../../icon");
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["className", "label", "color", "tooltipContent", "tooltipPosition", "title", "iconType", "onClick", "onClickAriaLabel", "href", "rel", "target", "size"];
+var _excluded = ["className", "label", "color", "tooltipContent", "tooltipPosition", "anchorProps", "title", "iconType", "onClick", "onClickAriaLabel", "href", "rel", "target", "size"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -60,6 +60,7 @@ var EuiBetaBadge = function EuiBetaBadge(_ref) {
       tooltipContent = _ref.tooltipContent,
       _ref$tooltipPosition = _ref.tooltipPosition,
       tooltipPosition = _ref$tooltipPosition === void 0 ? 'top' : _ref$tooltipPosition,
+      anchorProps = _ref.anchorProps,
       title = _ref.title,
       iconType = _ref.iconType,
       onClick = _ref.onClick,
@@ -125,7 +126,8 @@ var EuiBetaBadge = function EuiBetaBadge(_ref) {
       return (0, _react2.jsx)(_tool_tip.EuiToolTip, {
         position: tooltipPosition,
         content: tooltipContent,
-        title: title || label
+        title: title || label,
+        anchorProps: anchorProps
       }, content);
     } else {
       return (0, _react2.jsx)(_react.Fragment, null, content);
@@ -135,7 +137,8 @@ var EuiBetaBadge = function EuiBetaBadge(_ref) {
       return (0, _react2.jsx)(_tool_tip.EuiToolTip, {
         position: tooltipPosition,
         content: tooltipContent,
-        title: title || label
+        title: title || label,
+        anchorProps: anchorProps
       }, (0, _react2.jsx)("span", _extends({
         tabIndex: 0,
         className: classes,
@@ -161,6 +164,7 @@ EuiBetaBadge.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * Will apply an onclick to the badge itself
@@ -199,6 +203,16 @@ EuiBetaBadge.propTypes = {
      */
   tooltipPosition: _propTypes.default.oneOf(["top", "right", "bottom", "left"]),
 
+  /**
+     * Passes onto the span wrapping the badge
+     */
+  anchorProps: _propTypes.default.shape({
+    className: _propTypes.default.string,
+    "aria-label": _propTypes.default.string,
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
+  }),
+
   /**
      * Optional title will be supplied as tooltip title or title attribute
      * otherwise the label will be used

package/lib/components/badge/notification_badge/badge_notification.js

@@ -63,5 +63,6 @@ EuiNotificationBadge.propTypes = {
   color: _propTypes.default.oneOf(["accent", "subdued"]),
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };

package/lib/components/basic_table/basic_table.js

@@ -1172,6 +1172,7 @@ EuiBasicTable.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * Describes how to extract a unique ID from each item, used for selections & expanded rows
@@ -1281,7 +1282,8 @@ EuiBasicTable.propTypes = {
     readOnly: _propTypes.default.bool,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
-    "data-test-subj": _propTypes.default.string
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   }).isRequired, _propTypes.default.shape({
     /**
        * A function that computes the value for each item and renders it
@@ -1321,7 +1323,8 @@ EuiBasicTable.propTypes = {
     readOnly: _propTypes.default.bool,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
-    "data-test-subj": _propTypes.default.string
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   }).isRequired, _propTypes.default.shape({
     /**
        * An array of one of the objects: #DefaultItemAction or #CustomItemAction
@@ -1335,7 +1338,7 @@ EuiBasicTable.propTypes = {
       /**
          * Defines the color of the button
          */
-      color: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.oneOf(["primary", "danger", "text", "ghost", "success", "warning"]).isRequired, _propTypes.default.func.isRequired]), _propTypes.default.oneOfType([_propTypes.default.oneOf(["primary", "accent", "success", "warning", "danger", "ghost", "text"]).isRequired, _propTypes.default.func.isRequired])]),
+      color: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.oneOf(["ghost"])]).isRequired, _propTypes.default.func.isRequired]),
 
       /**
          * The display name of the action (will be the button caption)

package/lib/components/basic_table/collapsed_item_actions.js

@@ -251,7 +251,7 @@ CollapsedItemActions.propTypes = {
     /**
        * Defines the color of the button
        */
-    color: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.oneOf(["primary", "danger", "text", "ghost", "success", "warning"]).isRequired, _propTypes.default.func.isRequired]), _propTypes.default.oneOfType([_propTypes.default.oneOf(["primary", "accent", "success", "warning", "danger", "ghost", "text"]).isRequired, _propTypes.default.func.isRequired])]),
+    color: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.oneOf(["ghost"])]).isRequired, _propTypes.default.func.isRequired]),
 
     /**
        * The display name of the action (will be the button caption)

package/lib/components/basic_table/in_memory_table.js

@@ -593,6 +593,7 @@ EuiInMemoryTable.propTypes = {
   className: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
   "aria-label": _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
   "data-test-subj": _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.string]), _propTypes.default.string]),
+  css: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.any, _propTypes.default.any]), _propTypes.default.any]),
 
   /**
      * Describes how to extract a unique ID from each item, used for selections & expanded rows
@@ -702,7 +703,8 @@ EuiInMemoryTable.propTypes = {
     readOnly: _propTypes.default.bool,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
-    "data-test-subj": _propTypes.default.string
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   }).isRequired, _propTypes.default.shape({
     /**
        * A function that computes the value for each item and renders it
@@ -742,7 +744,8 @@ EuiInMemoryTable.propTypes = {
     readOnly: _propTypes.default.bool,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
-    "data-test-subj": _propTypes.default.string
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   }).isRequired, _propTypes.default.shape({
     /**
        * An array of one of the objects: #DefaultItemAction or #CustomItemAction
@@ -756,7 +759,7 @@ EuiInMemoryTable.propTypes = {
       /**
          * Defines the color of the button
          */
-      color: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.oneOf(["primary", "danger", "text", "ghost", "success", "warning"]).isRequired, _propTypes.default.func.isRequired]), _propTypes.default.oneOfType([_propTypes.default.oneOf(["primary", "accent", "success", "warning", "danger", "ghost", "text"]).isRequired, _propTypes.default.func.isRequired])]),
+      color: _propTypes.default.oneOfType([_propTypes.default.oneOfType([_propTypes.default.any.isRequired, _propTypes.default.oneOf(["ghost"])]).isRequired, _propTypes.default.func.isRequired]),
 
       /**
          * The display name of the action (will be the button caption)
@@ -1020,6 +1023,7 @@ EuiInMemoryTable.propTypes = {
       className: _propTypes.default.string,
       "aria-label": _propTypes.default.string,
       "data-test-subj": _propTypes.default.string,
+      css: _propTypes.default.any,
       // Boolean values are not meaningful to this EuiSearchBox, but are allowed so that other
       // components can use e.g. a true value to mean "auto-derive a schema". See EuiInMemoryTable.
       // Admittedly, this is a bit of a hack.
@@ -1128,7 +1132,8 @@ EuiInMemoryTable.propTypes = {
     dateFormat: _propTypes.default.any,
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
-    "data-test-subj": _propTypes.default.string
+    "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any
   }).isRequired]),
   pagination: _propTypes.default.oneOfType([_propTypes.default.oneOf([undefined]), _propTypes.default.oneOfType([_propTypes.default.bool.isRequired, _propTypes.default.shape({
     pageSizeOptions: _propTypes.default.arrayOf(_propTypes.default.number.isRequired),

package/lib/components/beacon/beacon.js

@@ -59,6 +59,7 @@ EuiBeacon.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * Height and width of the center circle. Value is passed directly to the `style` attribute

package/lib/components/beacon/beacon.styles.js

@@ -22,7 +22,7 @@ var euiBeaconPulseSmall = (0, _react.keyframes)(_templateObject2 || (_templateOb
 var euiBeaconStyles = function euiBeaconStyles() {
   return {
     // Base
-    euiBeacon: /*#__PURE__*/(0, _react.css)("position:relative;background-color:", visColors[0], ";border-radius:50%;&:before,&:after{position:absolute;content:'';height:100%;width:100%;inset-inline-start:0;inset-block-start:0;background-color:transparent;border-radius:50%;box-shadow:0 0 1px 1px ", visColors[0], ";}&:before{transform:scale(1.6);opacity:0.4;}&:after{opacity:0;}", _global_styling.euiCanAnimate, "{&:before{animation:", euiBeaconPulseLarge, " 2.5s infinite ease-out;}&:after{animation:", euiBeaconPulseSmall, " 2.5s infinite ease-out 0.25s;}};label:euiBeacon;")
+    euiBeacon: /*#__PURE__*/(0, _react.css)("position:relative;background-color:", visColors[0], ";border-radius:50%;&:before,&:after{position:absolute;content:'';", (0, _global_styling.logicalSizeCSS)('100%', '100%'), " ", (0, _global_styling.logicalCSS)('left', 0), " ", (0, _global_styling.logicalCSS)('top', 0), " background-color:transparent;border-radius:50%;box-shadow:0 0 1px 1px ", visColors[0], ";}&:before{transform:scale(1.6);opacity:0.4;}&:after{opacity:0;}", _global_styling.euiCanAnimate, "{&:before{animation:", euiBeaconPulseLarge, " 2.5s infinite ease-out;}&:after{animation:", euiBeaconPulseSmall, " 2.5s infinite ease-out 0.25s;}};label:euiBeacon;")
   };
 };
 

package/lib/components/bottom_bar/bottom_bar.js

@@ -173,6 +173,7 @@ _EuiBottomBar.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * How to position the bottom bar against its parent.
@@ -255,6 +256,7 @@ EuiBottomBar.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
        * How to position the bottom bar against its parent.

package/lib/components/breadcrumbs/breadcrumb.js

@@ -145,6 +145,7 @@ EuiBreadcrumbContent.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
   href: _propTypes.default.string,
   rel: _propTypes.default.string,
   onClick: _propTypes.default.func,

package/lib/components/breadcrumbs/breadcrumb.styles.js

@@ -55,8 +55,8 @@ var euiBreadcrumbContentStyles = function euiBreadcrumbContentStyles(euiThemeCon
     isTruncated: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiTextTruncate)("".concat(parseFloat(euiTheme.size.base) * 10, "px")), ";;label:isTruncated;"),
     isTruncatedLast: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiTextTruncate)('none'), ";;label:isTruncatedLast;"),
     // Types
-    page: /*#__PURE__*/(0, _react.css)("&:is(a):focus{", (0, _global_styling.euiFocusRing)(euiTheme, 'inset'), ";}&:is(button):focus{", (0, _global_styling.euiFocusRing)(euiTheme, 'center'), ";};label:page;"),
-    application: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiFontSize)(euiThemeContext, 'xs'), ";background-color:", (0, _color.transparentize)(euiTheme.colors.darkestShade, 0.2), ";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        ", euiTheme.size.s, " 50%\n      );color:", euiTheme.colors.darkestShade, ";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),&:is(button){background-color:", (0, _color.transparentize)(euiTheme.colors.primary, 0.2), ";color:", euiTheme.colors.link, ";:focus{", (0, _global_styling.euiFocusRing)(euiTheme, 'inset'), ";:focus-visible{border-radius:", euiTheme.border.radius.medium, ";clip-path:none;}}};label:application;"),
+    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'), ";background-color:", (0, _color.transparentize)(euiTheme.colors.darkestShade, 0.2), ";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        ", euiTheme.size.s, " 50%\n      );color:", euiTheme.colors.darkestShade, ";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),&:is(button){background-color:", (0, _color.transparentize)(euiTheme.colors.primary, 0.2), ";color:", euiTheme.colors.link, ";:focus{", (0, _global_styling.euiFocusRing)(euiThemeContext, 'inset'), ";:focus-visible{border-radius:", euiTheme.border.radius.medium, ";clip-path:none;}}};label:application;"),
     applicationStyles: {
       onlyChild: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.medium, ";clip-path:none;", (0, _global_styling.logicalCSS)('padding-horizontal', euiTheme.size.m), ",;;label:onlyChild;"),
       firstChild: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.medium, " 0 0 ", euiTheme.border.radius.medium, ";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), ",;;label:firstChild;"),

package/lib/components/breadcrumbs/breadcrumbs.js

@@ -110,6 +110,7 @@ EuiBreadcrumbs.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any,
 
   /**
      * Hides extra (above the max) breadcrumbs under a collapsed item as the window gets smaller.
@@ -142,6 +143,7 @@ EuiBreadcrumbs.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     href: _propTypes.default.string,
     rel: _propTypes.default.string,
     onClick: _propTypes.default.func,

package/lib/components/button/_button_content_deprecated.js

@@ -93,11 +93,13 @@ EuiButtonContentDeprecated.propTypes = {
     className: _propTypes.default.string,
     "aria-label": _propTypes.default.string,
     "data-test-subj": _propTypes.default.string,
+    css: _propTypes.default.any,
     ref: _propTypes.default.any,
     "data-text": _propTypes.default.string
   }),
   iconSize: _propTypes.default.oneOf(["s", "m"]),
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
-  "data-test-subj": _propTypes.default.string
+  "data-test-subj": _propTypes.default.string,
+  css: _propTypes.default.any
 };