@elastic/eui 82.0.0 → 82.2.0

package/test-env/components/button/button_icon/button_icon.styles.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiButtonIconStyles = exports._emptyHoverStyles = void 0;
+var _react = require("@emotion/react");
+var _global_styling = require("../../../global_styling");
+var _button = require("../../../themes/amsterdam/global_styling/mixins/button");
+var _button_display = require("../button_display/_button_display.styles");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /*
+                                                                                                                                                                                                                                                                                           * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+                                                                                                                                                                                                                                                                                           * or more contributor license agreements. Licensed under the Elastic License
+                                                                                                                                                                                                                                                                                           * 2.0 and the Server Side Public License, v 1; you may not use this file except
+                                                                                                                                                                                                                                                                                           * in compliance with, at your election, the Elastic License 2.0 or the Server
+                                                                                                                                                                                                                                                                                           * Side Public License, v 1.
+                                                                                                                                                                                                                                                                                           */
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "8595p9-isDisabled",
+  styles: "cursor:not-allowed;label:isDisabled;"
+} : {
+  name: "8595p9-isDisabled",
+  styles: "cursor:not-allowed;label:isDisabled;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var euiButtonIconStyles = function euiButtonIconStyles(euiThemeContext) {
+  var sizes = (0, _button.euiButtonSizeMap)(euiThemeContext);
+  return {
+    euiButtonIcon: /*#__PURE__*/(0, _react.css)((0, _button_display.euiButtonBaseCSS)(), "display:inline-flex;align-items:center;justify-content:space-around;&>svg{pointer-events:none;};label:euiButtonIcon;"),
+    isDisabled: _ref,
+    // Sizes
+    xs: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalSizeCSS)(sizes.xs.height), " border-radius:", sizes.xs.radius, ";;label:xs;"),
+    s: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalSizeCSS)(sizes.s.height), " border-radius:", sizes.s.radius, ";;label:s;"),
+    m: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalSizeCSS)(sizes.m.height), " border-radius:", sizes.m.radius, ";;label:m;")
+  };
+};
+exports.euiButtonIconStyles = euiButtonIconStyles;
+var _emptyHoverStyles = function _emptyHoverStyles(euiThemeContext, color) {
+  return /*#__PURE__*/(0, _react.css)("&:hover{background-color:", (0, _button.euiButtonEmptyColor)(euiThemeContext, color).backgroundColor, ";}");
+};
+exports._emptyHoverStyles = _emptyHoverStyles;

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

@@ -18,7 +18,7 @@ var euiCallOutStyles = function euiCallOutStyles(_ref) {
   var euiTheme = _ref.euiTheme;
   return {
     euiCallOut: /*#__PURE__*/(0, _react.css)(";label:euiCallOut;"),
-    euiCallOut__icon: /*#__PURE__*/(0, _react.css)("position:relative;", (0, _global_styling.logicalCSS)('top', '-1px'), ";", (0, _global_styling.logicalCSS)('margin-right', euiTheme.size.s), ";;label:euiCallOut__icon;"),
+    euiCallOut__icon: /*#__PURE__*/(0, _react.css)("position:relative;", (0, _global_styling.logicalCSS)('top', '-1px'), " ", (0, _global_styling.logicalCSS)('margin-right', euiTheme.size.s), ";;label:euiCallOut__icon;"),
     euiCallOut__description: /*#__PURE__*/(0, _react.css)(":not(:only-child){", (0, _global_styling.logicalCSS)('margin-top', euiTheme.size.s), ";};label:euiCallOut__description;")
   };
 };

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

@@ -71,9 +71,9 @@ var euiCardStyles = function euiCardStyles(euiThemeContext, paddingSize) {
     card: {
       euiCard: /*#__PURE__*/(0, _react.css)("display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;&:has(\n            [class*='euiCard__text'][class*='-interactive']:focus:focus-visible\n          ){outline:", euiTheme.focus.width, " solid currentColor;};label:euiCard;"),
       aligned: {
-        center: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalTextAlignCSS)('center'), ";align-items:center;;label:center;"),
-        left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalTextAlignCSS)('left'), ";align-items:flex-start;;label:left;"),
-        right: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalTextAlignCSS)('right'), ";align-items:flex-end;;label:right;")
+        center: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalTextAlignCSS)('center'), " align-items:center;;label:center;"),
+        left: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalTextAlignCSS)('left'), " align-items:flex-start;;label:left;"),
+        right: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalTextAlignCSS)('right'), " align-items:flex-end;;label:right;")
       },
       disabled: /*#__PURE__*/(0, _react.css)("cursor:not-allowed;background-color:", (0, _mixins.euiButtonColor)(euiThemeContext, 'disabled'), ";color:", euiTheme.colors.disabledText, ";;label:disabled;")
     },
@@ -93,7 +93,7 @@ var euiCardStyles = function euiCardStyles(euiThemeContext, paddingSize) {
     },
     euiCard__children: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('margin-top', halfSpacing), ";;label:euiCard__children;"),
     euiCard__description: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('margin-top', halfSpacing), ";;label:euiCard__description;"),
-    euiCard__footer: /*#__PURE__*/(0, _react.css)("flex-grow:0;", (0, _global_styling.logicalCSS)('width', '100%'), ";", (0, _global_styling.logicalCSS)('margin-top', spacing), ";;label:euiCard__footer;"),
+    euiCard__footer: /*#__PURE__*/(0, _react.css)("flex-grow:0;", (0, _global_styling.logicalCSS)('width', '100%'), (0, _global_styling.logicalCSS)('margin-top', spacing), ";;label:euiCard__footer;"),
     top: {
       euiCard__top: /*#__PURE__*/(0, _react.css)("flex-grow:0;font-size:0;position:relative;", (0, _global_styling.logicalCSS)('margin-bottom', spacing), ";;label:euiCard__top;"),
       layout: {
@@ -103,12 +103,12 @@ var euiCardStyles = function euiCardStyles(euiThemeContext, paddingSize) {
       disabled: _ref2
     },
     image: {
-      euiCard__image: /*#__PURE__*/(0, _react.css)("position:relative;overflow:hidden;", (0, _global_styling.logicalCSS)('width', "calc(100% + (".concat(paddingAmount, " * 2))")), ";", (0, _global_styling.logicalCSS)('left', "-".concat(paddingAmount)), ";", (0, _global_styling.logicalCSS)('top', "-".concat(paddingAmount)), ";", (0, _global_styling.logicalCSS)('margin-bottom', "-".concat(paddingAmount)), ";", (0, _global_styling.logicalCSS)('border-top-left-radius', "calc(".concat(euiTheme.border.radius.medium, " - ").concat(euiTheme.border.width.thin, ")")), " ", _global_styling.logicals['border-top-right-radius'], ":calc(", euiTheme.border.radius.medium, " - ", euiTheme.border.width.thin, ");img{", (0, _global_styling.logicalCSS)('width', '100%'), ";};label:euiCard__image;"),
+      euiCard__image: /*#__PURE__*/(0, _react.css)("position:relative;overflow:hidden;", (0, _global_styling.logicalCSS)('width', "calc(100% + (".concat(paddingAmount, " * 2))")), " ", (0, _global_styling.logicalCSS)('left', "-".concat(paddingAmount)), " ", (0, _global_styling.logicalCSS)('top', "-".concat(paddingAmount)), (0, _global_styling.logicalCSS)('margin-bottom', "-".concat(paddingAmount)), (0, _global_styling.logicalCSS)('border-top-left-radius', "calc(".concat(euiTheme.border.radius.medium, " - ").concat(euiTheme.border.width.thin, ")")), " ", _global_styling.logicals['border-top-right-radius'], ":calc(", euiTheme.border.radius.medium, " - ", euiTheme.border.width.thin, ");img{", (0, _global_styling.logicalCSS)('width', '100%'), ";};label:euiCard__image;"),
       transparent: /*#__PURE__*/(0, _react.css)("border-radius:", euiTheme.border.radius.medium, ";;label:transparent;")
     },
     icon: {
       euiCard__icon: /*#__PURE__*/(0, _react.css)(";label:euiCard__icon;"),
-      withImage: /*#__PURE__*/(0, _react.css)("position:absolute;", (0, _global_styling.logicalCSS)('top', '50%'), ";", (0, _global_styling.logicalCSS)('left', '50%'), ";transform:translate(-50%, calc(-50% + -", paddingAmount, "))!important;;label:withImage;"),
+      withImage: /*#__PURE__*/(0, _react.css)("position:absolute;", (0, _global_styling.logicalCSS)('top', '50%'), " ", (0, _global_styling.logicalCSS)('left', '50%'), "transform:translate(\n          -50%,\n          calc(-50% + -", paddingAmount, ")\n        )!important;;label:withImage;"),
       layout: {
         vertical: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('margin-top', halfSpacing), ";;label:vertical;"),
         horizontal: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('margin-right', spacing), ";;label:horizontal;")
@@ -144,7 +144,7 @@ var euiCardBetaBadgeStyles = function euiCardBetaBadgeStyles(euiThemeContext, pa
   var padding = (0, _global_styling.euiPaddingSize)(euiThemeContext, paddingSize);
   return {
     hasBetaBadge: /*#__PURE__*/(0, _react.css)("position:relative;overflow:visible;", (0, _global_styling.logicalCSS)('padding-top', "calc(".concat(padding, " + ").concat(euiTheme.size.s, ")")), ";;label:hasBetaBadge;"),
-    euiCard__betaBadgeAnchor: /*#__PURE__*/(0, _react.css)("line-height:0;position:absolute;", (0, _global_styling.logicalCSS)('top', '0'), ";", (0, _global_styling.logicalCSS)('left', '50%'), ";transform:translateX(-50%) translateY(-50%);z-index:3;", (0, _global_styling.logicalCSS)('min-width', 'min(30%, 112px)'), ";", (0, _global_styling.logicalCSS)('max-width', "calc(100% - (".concat(padding, " * 2))")), ";;label:euiCard__betaBadgeAnchor;"),
+    euiCard__betaBadgeAnchor: /*#__PURE__*/(0, _react.css)("line-height:0;position:absolute;", (0, _global_styling.logicalCSS)('top', '0'), " ", (0, _global_styling.logicalCSS)('left', '50%'), " transform:translateX(-50%) translateY(-50%);z-index:3;", (0, _global_styling.logicalCSS)('min-width', 'min(30%, 112px)'), " ", (0, _global_styling.logicalCSS)('max-width', "calc(100% - (".concat(padding, " * 2))")), ";;label:euiCard__betaBadgeAnchor;"),
     euiCard__betaBadge: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('width', '100%'), ";;label:euiCard__betaBadge;")
   };
 };

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

@@ -15,6 +15,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _services = require("../../services");
 var _flyout = require("../flyout");
+var _collapsible_nav = require("./collapsible_nav.styles");
 var _react2 = require("@emotion/react");
 var _excluded = ["id", "children", "className", "isDocked", "isOpen", "button", "showButtonIfDocked", "dockedBreakpoint", "as", "size", "side", "ownFocus", "outsideClickCloses", "closeButtonPosition", "paddingSize", "focusTrapProps"];
 /*
@@ -70,7 +71,11 @@ var EuiCollapsibleNav = function EuiCollapsibleNav(_ref) {
   });
   var windowIsLargeEnoughToPush = (0, _services.useIsWithinMinBreakpoint)(dockedBreakpoint);
   var navIsDocked = isDocked && windowIsLargeEnoughToPush;
+  var flyoutType = navIsDocked ? 'push' : 'overlay';
   var classes = (0, _classnames.default)('euiCollapsibleNav', className);
+  var euiTheme = (0, _services.useEuiTheme)();
+  var styles = (0, _collapsible_nav.euiCollapsibleNavStyles)(euiTheme);
+  var cssStyles = [styles.euiCollapsibleNav, styles[flyoutType]];
 
   // Show a trigger button if one was passed but
   // not if navIsDocked and showButtonIfDocked is false
@@ -89,6 +94,7 @@ var EuiCollapsibleNav = function EuiCollapsibleNav(_ref) {
   });
   var flyout = (0, _react2.jsx)(_flyout.EuiFlyout, (0, _extends2.default)({
     id: flyoutID,
+    css: cssStyles,
     className: classes
     // Flyout props we set different defaults for
     ,
@@ -102,7 +108,7 @@ var EuiCollapsibleNav = function EuiCollapsibleNav(_ref) {
     focusTrapProps: focusTrapProps
   }, rest, {
     // Props dependent on internal docked status
-    type: navIsDocked ? 'push' : 'overlay',
+    type: flyoutType,
     hideCloseButton: navIsDocked,
     pushMinBreakpoint: dockedBreakpoint
   }), children);

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiCollapsibleNavStyles = void 0;
+var _react = require("@emotion/react");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+var euiCollapsibleNavStyles = function euiCollapsibleNavStyles(_ref) {
+  var euiTheme = _ref.euiTheme;
+  return {
+    euiCollapsibleNav: /*#__PURE__*/(0, _react.css)(";label:euiCollapsibleNav;"),
+    // The majority of styles extend from EuiFlyout
+    push: /*#__PURE__*/(0, _react.css)(";label:push;"),
+    // No z-index needed
+    overlay: /*#__PURE__*/(0, _react.css)("z-index:", euiTheme.levels.navigation, ";;label:overlay;")
+  };
+};
+exports.euiCollapsibleNavStyles = euiCollapsibleNavStyles;

package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.js

@@ -15,6 +15,7 @@ var _accordion = require("../../accordion");
 var _icon = require("../../icon");
 var _flex = require("../../flex");
 var _title = require("../../title");
+var _collapsible_nav_group = require("./collapsible_nav_group.styles");
 var _react2 = require("@emotion/react");
 var _excluded = ["className", "children", "id", "title", "iconType", "iconSize", "background", "isCollapsible", "titleElement", "titleSize", "iconProps"];
 /*
@@ -24,12 +25,7 @@ var _excluded = ["className", "children", "id", "title", "iconType", "iconSize",
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-var backgroundToClassNameMap = {
-  none: '',
-  light: 'euiCollapsibleNavGroup--light',
-  dark: 'euiCollapsibleNavGroup--dark'
-};
-var BACKGROUNDS = Object.keys(backgroundToClassNameMap);
+var BACKGROUNDS = ['none', 'light', 'dark'];
 exports.BACKGROUNDS = BACKGROUNDS;
 var EuiCollapsibleNavGroup = function EuiCollapsibleNavGroup(_ref) {
   var className = _ref.className,
@@ -53,15 +49,18 @@ var EuiCollapsibleNavGroup = function EuiCollapsibleNavGroup(_ref) {
     conditionalId: id
   });
   var titleID = "".concat(groupID, "__title");
-  var classes = (0, _classnames.default)('euiCollapsibleNavGroup', backgroundToClassNameMap[background], {
-    'euiCollapsibleNavGroup--withHeading': title
-  }, className);
+  var euiTheme = (0, _services.useEuiTheme)();
+  var styles = (0, _collapsible_nav_group.euiCollapsibleNavGroupStyles)(euiTheme);
+  var cssStyles = [styles.euiCollapsibleNavGroup, isCollapsible ? styles.isCollapsible : styles.notCollapsible, background && styles[background]];
+  var classes = (0, _classnames.default)('euiCollapsibleNavGroup', className);
 
   // Warn if consumer passes an iconType without a title
   if (iconType && !title) {
     console.warn('EuiCollapsibleNavGroup will not render an icon without `title`.');
   }
+  var childrenStyles = [styles.childrenWrapper.euiCollapsibleNavGroup__children, title && styles.childrenWrapper.withHeading];
   var content = children && (0, _react2.jsx)("div", {
+    css: childrenStyles,
     className: "euiCollapsibleNavGroup__children"
   }, children);
   var headingClasses = 'euiCollapsibleNavGroup__heading';
@@ -81,26 +80,32 @@ var EuiCollapsibleNavGroup = function EuiCollapsibleNavGroup(_ref) {
     id: titleID,
     className: "euiCollapsibleNavGroup__title"
   }, title)))) : undefined;
+  var render;
   if (isCollapsible && title) {
-    return (0, _react2.jsx)(_accordion.EuiAccordion, (0, _extends2.default)({
+    render = (0, _react2.jsx)(_accordion.EuiAccordion, (0, _extends2.default)({
       id: groupID,
+      css: cssStyles,
       className: classes,
       buttonClassName: headingClasses,
       buttonContent: titleContent,
       initialIsOpen: true,
-      arrowDisplay: "right",
-      arrowProps: {
-        color: background === 'dark' ? 'ghost' : 'text'
-      }
+      arrowDisplay: "right"
     }, rest), content);
   } else {
-    return (0, _react2.jsx)("div", (0, _extends2.default)({
+    render = (0, _react2.jsx)("div", (0, _extends2.default)({
       id: groupID,
+      css: cssStyles,
       className: classes
     }, rest), titleContent && (0, _react2.jsx)("div", {
       className: headingClasses
     }, titleContent), content);
   }
+  return background === 'dark' ? (0, _react2.jsx)(_services.EuiThemeProvider, {
+    colorMode: "dark",
+    wrapperProps: {
+      cloneElement: true
+    }
+  }, render) : render;
 };
 exports.EuiCollapsibleNavGroup = EuiCollapsibleNavGroup;
 EuiCollapsibleNavGroup.propTypes = {
@@ -164,7 +169,7 @@ EuiCollapsibleNavGroup.propTypes = {
      * Adds a background color to the entire group,
      * applying the correct text color to the `title` only
      */
-  background: _propTypes.default.oneOf(["none", "light", "dark"]),
+  background: _propTypes.default.any,
   /**
      * Determines the title's heading element
      */

package/test-env/components/collapsible_nav/collapsible_nav_group/collapsible_nav_group.styles.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiCollapsibleNavGroupStyles = void 0;
+var _react = require("@emotion/react");
+var _services = require("../../../services");
+var _global_styling = require("../../../global_styling");
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+var euiCollapsibleNavGroupStyles = function euiCollapsibleNavGroupStyles(_ref) {
+  var euiTheme = _ref.euiTheme,
+    colorMode = _ref.colorMode;
+  return {
+    euiCollapsibleNavGroup: /*#__PURE__*/(0, _react.css)("&:not(:first-child){", (0, _global_styling.logicalCSS)('border-top', euiTheme.border.thin), ";};label:euiCollapsibleNavGroup;"),
+    // Background colors
+    none: /*#__PURE__*/(0, _react.css)(";label:none;"),
+    light: /*#__PURE__*/(0, _react.css)("background-color:", euiTheme.colors.body, ";;label:light;"),
+    dark: /*#__PURE__*/(0, _react.css)("background-color:", colorMode === 'DARK' ? (0, _services.shade)(euiTheme.colors.lightestShade, 0.5) : (0, _services.shade)(euiTheme.colors.darkestShade, 0.2), ";.euiCollapsibleNavGroup__title,.euiCollapsibleNavGroup__heading,.euiAccordion__iconButton{color:", euiTheme.colors.ghost, ";};label:dark;"),
+    // Header padding
+    isCollapsible: /*#__PURE__*/(0, _react.css)(".euiAccordion__triggerWrapper{padding:", euiTheme.size.base, ";};label:isCollapsible;"),
+    notCollapsible: /*#__PURE__*/(0, _react.css)(".euiCollapsibleNavGroup__heading{padding:", euiTheme.size.base, ";};label:notCollapsible;"),
+    // Children padding
+    childrenWrapper: {
+      euiCollapsibleNavGroup__children: /*#__PURE__*/(0, _react.css)("padding:", euiTheme.size.s, ";;label:euiCollapsibleNavGroup__children;"),
+      withHeading: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('padding-top', 0), ";;label:withHeading;")
+    }
+  };
+};
+exports.euiCollapsibleNavGroupStyles = euiCollapsibleNavGroupStyles;

package/test-env/components/color_picker/color_stops/color_stops.styles.js

@@ -42,7 +42,7 @@ var euiColorStopsStyles = function euiColorStopsStyles(euiThemeContext) {
     euiColorStops__track: /*#__PURE__*/(0, _react.css)("&::after{background:", stripesBackground, ";background-size:", euiTheme.size.xs, " ", euiTheme.size.xs, ";};label:euiColorStops__track;"),
     euiColorStops__addTarget: /*#__PURE__*/(0, _react.css)((0, _form.euiCustomControl)(euiThemeContext, {
       type: 'round'
-    }), ";", (0, _range.euiRangeThumbStyle)(euiThemeContext), ";position:absolute;inset-block-start:0;block-size:", range.thumbHeight, ";inline-size:", range.thumbHeight, ";background-color:", euiTheme.colors.lightestShade, ";pointer-events:none;opacity:0;border:", euiTheme.border.width.thin, " solid ", euiTheme.colors.darkShade, ";box-shadow:none;z-index:", range.thumbZIndex, ";", _global_styling.euiCanAnimate, "{transition:opacity ", euiTheme.animation.fast, " ease-in;};label:euiColorStops__addTarget;")
+    }), " ", (0, _range.euiRangeThumbStyle)(euiThemeContext), " position:absolute;inset-block-start:0;block-size:", range.thumbHeight, ";inline-size:", range.thumbHeight, ";background-color:", euiTheme.colors.lightestShade, ";pointer-events:none;opacity:0;border:", euiTheme.border.width.thin, " solid ", euiTheme.colors.darkShade, ";box-shadow:none;z-index:", range.thumbZIndex, ";", _global_styling.euiCanAnimate, "{transition:opacity ", euiTheme.animation.fast, " ease-in;};label:euiColorStops__addTarget;")
   };
 };
 exports.euiColorStopsStyles = euiColorStopsStyles;

package/test-env/components/datagrid/body/data_grid_body.js

@@ -219,7 +219,7 @@ EuiDataGridBody.propTypes = {
              * Overall size of button.
              * Matches the sizes of other EuiButtons
              */
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           /**
              * Size of the icon only.
              * This will not affect the overall size of the button
@@ -236,7 +236,7 @@ EuiDataGridBody.propTypes = {
              * `fill` is equivalent to a filled EuiButton
              * `empty` (default) is equivalent to an EuiButtonEmpty
              */
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           /**
              * Disables the button and changes the icon to a loading spinner
              */
@@ -295,10 +295,10 @@ EuiDataGridBody.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -339,10 +339,10 @@ EuiDataGridBody.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -383,10 +383,10 @@ EuiDataGridBody.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -427,10 +427,10 @@ EuiDataGridBody.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -471,10 +471,10 @@ EuiDataGridBody.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,

package/test-env/components/datagrid/body/data_grid_body_custom.js

@@ -358,7 +358,7 @@ EuiDataGridBodyCustomRender.propTypes = {
              * Overall size of button.
              * Matches the sizes of other EuiButtons
              */
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           /**
              * Size of the icon only.
              * This will not affect the overall size of the button
@@ -375,7 +375,7 @@ EuiDataGridBodyCustomRender.propTypes = {
              * `fill` is equivalent to a filled EuiButton
              * `empty` (default) is equivalent to an EuiButtonEmpty
              */
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           /**
              * Disables the button and changes the icon to a loading spinner
              */
@@ -434,10 +434,10 @@ EuiDataGridBodyCustomRender.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -478,10 +478,10 @@ EuiDataGridBodyCustomRender.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -522,10 +522,10 @@ EuiDataGridBodyCustomRender.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -566,10 +566,10 @@ EuiDataGridBodyCustomRender.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -610,10 +610,10 @@ EuiDataGridBodyCustomRender.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,

package/test-env/components/datagrid/body/data_grid_body_virtualized.js

@@ -496,7 +496,7 @@ EuiDataGridBodyVirtualized.propTypes = {
              * Overall size of button.
              * Matches the sizes of other EuiButtons
              */
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           /**
              * Size of the icon only.
              * This will not affect the overall size of the button
@@ -513,7 +513,7 @@ EuiDataGridBodyVirtualized.propTypes = {
              * `fill` is equivalent to a filled EuiButton
              * `empty` (default) is equivalent to an EuiButtonEmpty
              */
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           /**
              * Disables the button and changes the icon to a loading spinner
              */
@@ -572,10 +572,10 @@ EuiDataGridBodyVirtualized.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -616,10 +616,10 @@ EuiDataGridBodyVirtualized.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -660,10 +660,10 @@ EuiDataGridBodyVirtualized.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -704,10 +704,10 @@ EuiDataGridBodyVirtualized.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,
@@ -748,10 +748,10 @@ EuiDataGridBodyVirtualized.propTypes = {
           "aria-label": _propTypes.default.string,
           "aria-labelledby": _propTypes.default.string,
           isDisabled: _propTypes.default.bool,
-          size: _propTypes.default.oneOf(["xs", "s", "m"]),
+          size: _propTypes.default.any,
           iconSize: _propTypes.default.any,
           isSelected: _propTypes.default.bool,
-          display: _propTypes.default.oneOf(["base", "empty", "fill"]),
+          display: _propTypes.default.any,
           isLoading: _propTypes.default.bool,
           className: _propTypes.default.string,
           "data-test-subj": _propTypes.default.string,