npm - @elastic/eui - Versions diffs - 111.0.0 → 111.1.0 - Mend

@elastic/eui 111.0.0 → 111.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (345) hide show

package/optimize/lib/components/button/split_button/split_button_context.js ADDED Viewed

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EuiSplitButtonContext = void 0;
+var _react = require("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 EuiSplitButtonContext = exports.EuiSplitButtonContext = /*#__PURE__*/(0, _react.createContext)({
+  size: 'm',
+  color: 'primary',
+  fill: false
+});

package/optimize/lib/components/datagrid/controls/fullscreen_selector.styles.js CHANGED Viewed

@@ -16,7 +16,7 @@ var _global_styling = require("../../../global_styling");
 var euiDataGridFullScreenStyles = exports.euiDataGridFullScreenStyles = function euiDataGridFullScreenStyles(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
-  var fullScreenZIndex = Number(euiTheme.levels.header) - 1;
+  var fullScreenZIndex = Number(euiTheme.levels.header) - 2;
   return {
     'euiDataGrid--fullScreen': /*#__PURE__*/(0, _css.css)("z-index:", fullScreenZIndex, ";position:fixed;inset:0;background-color:", euiTheme.colors.emptyShade, ";;label:euiDataGrid--fullScreen;"),
     // This is a vanilla className applied to the <body> when fullscreen is enabled.

package/optimize/lib/components/empty_prompt/empty_prompt.js CHANGED Viewed

@@ -116,7 +116,7 @@ var EuiEmptyPrompt = exports.EuiEmptyPrompt = function EuiEmptyPrompt(_ref) {
   }, title && (0, _react2.jsx)(_title.EuiTitle, {
     size: titleSize
   }, title), title && body && (0, _react2.jsx)(_spacer.EuiSpacer, {
-    size: "m"
+    size: "s"
   }), body && (0, _react2.jsx)(_text.EuiText, {
     color: "subdued"
   }, body), actionsNode && (body || title) && (0, _react2.jsx)(_spacer.EuiSpacer, {

package/optimize/lib/components/flex/flex_group.js CHANGED Viewed

@@ -32,7 +32,7 @@ var EuiFlexGroupInternal = function EuiFlexGroupInternal(_ref, ref) {
     _ref$component = _ref.component,
     component = _ref$component === void 0 ? 'div' : _ref$component,
     _ref$gutterSize = _ref.gutterSize,
-    gutterSize = _ref$gutterSize === void 0 ? 'l' : _ref$gutterSize,
+    gutterSize = _ref$gutterSize === void 0 ? 'm' : _ref$gutterSize,
     _ref$alignItems = _ref.alignItems,
     alignItems = _ref$alignItems === void 0 ? 'stretch' : _ref$alignItems,
     _ref$responsive = _ref.responsive,

package/optimize/lib/components/flyout/flyout.styles.js CHANGED Viewed

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.maxedFlyoutWidth = exports.euiFlyoutStyles = exports.euiFlyoutSlideOutRight = exports.euiFlyoutSlideOutLeft = exports.euiFlyoutSlideInRight = exports.euiFlyoutSlideInLeft = exports.composeFlyoutSizing = exports.composeFlyoutInlineStyles = exports.FLYOUT_BREAKPOINT = void 0;
+exports.maxedFlyoutWidth = exports.euiFlyoutStyles = exports.euiFlyoutSlideOutRight = exports.euiFlyoutSlideOutLeft = exports.euiFlyoutSlideInRight = exports.euiFlyoutSlideInLeft = exports.composeFlyoutSizing = exports.composeFlyoutInlineStyles = exports.FLYOUT_BREAKPOINT = exports.EUI_FLYOUT_CONTAINER_NAME = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
@@ -22,6 +22,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
+var EUI_FLYOUT_CONTAINER_NAME = exports.EUI_FLYOUT_CONTAINER_NAME = 'euiFlyout';
 var FLYOUT_BREAKPOINT = exports.FLYOUT_BREAKPOINT = 'm';
 var euiFlyoutSlideInRight = exports.euiFlyoutSlideInRight = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  from {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0%);\n  }\n"])));
 var euiFlyoutSlideOutRight = exports.euiFlyoutSlideOutRight = (0, _react.keyframes)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  from {\n    opacity: 1;\n    transform: translateX(0%);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(100%);\n  }\n"])));

package/optimize/lib/components/horizontal_rule/horizontal_rule.js CHANGED Viewed

@@ -27,7 +27,7 @@ var EuiHorizontalRule = exports.EuiHorizontalRule = function EuiHorizontalRule(_
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'full' : _ref$size,
     _ref$margin = _ref.margin,
-    margin = _ref$margin === void 0 ? 'l' : _ref$margin,
+    margin = _ref$margin === void 0 ? 'm' : _ref$margin,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = (0, _classnames.default)('euiHorizontalRule', className);
   var styles = (0, _services.useEuiMemoizedStyles)(_horizontal_rule.euiHorizontalRuleStyles);

package/optimize/lib/components/icon/assets/agentBuilderRobot.js ADDED Viewed

@@ -0,0 +1,44 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var EuiIconAgentBuilderRobot = function EuiIconAgentBuilderRobot(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M9.208 11.23a.446.446 0 0 1 .642.616l-.015.017a1.373 1.373 0 0 1-.127.11 2.326 2.326 0 0 1-.355.227c-.31.163-.763.319-1.353.319a2.89 2.89 0 0 1-1.352-.319 2.325 2.325 0 0 1-.452-.31l-.029-.027-.016-.017a.446.446 0 0 1 .643-.617l.005.005.045.039c.045.035.118.086.219.139.199.104.51.216.937.216.428 0 .74-.112.94-.216a1.417 1.417 0 0 0 .263-.179l.005-.004ZM5.964 8a1.019 1.019 0 1 1 0 2.038 1.019 1.019 0 0 1 0-2.038Zm4.073 0a1.018 1.018 0 1 1 0 2.037 1.018 1.018 0 0 1 0-2.037Z"
+  }), (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M8 1a1.4 1.4 0 0 1 .446 2.726V5h1.845C11.767 5 13 6.27 13 7.746V8h1.11c.491 0 .89.526.89 1.018v3.055c0 .492-.399.927-.89.927L13 12.99v1.11c0 .491-.435.9-.927.9H3.928C3.436 15 3 14.601 3 14.11V13H1.89c-.46 0-.84-.386-.886-.835L1 12.072V9.018C1 8.527 1.4 8 1.89 8H3v-.254C3 6.27 4.234 5 5.71 5h1.845V3.726A1.4 1.4 0 0 1 8 1ZM5.72 6C4.734 6 4 6.762 4 7.746V14h8V7.746C12 6.762 11.285 6 10.301 6H5.719ZM2 12h1V9H2v3Zm11 0h1l-.005-3h-1L13 12ZM8 1.89a.51.51 0 1 0 .001 1.02.51.51 0 0 0 0-1.02Z",
+    clipRule: "evenodd"
+  }));
+};
+var icon = exports.icon = EuiIconAgentBuilderRobot;

package/optimize/lib/components/icon/assets/cross_project_search.js ADDED Viewed

@@ -0,0 +1,42 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var EuiIconCrossProjectSearch = function EuiIconCrossProjectSearch(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M8.5 9h4a1 1 0 0 1 1 1v2.065A1.999 1.999 0 1 1 11 14a2 2 0 0 1 1.5-1.935V10h-4v2.065A1.999 1.999 0 1 1 6 14a2 2 0 0 1 1.5-1.935V10h-4v2.065A1.999 1.999 0 1 1 1 14a2 2 0 0 1 1.5-1.935V10a1 1 0 0 1 1-1h4V7h1v2ZM3 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM7 0a3 3 0 0 1 3 3c0 .648-.208 1.246-.557 1.736l1.91 1.91-.707.708-1.91-1.91A3 3 0 1 1 7 0Zm0 1a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z",
+    clipRule: "evenodd"
+  }));
+};
+var icon = exports.icon = EuiIconCrossProjectSearch;

package/optimize/lib/components/icon/assets/dashed_circle.js ADDED Viewed

@@ -0,0 +1,42 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var EuiIconDashedCircle = function EuiIconDashedCircle(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M7.014 14.222c.06-.381.419-.638.805-.625.06.002.12.003.182.003V15c-.134 0-.268-.004-.4-.012-.386-.022-.647-.384-.587-.766Zm1.973 0c.06.382-.202.744-.587.766A6.944 6.944 0 0 1 8 15v-1.4c.061 0 .122-.001.182-.003.386-.012.745.244.805.626Zm-5.8-2.236c.123-.303.536-.357.762-.12.088.092.18.181.273.268.257.234.322.626.117.907l-.039.052-.274-.49c-.06-.108-.226-.065-.226.06 0 .098-.113.155-.194.1-.279-.192-.177-.091-.378-.382a.41.41 0 0 1-.045-.386l.004-.01Zm9.911-.284c.312.227.383.667.126.955-.178.2-.367.388-.566.566-.288.257-.727.186-.954-.126-.228-.312-.156-.746.126-1.01.089-.084.175-.17.258-.258.264-.282.698-.354 1.01-.127ZM1.012 7.601c.022-.387.383-.648.765-.588.382.06.64.42.628.806-.004.12-.004.24 0 .36.012.388-.246.747-.628.806-.382.06-.743-.201-.765-.587a7.278 7.278 0 0 1 0-.797Zm13.976.797c-.021.386-.382.647-.764.587-.382-.06-.639-.418-.627-.804.004-.121.004-.242 0-.363-.012-.386.245-.745.627-.805.381-.06.743.201.764.587.014.265.014.533 0 .798ZM4.298 2.901c.227.313.155.748-.127 1.012a5.656 5.656 0 0 0-.256.257c-.265.282-.7.354-1.012.126-.312-.227-.384-.667-.126-.956.177-.198.366-.387.565-.565.288-.257.728-.186.955.126Zm7.405 0c.228-.311.668-.383.956-.126.199.178.387.367.565.566.257.288.186.727-.126.955-.312.228-.747.156-1.01-.126a5.655 5.655 0 0 0-.258-.257c-.282-.264-.354-.699-.127-1.011ZM8.4 1.012c.386.021.647.383.588.764-.06.383-.42.64-.806.628a5.873 5.873 0 0 0-.361 0c-.387.012-.746-.245-.806-.627-.06-.382.202-.744.588-.765.265-.014.532-.014.797 0Z"
+  }), (0, _react2.jsx)("path", {
+    d: "M3.376 13.178a7.036 7.036 0 0 1-.566-.567c-.257-.287-.186-.727.126-.954.312-.227.746-.155 1.01.127.084.088.17.174.258.257.282.264.354.699.127 1.01-.227.312-.667.383-.955.127Z"
+  }));
+};
+var icon = exports.icon = EuiIconDashedCircle;

package/optimize/lib/components/icon/assets/product_robot.js ADDED Viewed

@@ -0,0 +1,44 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.icon = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _excluded = ["title", "titleId"];
+/*
+ * 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.
+ */
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var EuiIconProductRobot = function EuiIconProductRobot(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return (0, _react2.jsx)("svg", (0, _extends2.default)({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? (0, _react2.jsx)("title", {
+    id: titleId
+  }, title) : null, (0, _react2.jsx)("path", {
+    d: "M9.208 11.23a.446.446 0 0 1 .642.616l-.015.017a1.373 1.373 0 0 1-.127.11 2.326 2.326 0 0 1-.355.227c-.31.163-.763.319-1.353.319a2.89 2.89 0 0 1-1.352-.319 2.325 2.325 0 0 1-.452-.31l-.029-.027-.016-.017a.446.446 0 0 1 .643-.617l.005.005.045.039c.045.035.118.086.219.139.199.104.51.216.937.216.428 0 .74-.112.94-.216a1.417 1.417 0 0 0 .263-.179l.005-.004ZM5.964 8a1.019 1.019 0 1 1 0 2.038 1.019 1.019 0 0 1 0-2.038Zm4.073 0a1.018 1.018 0 1 1 0 2.037 1.018 1.018 0 0 1 0-2.037Z"
+  }), (0, _react2.jsx)("path", {
+    fillRule: "evenodd",
+    d: "M8 1a1.4 1.4 0 0 1 .446 2.726V5h1.845C11.767 5 13 6.27 13 7.746V8h1.11c.491 0 .89.526.89 1.018v3.055c0 .492-.399.927-.89.927L13 12.99v1.11c0 .491-.435.9-.927.9H3.928C3.436 15 3 14.601 3 14.11V13H1.89c-.46 0-.84-.386-.886-.835L1 12.072V9.018C1 8.527 1.4 8 1.89 8H3v-.254C3 6.27 4.234 5 5.71 5h1.845V3.726A1.4 1.4 0 0 1 8 1ZM5.72 6C4.734 6 4 6.762 4 7.746V14h8V7.746C12 6.762 11.285 6 10.301 6H5.719ZM2 12h1V9H2v3Zm11 0h1l-.005-3h-1L13 12ZM8 1.89a.51.51 0 1 0 .001 1.02.51.51 0 0 0 0-1.02Z",
+    clipRule: "evenodd"
+  }));
+};
+var icon = exports.icon = EuiIconProductRobot;

package/optimize/lib/components/icon/icon_map.js CHANGED Viewed

@@ -93,6 +93,7 @@ var typeToPathMap = exports.typeToPathMap = {
   copy: 'copy',
   copyClipboard: 'copy',
   // NOTE: To be deprecated in favor of `copy`
+  crossProjectSearch: 'cross_project_search',
   createAdvancedJob: 'ml_create_advanced_job',
   createGenericJob: 'ml_create_generic_job',
   createGeoJob: 'ml_create_geo_job',
@@ -106,6 +107,7 @@ var typeToPathMap = exports.typeToPathMap = {
   currency: 'currency',
   cut: 'cut',
   dashboardApp: 'app_dashboard',
+  dashedCircle: 'dashed_circle',
   dataVisualizer: 'ml_data_visualizer',
   database: 'database',
   desktop: 'desktop',
@@ -390,6 +392,7 @@ var typeToPathMap = exports.typeToPathMap = {
   // NOTE: To be deprecated in favor of `plus_in_circle`
   plusInSquare: 'plus_in_square',
   popout: 'popout',
+  productRobot: 'product_robot',
   push: 'push',
   question: 'question',
   quote: 'quote',

package/optimize/lib/components/icon/svgs/cross_project_search.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M8.5 9h4a1 1 0 0 1 1 1v2.065A1.999 1.999 0 1 1 11 14c0-.932.638-1.712 1.5-1.935V10h-4v2.065A1.999 1.999 0 1 1 6 14c0-.932.638-1.712 1.5-1.935V10h-4v2.065A1.999 1.999 0 1 1 1 14c0-.932.638-1.712 1.5-1.935V10a1 1 0 0 1 1-1h4V7h1v2ZM3 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm5 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2ZM7 0a3 3 0 0 1 3 3c0 .648-.208 1.246-.557 1.736l1.91 1.91-.707.708-1.91-1.91A3 3 0 1 1 7 0Zm0 1a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z" clip-rule="evenodd"/>
+</svg>

package/optimize/lib/components/icon/svgs/dashed_circle.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+	<path d="M7.01436 14.2223C7.07439 13.8407 7.43288 13.5844 7.81903 13.5968C7.87934 13.5987 7.93993 13.5997 8.00079 13.5997V14.9997C7.86663 14.9997 7.73337 14.9958 7.6011 14.9882C7.2153 14.966 6.95433 14.6041 7.01436 14.2223ZM8.98662 14.2229C9.04624 14.6044 8.78531 14.9659 8.39982 14.9882C8.26777 14.9958 8.13473 14.9997 8.00079 14.9997V13.5997C8.06147 13.5997 8.1219 13.5987 8.18204 13.5968C8.56837 13.5845 8.92694 13.841 8.98662 14.2229ZM3.18685 11.9856C3.3096 11.6826 3.72315 11.6293 3.94885 11.8657C4.03695 11.958 4.12817 12.0473 4.22233 12.1335C4.47896 12.3682 4.5436 12.7598 4.3386 13.0408L4.30044 13.0931L4.02614 12.6036C3.96532 12.4951 3.79997 12.5383 3.79997 12.6627C3.79997 12.7614 3.6873 12.8183 3.60589 12.7625C3.32703 12.571 3.42905 12.6718 3.22829 12.3808C3.15007 12.2674 3.13141 12.1224 3.18314 11.9947L3.18685 11.9856ZM13.0981 11.7022C13.4098 11.9294 13.4809 12.3689 13.2241 12.6567C13.0463 12.8561 12.8573 13.0451 12.658 13.2229C12.3701 13.4797 11.9306 13.4086 11.7035 13.0969C11.4761 12.7849 11.5484 12.3505 11.83 12.0865C11.9186 12.0034 12.0046 11.9174 12.0877 11.8288C12.3517 11.5471 12.7861 11.4749 13.0981 11.7022ZM1.01235 7.60061C1.03355 7.21443 1.39518 6.9531 1.77726 7.01313C2.15933 7.07316 2.41656 7.4321 2.40464 7.81868C2.40093 7.93898 2.40093 8.05965 2.40463 8.17995C2.41652 8.5667 2.15895 8.92573 1.77666 8.98542C1.39483 9.04503 1.03367 8.78374 1.01243 8.39786C0.997838 8.13288 0.997808 7.86559 1.01235 7.60061ZM14.9878 8.39845C14.9665 8.78398 14.6056 9.04502 14.2241 8.9854C13.8423 8.92572 13.585 8.56706 13.5969 8.18072C13.6007 8.05991 13.6006 7.93872 13.5969 7.81791C13.5849 7.43174 13.8419 7.07317 14.2235 7.01314C14.6053 6.95311 14.9666 7.21418 14.9878 7.60003C15.0024 7.8654 15.0024 8.13308 14.9878 8.39845ZM4.29736 2.90146C4.52515 3.21386 4.45279 3.64893 4.17078 3.91342C4.08269 3.99604 3.99726 4.08147 3.91464 4.16956C3.65015 4.45157 3.21508 4.52393 2.90268 4.29614C2.59064 4.06862 2.5195 3.62857 2.77664 3.34044C2.95412 3.14157 3.14279 2.9529 3.34166 2.77542C3.62979 2.51828 4.06984 2.58942 4.29736 2.90146ZM11.7032 2.90186C11.9305 2.58965 12.3705 2.51831 12.6586 2.77545C12.8577 2.95312 13.0465 3.14201 13.2242 3.34113C13.481 3.62896 13.4101 4.06849 13.0985 4.29592C12.7864 4.52379 12.3514 4.45159 12.0871 4.1697C12.0042 4.08134 11.9185 3.99566 11.8301 3.91281C11.5484 3.64864 11.4759 3.21412 11.7032 2.90186ZM8.39908 1.01121C8.78496 1.03245 9.04625 1.3936 8.98664 1.77544C8.92695 2.15773 8.56792 2.4153 8.18117 2.40341C8.06087 2.39971 7.9402 2.39971 7.8199 2.40342C7.43332 2.41534 7.07438 2.15811 7.01435 1.77604C6.95432 1.39396 7.21565 1.03233 7.60183 1.01113C7.86681 0.996587 8.13411 0.996618 8.39908 1.01121Z" />
+	<path d="M3.37618 13.1777C3.17687 12.9999 2.98782 12.8108 2.81 12.6115C2.55322 12.3237 2.62433 11.8842 2.93604 11.657C3.24803 11.4296 3.68242 11.5019 3.94647 11.7835C4.02956 11.8722 4.11551 11.9581 4.20414 12.0412C4.48578 12.3053 4.55807 12.7397 4.33069 13.0516C4.10351 13.3633 3.664 13.4345 3.37618 13.1777Z" />
+</svg>

package/optimize/lib/components/icon/svgs/product_robot.svg ADDED Viewed

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M9.208 11.23a.446.446 0 0 1 .642.616l-.015.017a1.373 1.373 0 0 1-.127.11 2.326 2.326 0 0 1-.355.227c-.31.163-.763.319-1.353.319a2.89 2.89 0 0 1-1.352-.319 2.325 2.325 0 0 1-.452-.31l-.029-.027-.016-.017a.446.446 0 0 1 .643-.617l.005.005.045.039c.045.035.118.086.219.139.199.104.51.216.937.216.428 0 .74-.112.94-.216a1.417 1.417 0 0 0 .263-.179l.005-.004ZM5.964 8a1.019 1.019 0 1 1 0 2.038 1.019 1.019 0 0 1 0-2.038Zm4.073 0a1.018 1.018 0 1 1 0 2.037 1.018 1.018 0 0 1 0-2.037Z"/>
+  <path fill-rule="evenodd" d="M8 1a1.4 1.4 0 0 1 .446 2.726V5h1.845C11.767 5 13 6.27 13 7.746V8h1.11c.491 0 .89.526.89 1.018v3.055c0 .492-.399.927-.89.927L13 12.99v1.11c0 .491-.435.9-.927.9H3.928C3.436 15 3 14.601 3 14.11V13H1.89c-.46 0-.84-.386-.886-.835L1 12.072V9.018C1 8.527 1.4 8 1.89 8H3v-.254C3 6.27 4.234 5 5.71 5h1.845V3.726A1.4 1.4 0 0 1 8 1ZM5.72 6C4.734 6 4 6.762 4 7.746V14h8V7.746C12 6.762 11.285 6 10.301 6H5.719ZM2 12h1V9H2v3Zm11 0h1l-.005-3h-1L13 12ZM8 1.89a.51.51 0 1 0 .001 1.02.51.51 0 0 0 0-1.02Z" clip-rule="evenodd"/>
+</svg>

package/optimize/lib/components/link/external_link_icon.js CHANGED Viewed

@@ -36,7 +36,10 @@ var EuiExternalLinkIcon = exports.EuiExternalLinkIcon = function EuiExternalLink
     rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var iconCssStyle = (0, _services.useEuiMemoizedStyles)(iconStyle);
   var showExternalLinkIcon = target === '_blank' && external !== false || external === true;
-  return (0, _react2.jsx)(_react.default.Fragment, null, showExternalLinkIcon && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_icon.EuiIcon, (0, _extends2.default)({
+  if (!showExternalLinkIcon) {
+    return null;
+  }
+  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_icon.EuiIcon, (0, _extends2.default)({
     css: iconCssStyle,
     size: "s",
     type: "popout",
@@ -44,8 +47,8 @@ var EuiExternalLinkIcon = exports.EuiExternalLinkIcon = function EuiExternalLink
   }, rest)), target === '_blank' ? (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("span", null, (0, _react2.jsx)(_i18n.EuiI18n, {
     token: "euiExternalLinkIcon.newTarget.screenReaderOnlyText",
     default: "(external, opens in a new tab or window)"
-  }))) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("span", null, (0, _react2.jsx)(_i18n.EuiI18n, {
+  }))) : (0, _react2.jsx)(_accessibility.EuiScreenReaderOnly, null, (0, _react2.jsx)("span", null, (0, _react2.jsx)(_i18n.EuiI18n, {
     token: "euiExternalLinkIcon.externalTarget.screenReaderOnlyText",
     default: "(external)"
-  }))))));
+  }))));
 };

package/optimize/lib/components/page/page_header/page_header_content.js CHANGED Viewed

@@ -146,7 +146,7 @@ var EuiPageHeaderContent = exports.EuiPageHeaderContent = function EuiPageHeader
     })) === null || _tabs$find === void 0 ? void 0 : _tabs$find.label));
     tabsNode = (0, _react2.jsx)(_react.default.Fragment, null, pageTitleNode && (0, _react2.jsx)(_spacer.EuiSpacer, null), screenReaderPageTitle, (0, _react2.jsx)(_tabs.EuiTabs, (0, _extends2.default)({}, tabsProps, {
       bottomBorder: false,
-      size: "l"
+      size: "m"
     }), renderTabs()));
   }
   var childrenNode = children && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_spacer.EuiSpacer, null), children);

package/optimize/lib/components/search_bar/search_bar.js CHANGED Viewed

@@ -206,7 +206,7 @@ var EuiSearchBar = exports.EuiSearchBar = /*#__PURE__*/function (_Component) {
       var isHintVisible = (_hint$popoverProps$is = hint === null || hint === void 0 || (_hint$popoverProps = hint.popoverProps) === null || _hint$popoverProps === void 0 ? void 0 : _hint$popoverProps.isOpen) !== null && _hint$popoverProps$is !== void 0 ? _hint$popoverProps$is : isHintVisibleState;
       return (0, _react2.jsx)(_services.RenderWithEuiTheme, null, function (euiTheme) {
         return (0, _react2.jsx)(_flex.EuiFlexGroup, {
-          gutterSize: "m",
+          gutterSize: "s",
           alignItems: "center",
           wrap: true
         }, toolsLeftEl, (0, _react2.jsx)(_flex.EuiFlexItem, {

package/optimize/lib/components/spacer/spacer.js CHANGED Viewed

@@ -25,7 +25,7 @@ var SIZES = exports.SIZES = ['xs', 's', 'm', 'l', 'xl', 'xxl'];
 var EuiSpacer = exports.EuiSpacer = function EuiSpacer(_ref) {
   var className = _ref.className,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'l' : _ref$size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var styles = (0, _services.useEuiMemoizedStyles)(_spacer.euiSpacerStyles);
   var classes = (0, _classnames.default)('euiSpacer', (0, _defineProperty2.default)({}, "euiSpacer--".concat(size), size), className);

package/optimize/lib/components/tour/tour_step_indicator.js CHANGED Viewed

@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react2 = require("@emotion/react");
+var _services = require("../../services");
 var _icon = require("../icon");
 var _i18n = require("../i18n");
 var _excluded = ["className", "number", "status"];
@@ -33,7 +34,11 @@ var EuiTourStepIndicator = exports.EuiTourStepIndicator = function EuiTourStepIn
     number = _ref2.number,
     status = _ref2.status,
     rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  var _useEuiTheme = (0, _services.useEuiTheme)(),
+    euiTheme = _useEuiTheme.euiTheme;
   var classes = (0, _classnames.default)('euiTourStepIndicator', className);
+  var inactiveColor = euiTheme.components.tourStepIndicatorInactiveColor;
+  var activeColor = euiTheme.components.tourStepIndicatorActiveColor;
   var indicatorIcon;
   if (status === 'active') {
     indicatorIcon = (0, _react2.jsx)(_i18n.EuiI18n, {
@@ -43,7 +48,7 @@ var EuiTourStepIndicator = exports.EuiTourStepIndicator = function EuiTourStepIn
       return (0, _react2.jsx)(_icon.EuiIcon, {
         type: "dot",
         "aria-label": isActive,
-        color: "success",
+        color: activeColor,
         "aria-current": "step"
       });
     });
@@ -55,7 +60,7 @@ var EuiTourStepIndicator = exports.EuiTourStepIndicator = function EuiTourStepIn
       return (0, _react2.jsx)(_icon.EuiIcon, {
         type: "dot",
         "aria-label": isComplete,
-        color: "subdued"
+        color: inactiveColor
       });
     });
   } else if (status === 'incomplete') {
@@ -66,7 +71,7 @@ var EuiTourStepIndicator = exports.EuiTourStepIndicator = function EuiTourStepIn
       return (0, _react2.jsx)(_icon.EuiIcon, {
         type: "dot",
         "aria-label": isIncomplete,
-        color: "subdued"
+        color: inactiveColor
       });
     });
   }

package/optimize/lib/global_styling/mixins/_button.js CHANGED Viewed

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useEuiButtonFocusCSS = exports.useEuiButtonColorCSS = exports.highContrastHoverIndicatorStyles = exports.euiButtonSizeMap = exports.euiButtonFillColor = exports.euiButtonEmptyColor = exports.euiButtonColor = exports.SEVERITY_COLORS = exports.EXTENDED_BUTTON_COLORS = exports.BUTTON_DISPLAYS = exports.BUTTON_COLORS = void 0;
+exports.useEuiButtonFocusCSS = exports.useEuiButtonColorCSS = exports.highContrastHoverIndicatorStyles = exports.getEuiFilledButtonColors = exports.getEuiButtonColors = exports.euiButtonSizeMap = exports.euiButtonFillColor = exports.euiButtonEmptyColor = exports.euiButtonColor = exports.SEVERITY_COLORS = exports.EXTENDED_BUTTON_COLORS = exports.BUTTON_DISPLAYS = exports.BUTTON_COLORS = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
@@ -40,7 +40,18 @@ var getButtonVariantTokenValues = function getButtonVariantTokenValues(_ref, col
     color: foreground,
     background: euiTheme.components.buttons[backgroundTokenName],
     backgroundHover: euiTheme.components.buttons[backgroundHoverTokenName],
-    backgroundActive: euiTheme.components.buttons[backgroundActiveTokenName]
+    backgroundActive: euiTheme.components.buttons[backgroundActiveTokenName],
+    borderColor: highContrastMode ? foreground : color === 'text' ? euiTheme.colors.borderBasePlain : 'transparent'
+  };
+};
+var getEuiButtonColors = exports.getEuiButtonColors = function getEuiButtonColors(euiThemeContext, color) {
+  var buttonColors = getButtonVariantTokenValues(euiThemeContext, color, 'base');
+  var foreground = buttonColors.color;
+  var background = buttonColors.background;
+  return {
+    color: background === 'transparent' || color === 'disabled' ? foreground : (0, _services.makeHighContrastColor)(foreground)(background),
+    backgroundColor: background,
+    borderColor: buttonColors.borderColor
   };
 };
@@ -51,13 +62,21 @@ var getButtonVariantTokenValues = function getButtonVariantTokenValues(_ref, col
  * @returns Style object `{ backgroundColor, color }`
  */
 var euiButtonColor = exports.euiButtonColor = function euiButtonColor(euiThemeContext, color) {
-  var buttonColors = getButtonVariantTokenValues(euiThemeContext, color, 'base');
+  var buttonColors = getEuiButtonColors(euiThemeContext, color);
+  return _objectSpread({
+    color: buttonColors.color,
+    backgroundColor: buttonColors.backgroundColor
+  }, _highContrastBorder(euiThemeContext, buttonColors.borderColor));
+};
+var getEuiFilledButtonColors = exports.getEuiFilledButtonColors = function getEuiFilledButtonColors(euiThemeContext, color) {
+  var buttonColors = getButtonVariantTokenValues(euiThemeContext, color, 'filled');
   var foreground = buttonColors.color;
   var background = buttonColors.background;
-  return _objectSpread({
-    color: background === 'transparent' || color === 'disabled' ? foreground : (0, _services.makeHighContrastColor)(foreground)(background),
-    backgroundColor: background
-  }, _highContrastBorder(euiThemeContext, foreground));
+  return {
+    color: foreground,
+    backgroundColor: background,
+    borderColor: color === 'disabled' ? foreground : background
+  };
 };
 /**
@@ -67,13 +86,13 @@ var euiButtonColor = exports.euiButtonColor = function euiButtonColor(euiThemeCo
  * @returns Style object `{ backgroundColor, color }`
  */
 var euiButtonFillColor = exports.euiButtonFillColor = function euiButtonFillColor(euiThemeContext, color) {
-  var buttonColors = getButtonVariantTokenValues(euiThemeContext, color, 'filled');
+  var buttonColors = getEuiFilledButtonColors(euiThemeContext, color);
   var foreground = buttonColors.color;
-  var background = buttonColors.background;
+  var background = buttonColors.backgroundColor;
   return _objectSpread({
     color: foreground,
     backgroundColor: background
-  }, _highContrastBorder(euiThemeContext, color === 'disabled' ? foreground : background // The border is necessary for Windows high contrast themes, which ignore background-color
+  }, _highContrastBorder(euiThemeContext, buttonColors.borderColor // The border is necessary for Windows high contrast themes, which ignore background-color
   ));
 };

package/optimize/lib/global_styling/mixins/_container_query.js ADDED Viewed

@@ -0,0 +1,112 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.euiContainerQuery = exports.euiContainerCSS = exports.euiContainer = 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 CONTAINER_TYPES = ['normal', 'size', 'inline-size'];
+/**
+ * Type of container context used in container queries.
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/container-type}
+ */
+/**
+ * Establish element as a query container.
+ * The scroll state is applied through the `scrollState` argument
+ * and not the `type` argument.
+ *
+ * @example
+ * // Export container name to use across the application
+ * export const PAGE_CONTENT_CONTAINER_NAME = 'my-app-page-content';
+ * const pageContentStyles = css`
+ *   ${euiContainer('inline-size', PAGE_CONTENT_CONTAINER_NAME)}
+ *   margin: 0 auto;
+ * `;
+ *
+ * @returns A style string to be used inside Emotion's `css` template literal
+ * @beta
+ */
+var euiContainer = exports.euiContainer = function euiContainer(type, name, scrollState) {
+  var finalType = '';
+  if (type !== 'normal') {
+    finalType += type;
+  }
+  if (scrollState) {
+    if (finalType.length) {
+      finalType += ' ';
+    }
+    finalType += 'scroll-state';
+  }
+  return [!!name && "container-name: ".concat(name), !!finalType && "container-type: ".concat(finalType)].filter(Boolean).join(';');
+};
+/**
+ * Establish element as a query container.
+ * The scroll state is applied through the `scrollState` argument
+ * and not the `type` argument.
+ *
+ * @example
+ * // Export container name to use across the application
+ * export const PAGE_CONTENT_CONTAINER_NAME = 'my-app-page-content';
+ * const PageContent = ({ children }: PropsWithChildren) => (
+ *   <main css={euiContainerCSS('inline-size', PAGE_CONTENT_CONTAINER_NAME)}>
+ *     {children}
+ *   </main>
+ * );
+ * @returns Emotion's `SerializedStyles` object to be passed to the `css` prop
+ *   of a React component.
+ * @beta
+ */
+var euiContainerCSS = exports.euiContainerCSS = function euiContainerCSS(type, name, scrollState) {
+  return /*#__PURE__*/(0, _react.css)(euiContainer(type, name, scrollState), ";label:euiContainerCSS;");
+};
+/**
+ * Get a @container rule for given conditions and an optional container name.
+ *
+ * Container queries can be used to apply conditional styles based on container
+ * size, its scroll state or even its styles.
+ *
+ * It's hugely useful to conditionally show or hide information based
+ * on the **container** dimensions instead of the **viewport** dimensions.
+ *
+ * When container name is provided, it will be used to target the containment
+ * context. When skipped, it will target the nearest ancestor with containment.
+ *
+ * @example
+ * const itemDetailsStyles = css`
+ *   background: red;
+ *
+ *   ${euiContainerQuery('(width > 250px)')} {
+ *     background: blue;
+ *   }
+ * `;
+ *
+ * @param conditions one or many conditions to query the container with.
+ *   Similarly to media queries, you can use
+ *   size queries (e.g., `(width > 300px)`),
+ *   scroll state queries (e.g., `(scroll-state(scrollable: top))`),
+ *   or even style queries.
+ *   You can use the `and`, `or` and `not` logical keywords to define container
+ *   conditions. Note that all conditions must be wrapped in parentheses.
+ *
+ * @param containerName When provided, it will be used to target
+ *   the containment context and run queries against it. Otherwise, the nearest
+ *   ancestor with containment will be queried instead.
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@container}
+ * @beta
+ */
+var euiContainerQuery = exports.euiContainerQuery = function euiContainerQuery(conditions, containerName) {
+  return "@container ".concat(containerName !== null && containerName !== void 0 ? containerName : '').concat(containerName ? ' ' : '').concat(conditions);
+};

package/optimize/lib/global_styling/mixins/index.js CHANGED Viewed

@@ -14,6 +14,17 @@ Object.keys(_color).forEach(function (key) {
     }
   });
 });
+var _container_query = require("./_container_query");
+Object.keys(_container_query).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _container_query[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _container_query[key];
+    }
+  });
+});
 var _helpers = require("./_helpers");
 Object.keys(_helpers).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;