@elastic/eui 59.0.0 → 59.1.0

package/lib/components/facet/facet_button.styles.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiFacetButtonTextStyles = exports.euiFacetButtonStyles = exports.euiFacetButtonQuantityStyles = exports.euiFacetButtonLoadingSpinnerStyles = exports.euiFacetButtonIconStyles = void 0;
+
+var _react = require("@emotion/react");
+
+var _global_styling = require("../../global_styling");
+
+var _link = require("../link/link.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)."; }
+
+var euiFacetButtonStyles = function euiFacetButtonStyles(_ref3) {
+  var euiTheme = _ref3.euiTheme;
+  return {
+    // Base
+    euiFacetButton: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalTextAlignCSS)('left'), ";&:hover,&:focus{&:not(:disabled) [class*='euiFacetButton__text']{text-decoration:underline;}}&:focus:not(:disabled) [class*='euiFacetButton__text']{", (0, _link.euiLinkFocusCSS)(euiTheme), ";}&:disabled{color:", euiTheme.colors.disabledText, ";pointer-events:none;&:hover,&:focus{text-decoration:none;}};label:euiFacetButton;")
+  };
+};
+
+exports.euiFacetButtonStyles = euiFacetButtonStyles;
+
+var euiFacetButtonTextStyles = function euiFacetButtonTextStyles(_ref4) {
+  var euiTheme = _ref4.euiTheme;
+  return {
+    euiFacetButton__text: /*#__PURE__*/(0, _react.css)((0, _global_styling.euiTextShift)('bold', 'data-text', euiTheme), " ", (0, _global_styling.euiTextTruncate)(), " flex-grow:1;;label:euiFacetButton__text;"),
+    isSelected: /*#__PURE__*/(0, _react.css)("font-weight:", euiTheme.font.weight.bold, ";;label:isSelected;"),
+    unSelected: /*#__PURE__*/(0, _react.css)(";label:unSelected;")
+  };
+};
+
+exports.euiFacetButtonTextStyles = euiFacetButtonTextStyles;
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "mpq8zy-isDisabled",
+  styles: "opacity:0.5;label:isDisabled;"
+} : {
+  name: "mpq8zy-isDisabled",
+  styles: "opacity:0.5;label:isDisabled;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var euiFacetButtonIconStyles = function euiFacetButtonIconStyles() {
+  return {
+    euiFacetButton__icon: /*#__PURE__*/(0, _react.css)(";label:euiFacetButton__icon;"),
+    isDisabled: _ref2
+  };
+};
+
+exports.euiFacetButtonIconStyles = euiFacetButtonIconStyles;
+
+var euiFacetButtonLoadingSpinnerStyles = function euiFacetButtonLoadingSpinnerStyles() {
+  return {
+    euiFacetButton__loadingSpinner: /*#__PURE__*/(0, _react.css)(";label:euiFacetButton__loadingSpinner;")
+  };
+};
+
+exports.euiFacetButtonLoadingSpinnerStyles = euiFacetButtonLoadingSpinnerStyles;
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "mpq8zy-isDisabled",
+  styles: "opacity:0.5;label:isDisabled;"
+} : {
+  name: "mpq8zy-isDisabled",
+  styles: "opacity:0.5;label:isDisabled;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var euiFacetButtonQuantityStyles = function euiFacetButtonQuantityStyles() {
+  return {
+    euiFacetButton__quantity: /*#__PURE__*/(0, _react.css)(";label:euiFacetButton__quantity;"),
+    isDisabled: _ref
+  };
+};
+
+exports.euiFacetButtonQuantityStyles = euiFacetButtonQuantityStyles;

package/lib/components/facet/facet_group.js

@@ -11,9 +11,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _common = require("../common");
+var _services = require("../../services");
 
-var _flex = require("../flex");
+var _facet_group = require("./facet_group.styles");
 
 var _react2 = require("@emotion/react");
 
@@ -27,19 +27,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var layoutToClassNameMap = {
-  vertical: 'euiFacetGroup--vertical',
-  horizontal: 'euiFacetGroup--horizontal'
-};
-var LAYOUTS = (0, _common.keysOf)(layoutToClassNameMap);
+var LAYOUTS = ['vertical', 'horizontal'];
 exports.LAYOUTS = LAYOUTS;
-var gutterSizeToClassNameMap = {
-  none: 'euiFacetGroup--gutterNone',
-  s: 'euiFacetGroup--gutterSmall',
-  m: 'euiFacetGroup--gutterMedium',
-  l: 'euiFacetGroup--gutterLarge'
-};
-var GUTTER_SIZES = (0, _common.keysOf)(gutterSizeToClassNameMap);
+var GUTTER_SIZES = ['none', 's', 'm', 'l'];
 exports.GUTTER_SIZES = GUTTER_SIZES;
 
 var EuiFacetGroup = function EuiFacetGroup(_ref) {
@@ -51,14 +41,13 @@ var EuiFacetGroup = function EuiFacetGroup(_ref) {
       gutterSize = _ref$gutterSize === void 0 ? 'm' : _ref$gutterSize,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var classes = (0, _classnames.default)('euiFacetGroup', layoutToClassNameMap[layout], gutterSizeToClassNameMap[gutterSize], className);
-  var direction = layout === 'vertical' ? 'column' : 'row';
-  var wrap = layout === 'vertical' ? false : true;
-  return (0, _react2.jsx)(_flex.EuiFlexGroup, _extends({
+  var theme = (0, _services.useEuiTheme)();
+  var styles = (0, _facet_group.euiFacetGroupStyles)(theme, layout);
+  var cssStyles = [styles.euiFacetGroup, styles[gutterSize], styles[layout]];
+  var classes = (0, _classnames.default)('euiFacetGroup', className);
+  return (0, _react2.jsx)("div", _extends({
     className: classes,
-    direction: direction,
-    wrap: wrap,
-    gutterSize: "none"
+    css: cssStyles
   }, rest), children);
 };
 
@@ -71,11 +60,11 @@ EuiFacetGroup.propTypes = {
   /**
        * Vertically in a column, or horizontally in one wrapping line
        */
-  layout: _propTypes.default.oneOf(["vertical", "horizontal"]),
+  layout: _propTypes.default.any,
 
   /**
        * Distance between facet buttons.
        * Horizontal layout always adds more distance horizontally between buttons.
        */
-  gutterSize: _propTypes.default.oneOf(["none", "s", "m", "l"])
+  gutterSize: _propTypes.default.any
 };

package/lib/components/facet/facet_group.styles.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiFacetGroupStyles = void 0;
+
+var _react = require("@emotion/react");
+
+var _services = require("../../services");
+
+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)."; }
+
+var _facetGroupGutterSize = function _facetGroupGutterSize(_ref4) {
+  var gutterSize = _ref4.gutterSize,
+      layout = _ref4.layout;
+
+  var _useEuiTheme = (0, _services.useEuiTheme)(),
+      euiTheme = _useEuiTheme.euiTheme;
+
+  var isHorizontalLayout = layout === 'horizontal';
+  var gutterHorizontal = "calc(".concat(euiTheme.size.m, " + ").concat(gutterSize, ")");
+  var gutterVertical = gutterSize;
+  return isHorizontalLayout ? "gap: ".concat(gutterVertical, " ").concat(gutterHorizontal, ";") : "gap: ".concat(gutterVertical, " 0;");
+};
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "omnk2l-vertical",
+  styles: "flex-direction:column;label:vertical;"
+} : {
+  name: "omnk2l-vertical",
+  styles: "flex-direction:column;label:vertical;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "envaaw-horizontal",
+  styles: "flex-direction:row;flex-wrap:wrap;label:horizontal;"
+} : {
+  name: "envaaw-horizontal",
+  styles: "flex-direction:row;flex-wrap:wrap;label:horizontal;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "1g68sie-euiFacetGroup",
+  styles: "display:flex;flex-grow:1;label:euiFacetGroup;"
+} : {
+  name: "1g68sie-euiFacetGroup",
+  styles: "display:flex;flex-grow:1;label:euiFacetGroup;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var euiFacetGroupStyles = function euiFacetGroupStyles(_ref5, layout) {
+  var euiTheme = _ref5.euiTheme;
+  return {
+    // Base
+    euiFacetGroup: _ref3,
+    // Gutter sizes
+    none: /*#__PURE__*/(0, _react.css)(_facetGroupGutterSize({
+      gutterSize: '0',
+      layout: layout
+    }), ";label:none;"),
+    s: /*#__PURE__*/(0, _react.css)(_facetGroupGutterSize({
+      gutterSize: euiTheme.size.xs,
+      layout: layout
+    }), ";label:s;"),
+    m: /*#__PURE__*/(0, _react.css)(_facetGroupGutterSize({
+      gutterSize: euiTheme.size.s,
+      layout: layout
+    }), ";label:m;"),
+    l: /*#__PURE__*/(0, _react.css)(_facetGroupGutterSize({
+      gutterSize: euiTheme.size.m,
+      layout: layout
+    }), ";label:l;"),
+    // layouts
+    horizontal: _ref2,
+    vertical: _ref
+  };
+};
+
+exports.euiFacetGroupStyles = euiFacetGroupStyles;

package/lib/components/header/header_links/header_link.js

@@ -120,7 +120,8 @@ EuiHeaderLink.propTypes = {
   iconSide: _propTypes.default.oneOf(["left", "right"]),
 
   /**
-     * Object of props passed to the <span/> wrapping the content's text/children only (not icon)
+     * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
+     * It doesn't apply to the icon.
      */
   textProps: _propTypes.default.shape({
     className: _propTypes.default.string,

package/lib/components/loading/loading_spinner.js

@@ -19,7 +19,7 @@ var _loading_spinner = require("./loading_spinner.styles");
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["size", "className", "aria-label"];
+var _excluded = ["size", "className", "aria-label", "color"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -37,10 +37,11 @@ var EuiLoadingSpinner = function EuiLoadingSpinner(_ref) {
       size = _ref$size === void 0 ? 'm' : _ref$size,
       className = _ref.className,
       ariaLabel = _ref['aria-label'],
+      color = _ref.color,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var euiTheme = (0, _services.useEuiTheme)();
-  var styles = (0, _loading_spinner.euiLoadingSpinnerStyles)(euiTheme);
+  var styles = (0, _loading_spinner.euiLoadingSpinnerStyles)(euiTheme, color);
   var cssStyles = [styles.euiLoadingSpinner, styles[size]];
   var classes = (0, _classnames.default)('euiLoadingSpinner', className);
   var defaultLabel = (0, _loading_strings.useLoadingAriaLabel)();
@@ -57,5 +58,15 @@ EuiLoadingSpinner.propTypes = {
   className: _propTypes.default.string,
   "aria-label": _propTypes.default.string,
   "data-test-subj": _propTypes.default.string,
-  size: _propTypes.default.any
+  size: _propTypes.default.any,
+
+  /**
+       * Sets the color of the border and highlight.
+       * Each key accepts any valid CSS color value as a `string`
+       * See #EuiLoadingSpinnerColor
+       */
+  color: _propTypes.default.shape({
+    border: _propTypes.default.any,
+    highlight: _propTypes.default.any
+  })
 };

package/lib/components/loading/loading_spinner.styles.js

@@ -23,14 +23,14 @@ var spinnerSizes = {
   xxl: 'xxl'
 };
 
-var spinnerColors = function spinnerColors(main, highlight) {
-  return "".concat(highlight, " ").concat(main, " ").concat(main, " ").concat(main);
+var spinnerColorsCSS = function spinnerColorsCSS(border, highlight) {
+  return "\n    border-color: ".concat(highlight, " ").concat(border, " ").concat(border, " ").concat(border, ";\n  ");
 };
 
-var euiLoadingSpinnerStyles = function euiLoadingSpinnerStyles(_ref) {
+var euiLoadingSpinnerStyles = function euiLoadingSpinnerStyles(_ref, color) {
   var euiTheme = _ref.euiTheme;
   return {
-    euiLoadingSpinner: /*#__PURE__*/(0, _react.css)("flex-shrink:0;display:inline-block;border-radius:50%;border:", euiTheme.border.thick, ";border-color:", spinnerColors(euiTheme.border.color, euiTheme.colors.primary), ";", _global_styling.euiCanAnimate, "{animation:", _loadingSpinner, " 0.6s infinite linear;};label:euiLoadingSpinner;"),
+    euiLoadingSpinner: /*#__PURE__*/(0, _react.css)("flex-shrink:0;display:inline-block;border-radius:50%;border:", euiTheme.border.thick, ";", spinnerColorsCSS((color === null || color === void 0 ? void 0 : color.border) || euiTheme.colors.lightShade, (color === null || color === void 0 ? void 0 : color.highlight) || euiTheme.colors.primary), ";", _global_styling.euiCanAnimate, "{animation:", _loadingSpinner, " 0.6s infinite linear;};label:euiLoadingSpinner;"),
     // Sizes
     s: /*#__PURE__*/(0, _react.css)("width:", euiTheme.size[spinnerSizes.s], ";height:", euiTheme.size[spinnerSizes.s], ";border-width:calc(", euiTheme.border.width.thin, " * 1.5);;label:s;"),
     m: /*#__PURE__*/(0, _react.css)("width:", euiTheme.size[spinnerSizes.m], ";height:", euiTheme.size[spinnerSizes.m], ";border-width:calc(", euiTheme.border.width.thin, " * 1.5);;label:m;"),

package/lib/components/notification/notification_event.js

@@ -275,7 +275,8 @@ EuiNotificationEvent.propTypes = {
     iconSide: _propTypes.default.oneOf(["left", "right"]),
 
     /**
-       * Object of props passed to the <span/> wrapping the content's text/children only (not icon)
+       * Object of props passed to the <span/> wrapping the content's text (only if the children is a `string`)
+       * It doesn't apply to the icon.
        */
     textProps: _propTypes.default.shape({
       className: _propTypes.default.string,

package/lib/components/text/text.js

@@ -21,7 +21,7 @@ var _text_align = require("./text_align");
 
 var _react2 = require("@emotion/react");
 
-var _excluded = ["size", "color", "grow", "textAlign", "children", "className", "style"];
+var _excluded = ["size", "color", "grow", "textAlign", "children", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -43,7 +43,6 @@ var EuiText = function EuiText(_ref) {
       textAlign = _ref.textAlign,
       children = _ref.children,
       className = _ref.className,
-      style = _ref.style,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var euiTheme = (0, _services.useEuiTheme)();
@@ -58,7 +57,6 @@ var EuiText = function EuiText(_ref) {
   if (color) {
     text = (0, _react2.jsx)(_text_color.EuiTextColor, {
       color: color,
-      style: style,
       cloneElement: true
     }, text);
   }

package/lib/components/text/text_align.js

@@ -1,11 +1,13 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiTextAlign = exports.ALIGNMENTS = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -19,6 +21,10 @@ var _excluded = ["children", "textAlign", "cloneElement"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -47,7 +53,7 @@ var EuiTextAlign = function EuiTextAlign(_ref) {
     css: cssStyles
   }, rest);
 
-  if (cloneElement) {
+  if ( /*#__PURE__*/(0, _react.isValidElement)(children) && cloneElement) {
     return (0, _clone_element.cloneElementWithCss)(children, props);
   } else {
     return (0, _react2.jsx)("div", props, children);

package/lib/components/text/text_color.js

@@ -1,11 +1,13 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EuiTextColor = exports.COLORS = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -21,6 +23,10 @@ var _excluded = ["children", "color", "component", "cloneElement", "style"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -61,8 +67,12 @@ var EuiTextColor = function EuiTextColor(_ref) {
     style: euiTextStyle
   }, rest);
 
-  if (cloneElement) {
-    return (0, _clone_element.cloneElementWithCss)(children, props);
+  if ( /*#__PURE__*/(0, _react.isValidElement)(children) && cloneElement) {
+    var childrenStyle = _objectSpread(_objectSpread({}, children.props.style), euiTextStyle);
+
+    return (0, _clone_element.cloneElementWithCss)(children, _objectSpread(_objectSpread({}, props), {}, {
+      style: childrenStyle
+    }));
   } else {
     var Component = component;
     return (0, _react2.jsx)(Component, props, children);

package/lib/themes/amsterdam/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _shadow = require("./global_styling/mixins/shadow");
+
+Object.keys(_shadow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _shadow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _shadow[key];
+    }
+  });
+});

package/lib/themes/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  EUI_THEMES: true,
+  isDefaultTheme: true,
+  AMSTERDAM_NAME_KEY: true,
+  EuiThemeAmsterdam: true
+};
 Object.defineProperty(exports, "AMSTERDAM_NAME_KEY", {
   enumerable: true,
   get: function get() {
@@ -30,4 +36,18 @@ Object.defineProperty(exports, "isDefaultTheme", {
 
 var _themes = require("./themes");
 
-var _theme = require("./amsterdam/theme");
+var _theme = require("./amsterdam/theme");
+
+var _amsterdam = require("./amsterdam");
+
+Object.keys(_amsterdam).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _amsterdam[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _amsterdam[key];
+    }
+  });
+});

package/optimize/es/components/accessibility/skip_link/skip_link.js

@@ -1,6 +1,11 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["destinationId", "tabIndex", "position", "children", "className"];
+var _excluded = ["destinationId", "overrideLinkBehavior", "tabIndex", "position", "children", "className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -19,6 +24,7 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 export var POSITIONS = ['static', 'fixed', 'absolute'];
 export var EuiSkipLink = function EuiSkipLink(_ref) {
   var destinationId = _ref.destinationId,
+      overrideLinkBehavior = _ref.overrideLinkBehavior,
       tabIndex = _ref.tabIndex,
       _ref$position = _ref.position,
       position = _ref$position === void 0 ? 'static' : _ref$position,
@@ -39,6 +45,22 @@ export var EuiSkipLink = function EuiSkipLink(_ref) {
     };
   }
 
+  if (overrideLinkBehavior) {
+    optionalProps = _objectSpread(_objectSpread({}, optionalProps), {}, {
+      onClick: function onClick(e) {
+        e.preventDefault();
+        var destinationEl = document.getElementById(destinationId);
+        if (!destinationEl) return;
+        destinationEl.scrollIntoView();
+        destinationEl.tabIndex = -1; // Ensure the destination content is focusable
+
+        destinationEl.focus({
+          preventScroll: true
+        }); // Scrolling is already handled above, and focus's autoscroll behaves oddly around fixed headers
+      }
+    });
+  }
+
   return ___EmotionJSX(EuiScreenReaderOnly, {
     showOnFocus: true
   }, ___EmotionJSX(EuiButton, _extends({

package/optimize/es/components/accessibility/skip_link/skip_link.styles.js

@@ -35,6 +35,6 @@ export var euiSkipLinkStyles = function euiSkipLinkStyles(_ref3) {
     // Set positions on focus only as to not override screenReaderOnly position
     // When positioned absolutely, consumers still need to tell it WHERE (top,left,etc...)
     absolute: _ref,
-    fixed: /*#__PURE__*/css("&:focus{position:fixed;inset-block-start:", euiTheme.size.xs, ";inset-inline-start:", euiTheme.size.xs, ";z-index:", Number(euiTheme.levels.header) + 1, ";};label:fixed;")
+    fixed: /*#__PURE__*/css("position:fixed!important;&:focus{inset-block-start:", euiTheme.size.xs, ";inset-inline-start:", euiTheme.size.xs, ";z-index:", Number(euiTheme.levels.header) + 1, ";};label:fixed;")
   };
 };

package/optimize/es/components/button/{button_content.js → _button_content_deprecated.js}

@@ -20,7 +20,7 @@ var iconSideToClassNameMap = {
   right: 'euiButtonContent--iconRight'
 };
 export var ICON_SIDES = keysOf(iconSideToClassNameMap);
-export var EuiButtonContent = function EuiButtonContent(_ref) {
+export var EuiButtonContentDeprecated = function EuiButtonContentDeprecated(_ref) {
   var children = _ref.children,
       textProps = _ref.textProps,
       _ref$isLoading = _ref.isLoading,

package/optimize/es/components/button/button.js

@@ -19,7 +19,7 @@ import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import { keysOf } from '../common';
 import { getSecureRelForTarget } from '../../services';
-import { EuiButtonContent } from './button_content';
+import { EuiButtonContentDeprecated as EuiButtonContent } from './_button_content_deprecated';
 import { validateHref } from '../../services/security/href_validator';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var colorToClassNameMap = {
@@ -88,22 +88,27 @@ export var EuiButton = function EuiButton(_ref) {
     relObj.type = type;
   }
 
-  return ___EmotionJSX(EuiButtonDisplay, _extends({
-    element: element,
-    baseClassName: "euiButton",
-    ref: buttonRef
-  }, elementProps, relObj, rest));
+  return (// eslint-disable-next-line react/jsx-pascal-case
+    ___EmotionJSX(EuiButtonDisplayDeprecated, _extends({
+      element: element,
+      baseClassName: "euiButton",
+      ref: buttonRef
+    }, elementProps, relObj, rest))
+  );
 };
 EuiButton.displayName = 'EuiButton';
 
 /**
+ * *DEPRECATED*
  * EuiButtonDisplay is an internal-only component used for displaying
  * any element as a button.
  * NOTE: This component *must* be below EuiButton in the file and
  * EuiButton must also set a displayName for react-docgen-typescript
  * to correctly set EuiButton's docgenInfo and display a props table.
+ * This component has been deprecated in favor of the new EuiButtonDisplay
+ * that can be found in `src/components/button/button_display/_button_display.tsx`
  */
-export var EuiButtonDisplay = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+export var EuiButtonDisplayDeprecated = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var _ref2$element = _ref2.element,
       element = _ref2$element === void 0 ? 'button' : _ref2$element,
       baseClassName = _ref2.baseClassName,
@@ -166,4 +171,4 @@ export var EuiButtonDisplay = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     ref: ref
   }, rest), innerNode);
 });
-EuiButtonDisplay.displayName = 'EuiButtonDisplay';
+EuiButtonDisplayDeprecated.displayName = 'EuiButtonDisplay';