@elastic/eui 119.0.0 → 119.1.0

package/optimize/es/components/form/file_picker/file_picker.js

@@ -1,15 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["stylesMemoizer", "id", "name", "initialPromptText", "className", "disabled", "compressed", "onChange", "isInvalid", "fullWidth", "isLoading", "display", "files"];
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var _excluded = ["id", "name", "initialPromptText", "className", "disabled", "compressed", "onChange", "isInvalid", "fullWidth", "isLoading", "display", "files"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -18,227 +11,200 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * Side Public License, v 1.
  */
 
-import React, { Component } from 'react';
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import classNames from 'classnames';
-import { withEuiStylesMemoizer, htmlIdGenerator } from '../../../services';
+import { useEuiMemoizedStyles, useGeneratedHtmlId } from '../../../services';
 import { EuiButtonEmpty } from '../../button';
 import { EuiProgress } from '../../progress';
 import { EuiIcon } from '../../icon';
-import { EuiI18n } from '../../i18n';
+import { EuiI18n, useEuiI18n } from '../../i18n';
 import { EuiLoadingSpinner } from '../../loading';
-import { FormContext } from '../eui_form_context';
+import { useFormContext } from '../eui_form_context';
 import { EuiValidatableControl } from '../validatable_control';
 import { EuiFormControlLayoutClearButton } from '../form_control_layout/form_control_layout_clear_button';
 import { euiFilePickerStyles } from './file_picker.styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var EuiFilePickerClass = /*#__PURE__*/function (_Component) {
-  function EuiFilePickerClass() {
-    var _this;
-    _classCallCheck(this, EuiFilePickerClass);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, EuiFilePickerClass, [].concat(args));
-    _defineProperty(_this, "fileInput", null);
-    _defineProperty(_this, "generatedId", htmlIdGenerator()());
-    _defineProperty(_this, "getPromptTextFromFileList", function (files) {
-      if (!files || files.length === 0) {
-        return null;
-      }
-      if (files.length > 1) {
-        return ___EmotionJSX(EuiI18n, {
-          token: "euiFilePicker.filesSelected",
-          default: "{fileCount} files selected",
-          values: {
-            fileCount: files.length
-          }
-        });
-      }
-      return files[0].name;
-    });
-    _defineProperty(_this, "state", {
-      promptText: _this.props.files ? _this.getPromptTextFromFileList(_this.props.files) : null,
-      isHoveringDrop: false
-    });
-    _defineProperty(_this, "handleChange", function () {
-      if (!_this.fileInput) return;
-      if (_this.fileInput.files && _this.fileInput.files.length === 1) {
-        _this.setState({
-          promptText: _this.fileInput.value.split('\\').pop()
-        });
-      } else {
-        _this.setState({
-          promptText: _this.getPromptTextFromFileList(_this.fileInput.files ? Array.from(_this.fileInput.files) : null)
-        });
-      }
-      var onChange = _this.props.onChange;
-      if (onChange) {
-        onChange(_this.fileInput.files && _this.fileInput.files.length > 0 ? _this.fileInput.files : null);
-      }
-    });
-    _defineProperty(_this, "removeFiles", function (e) {
-      if (e) {
-        e.stopPropagation();
-        e.preventDefault();
-      }
-      if (!_this.fileInput) return;
-      _this.fileInput.value = '';
-      _this.handleChange();
-    });
-    _defineProperty(_this, "showDrop", function () {
-      if (!_this.props.disabled) {
-        _this.setState({
-          isHoveringDrop: true
-        });
+var getPromptTextFromFileList = function getPromptTextFromFileList(files) {
+  if (!files || files.length === 0) {
+    return null;
+  }
+  if (files.length > 1) {
+    return ___EmotionJSX(EuiI18n, {
+      token: "euiFilePicker.filesSelected",
+      default: "{fileCount} files selected",
+      values: {
+        fileCount: files.length
       }
     });
-    _defineProperty(_this, "hideDrop", function () {
-      _this.setState({
-        isHoveringDrop: false
-      });
-    });
-    return _this;
   }
-  _inherits(EuiFilePickerClass, _Component);
-  return _createClass(EuiFilePickerClass, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      // Update prompt text when files prop changes
-      if (this.props.files !== prevProps.files) {
-        var _this$props$files;
-        this.setState({
-          promptText: this.getPromptTextFromFileList((_this$props$files = this.props.files) !== null && _this$props$files !== void 0 ? _this$props$files : null)
-        });
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _ref = this.context,
-        defaultFullWidth = _ref.defaultFullWidth;
-      return ___EmotionJSX(EuiI18n, {
-        token: "euiFilePicker.removeSelectedAriaLabel",
-        default: "Remove selected files"
-      }, function (removeSelectedAriaLabel) {
-        var _this2$props = _this2.props,
-          stylesMemoizer = _this2$props.stylesMemoizer,
-          id = _this2$props.id,
-          name = _this2$props.name,
-          initialPromptText = _this2$props.initialPromptText,
-          className = _this2$props.className,
-          disabled = _this2$props.disabled,
-          compressed = _this2$props.compressed,
-          onChange = _this2$props.onChange,
-          isInvalid = _this2$props.isInvalid,
-          _this2$props$fullWidt = _this2$props.fullWidth,
-          fullWidth = _this2$props$fullWidt === void 0 ? defaultFullWidth : _this2$props$fullWidt,
-          isLoading = _this2$props.isLoading,
-          display = _this2$props.display,
-          files = _this2$props.files,
-          rest = _objectWithoutProperties(_this2$props, _excluded);
-        var promptId = "".concat(id || _this2.generatedId, "-filePicker__prompt");
-        var isOverridingInitialPrompt = _this2.state.promptText != null;
-        var normalFormControl = display === 'default';
-        var classes = classNames('euiFilePicker', {
-          'euiFilePicker-isDroppingFile': _this2.state.isHoveringDrop,
-          'euiFilePicker-isInvalid': isInvalid,
-          'euiFilePicker-isLoading': isLoading,
-          'euiFilePicker-hasFiles': isOverridingInitialPrompt
-        }, className);
-        var styles = stylesMemoizer(euiFilePickerStyles);
-        var cssStyles = [styles.euiFilePicker, fullWidth ? styles.fullWidth : styles.formWidth, _this2.state.isHoveringDrop && styles.isDroppingFile, isInvalid && !disabled && styles.invalid, isOverridingInitialPrompt && !disabled && styles.hasFiles, isLoading && styles.loading];
-        var inputStyles = [styles.input.euiFilePicker__input, !normalFormControl && !disabled && styles.input.largeInteractive];
-        var promptStyles = [styles.euiFilePicker__prompt, disabled && styles.disabled].concat(_toConsumableArray(normalFormControl ? [compressed ? styles.compressed : styles.uncompressed] : [styles.large.large, compressed ? styles.large.compressed : styles.large.uncompressed]));
-        var iconStyles = [styles.icon.euiFilePicker__icon].concat(_toConsumableArray(normalFormControl ? [styles.icon.normal, compressed ? styles.icon.compresssed : styles.icon.uncompressed] : [styles.icon.large]));
-        var rightIconStyles = normalFormControl ? [styles.rightIcon.euiFilePicker__rightIcon, compressed ? styles.rightIcon.compressed : styles.rightIcon.uncompressed] : undefined;
-        var clearButton;
-        if (isLoading && normalFormControl) {
-          // Override clear button with loading spinner if it is in loading state
-          clearButton = ___EmotionJSX(EuiLoadingSpinner, {
-            css: rightIconStyles,
-            className: "euiFilePicker__loadingSpinner",
-            size: compressed ? 's' : 'm'
-          });
-        } else if (isOverridingInitialPrompt && !disabled) {
-          if (normalFormControl) {
-            clearButton = ___EmotionJSX(EuiFormControlLayoutClearButton, {
-              "aria-label": removeSelectedAriaLabel,
-              css: [styles.euiFilePicker__clearButton, rightIconStyles, ";label:clearButton;"],
-              className: "euiFilePicker__clearButton",
-              onClick: _this2.removeFiles,
-              size: compressed ? 's' : 'm'
-            });
-          } else {
-            clearButton = ___EmotionJSX(EuiButtonEmpty, {
-              "aria-label": removeSelectedAriaLabel,
-              css: styles.euiFilePicker__clearButton,
-              className: "euiFilePicker__clearButton",
-              size: "xs",
-              onClick: _this2.removeFiles
-            }, ___EmotionJSX(EuiI18n, {
-              token: "euiFilePicker.removeSelected",
-              default: "Remove"
-            }));
-          }
-        } else {
-          clearButton = null;
-        }
-        var loader = !normalFormControl && isLoading && ___EmotionJSX(EuiProgress, {
-          size: "xs",
-          color: "accent",
-          position: "absolute"
-        });
-        var iconColor = isInvalid ? 'danger' : disabled ? 'disabled' : 'text';
-        return ___EmotionJSX("div", {
-          css: cssStyles,
-          className: classes
-        }, ___EmotionJSX(EuiValidatableControl, {
-          isInvalid: isInvalid
-        }, ___EmotionJSX("input", _extends({
-          type: "file",
-          id: id,
-          name: name,
-          css: inputStyles,
-          className: "euiFilePicker__input",
-          onChange: _this2.handleChange,
-          ref: function ref(input) {
-            _this2.fileInput = input;
-          },
-          onDragOver: _this2.showDrop,
-          onDragLeave: _this2.hideDrop,
-          onDrop: _this2.hideDrop,
-          disabled: disabled,
-          "aria-describedby": promptId
-        }, rest))), ___EmotionJSX("div", {
-          css: promptStyles,
-          className: "euiFilePicker__prompt",
-          id: promptId
-        }, ___EmotionJSX(EuiIcon, {
-          css: iconStyles,
-          className: "euiFilePicker__icon",
-          color: iconColor,
-          type: isInvalid ? 'warning' : disabled ? 'minusCircle' : 'upload',
-          size: normalFormControl ? 'm' : 'l',
-          "aria-hidden": "true"
-        }), ___EmotionJSX("span", {
-          className: "euiFilePicker__promptText"
-        }, _this2.state.promptText || initialPromptText), clearButton, loader));
-      });
-    }
-  }]);
-}(Component);
+  return files[0].name;
+};
 
 /**
  * @see {@link https://eui.elastic.co/docs/components/forms/other/file-picker/|EuiFilePicker documentation}
  */
-_defineProperty(EuiFilePickerClass, "contextType", FormContext);
-_defineProperty(EuiFilePickerClass, "defaultProps", {
-  initialPromptText: ___EmotionJSX(EuiI18n, {
-    token: "euiFilePicker.promptText",
-    default: "Select or drag and drop a file"
-  }),
-  compressed: false,
-  display: 'large'
+export var EuiFilePicker = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _useFormContext = useFormContext(),
+    defaultFullWidth = _useFormContext.defaultFullWidth;
+  var id = props.id,
+    name = props.name,
+    _props$initialPromptT = props.initialPromptText,
+    initialPromptText = _props$initialPromptT === void 0 ? ___EmotionJSX(EuiI18n, {
+      token: "euiFilePicker.promptText",
+      default: "Select or drag and drop a file"
+    }) : _props$initialPromptT,
+    className = props.className,
+    disabled = props.disabled,
+    _props$compressed = props.compressed,
+    compressed = _props$compressed === void 0 ? false : _props$compressed,
+    onChange = props.onChange,
+    isInvalid = props.isInvalid,
+    _props$fullWidth = props.fullWidth,
+    fullWidth = _props$fullWidth === void 0 ? defaultFullWidth : _props$fullWidth,
+    isLoading = props.isLoading,
+    _props$display = props.display,
+    display = _props$display === void 0 ? 'large' : _props$display,
+    files = props.files,
+    rest = _objectWithoutProperties(props, _excluded);
+  var removeSelectedAriaLabel = useEuiI18n('euiFilePicker.removeSelectedAriaLabel', 'Remove selected files');
+  var fileInput = useRef(null);
+  var _useState = useState(function () {
+      return files ? getPromptTextFromFileList(files) : null;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    promptText = _useState2[0],
+    setPromptText = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isHoveringDrop = _useState4[0],
+    setIsHoveringDrop = _useState4[1];
+
+  // Update prompt text when the `files` prop changes. The ref guard keeps this
+  // from re-running on mount, where the initial state is already derived above.
+  var prevFiles = useRef(files);
+  useEffect(function () {
+    if (prevFiles.current !== files) {
+      prevFiles.current = files;
+      setPromptText(getPromptTextFromFileList(files !== null && files !== void 0 ? files : null));
+    }
+  }, [files]);
+  var handleChange = useCallback(function () {
+    if (!fileInput.current) return;
+    if (fileInput.current.files && fileInput.current.files.length === 1) {
+      setPromptText(fileInput.current.value.split('\\').pop());
+    } else {
+      setPromptText(getPromptTextFromFileList(fileInput.current.files ? Array.from(fileInput.current.files) : null));
+    }
+    if (onChange) {
+      onChange(fileInput.current.files && fileInput.current.files.length > 0 ? fileInput.current.files : null);
+    }
+  }, [onChange]);
+  var removeFiles = useCallback(function (e) {
+    if (e) {
+      e.stopPropagation();
+      e.preventDefault();
+    }
+    if (!fileInput.current) return;
+    fileInput.current.value = '';
+    handleChange();
+  }, [handleChange]);
+  useImperativeHandle(ref, function () {
+    return {
+      removeFiles: removeFiles,
+      input: fileInput.current
+    };
+  }, [removeFiles]);
+  var showDrop = function showDrop() {
+    return !disabled && setIsHoveringDrop(true);
+  };
+  var hideDrop = function hideDrop() {
+    return setIsHoveringDrop(false);
+  };
+  var generatedId = useGeneratedHtmlId();
+  var promptId = "".concat(id || generatedId, "-filePicker__prompt");
+  var isOverridingInitialPrompt = promptText != null;
+  var normalFormControl = display === 'default';
+  var classes = classNames('euiFilePicker', {
+    'euiFilePicker-isDroppingFile': isHoveringDrop,
+    'euiFilePicker-isInvalid': isInvalid,
+    'euiFilePicker-isLoading': isLoading,
+    'euiFilePicker-hasFiles': isOverridingInitialPrompt
+  }, className);
+  var styles = useEuiMemoizedStyles(euiFilePickerStyles);
+  var cssStyles = [styles.euiFilePicker, fullWidth ? styles.fullWidth : styles.formWidth, isHoveringDrop && styles.isDroppingFile, isInvalid && !disabled && styles.invalid, isOverridingInitialPrompt && !disabled && styles.hasFiles, isLoading && styles.loading];
+  var inputStyles = [styles.input.euiFilePicker__input, !normalFormControl && !disabled && styles.input.largeInteractive];
+  var promptStyles = [styles.euiFilePicker__prompt, disabled && styles.disabled].concat(_toConsumableArray(normalFormControl ? [compressed ? styles.compressed : styles.uncompressed] : [styles.large.large, compressed ? styles.large.compressed : styles.large.uncompressed]));
+  var iconStyles = [styles.icon.euiFilePicker__icon].concat(_toConsumableArray(normalFormControl ? [styles.icon.normal, compressed ? styles.icon.compressed : styles.icon.uncompressed] : [styles.icon.large]));
+  var rightIconStyles = normalFormControl ? [styles.rightIcon.euiFilePicker__rightIcon, compressed ? styles.rightIcon.compressed : styles.rightIcon.uncompressed] : undefined;
+  var clearButton;
+  if (isLoading && normalFormControl) {
+    // Override clear button with loading spinner if it is in loading state
+    clearButton = ___EmotionJSX(EuiLoadingSpinner, {
+      css: rightIconStyles,
+      className: "euiFilePicker__loadingSpinner",
+      size: compressed ? 's' : 'm'
+    });
+  } else if (isOverridingInitialPrompt && !disabled) {
+    if (normalFormControl) {
+      clearButton = ___EmotionJSX(EuiFormControlLayoutClearButton, {
+        "aria-label": removeSelectedAriaLabel,
+        css: [styles.euiFilePicker__clearButton, rightIconStyles, ";label:clearButton;"],
+        className: "euiFilePicker__clearButton",
+        onClick: removeFiles,
+        size: compressed ? 's' : 'm'
+      });
+    } else {
+      clearButton = ___EmotionJSX(EuiButtonEmpty, {
+        "aria-label": removeSelectedAriaLabel,
+        css: styles.euiFilePicker__clearButton,
+        className: "euiFilePicker__clearButton",
+        size: "xs",
+        onClick: removeFiles
+      }, ___EmotionJSX(EuiI18n, {
+        token: "euiFilePicker.removeSelected",
+        default: "Remove"
+      }));
+    }
+  } else {
+    clearButton = null;
+  }
+  var loader = !normalFormControl && isLoading && ___EmotionJSX(EuiProgress, {
+    size: "xs",
+    color: "accent",
+    position: "absolute"
+  });
+  var iconColor = isInvalid ? 'danger' : disabled ? 'disabled' : 'text';
+  return ___EmotionJSX("div", {
+    css: cssStyles,
+    className: classes
+  }, ___EmotionJSX(EuiValidatableControl, {
+    isInvalid: isInvalid
+  }, ___EmotionJSX("input", _extends({
+    type: "file",
+    id: id,
+    name: name,
+    css: inputStyles,
+    className: "euiFilePicker__input",
+    onChange: handleChange,
+    ref: fileInput,
+    onDragOver: showDrop,
+    onDragLeave: hideDrop,
+    onDrop: hideDrop,
+    disabled: disabled,
+    "aria-describedby": promptId
+  }, rest))), ___EmotionJSX("div", {
+    css: promptStyles,
+    className: "euiFilePicker__prompt",
+    id: promptId
+  }, ___EmotionJSX(EuiIcon, {
+    css: iconStyles,
+    className: "euiFilePicker__icon",
+    color: iconColor,
+    type: isInvalid ? 'warning' : disabled ? 'minusCircle' : 'upload',
+    size: normalFormControl ? 'm' : 'l',
+    "aria-hidden": "true"
+  }), ___EmotionJSX("span", {
+    className: "euiFilePicker__promptText"
+  }, promptText || initialPromptText), clearButton, loader));
 });
-export var EuiFilePicker = withEuiStylesMemoizer(EuiFilePickerClass);
+EuiFilePicker.displayName = 'EuiFilePicker';

package/optimize/es/components/form/file_picker/file_picker.styles.js

@@ -82,7 +82,7 @@ export var euiFilePickerStyles = function euiFilePickerStyles(euiThemeContext) {
       euiFilePicker__icon: /*#__PURE__*/css(";label:euiFilePicker__icon;"),
       normal: /*#__PURE__*/css("position:absolute;", logicalCSS('top', 0), " ", logicalCSS('height', '100%'), ";;label:normal;"),
       uncompressed: "\n        ".concat(logicalCSS('left', euiTheme.size.m), "\n      "),
-      compresssed: /*#__PURE__*/css(logicalCSS('left', euiTheme.size.s), " ", logicalCSS('width', euiTheme.size.m), ";;label:compresssed;"),
+      compressed: /*#__PURE__*/css(logicalCSS('left', euiTheme.size.s), " ", logicalCSS('width', euiTheme.size.m), ";;label:compressed;"),
       large: /*#__PURE__*/css(logicalCSS('margin-bottom', euiTheme.size.base), " ", euiCanAnimate, "{transition:transform ", euiTheme.animation.fast, " ", euiTheme.animation.resistance, ";};label:large;")
     },
     rightIcon: {

package/optimize/es/components/icon/assets/cursor_default.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var EuiIconCursorDefault = function EuiIconCursorDefault(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    d: "M2.646 2.646a.5.5 0 0 1 .497-.125l10 3a.5.5 0 0 1 .134.895l-2.493 1.66 3.069 3.07a.5.5 0 0 1 0 .707l-2 2a.5.5 0 0 1-.707 0l-3.07-3.07-1.66 2.494a.5.5 0 0 1-.895-.134l-3-10a.5.5 0 0 1 .125-.497m3.526 9.192 1.411-2.116.072-.085a.503.503 0 0 1 .698.01l3.146 3.146 1.293-1.293-3.146-3.147a.5.5 0 0 1 .076-.77l2.115-1.41-8.093-2.428z",
+    clipRule: "evenodd"
+  }));
+};
+export var icon = EuiIconCursorDefault;

package/optimize/es/components/icon/assets/log_in.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var EuiIconLogIn = function EuiIconLogIn(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M13 2a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3v-1h10V3H3V2z"
+  }), ___EmotionJSX("path", {
+    d: "m11.707 8-3.353 3.354-.708-.707L9.793 8.5H2v-1h7.793L7.646 5.354l.708-.708z"
+  }));
+};
+export var icon = EuiIconLogIn;

package/optimize/es/components/icon/assets/route_split.js

@@ -0,0 +1,32 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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
+
+import * as React from 'react';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var EuiIconRouteSplit = function EuiIconRouteSplit(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16,
+    viewBox: "0 0 16 16",
+    "aria-labelledby": titleId
+  }, props), title ? ___EmotionJSX("title", {
+    id: titleId
+  }, title) : null, ___EmotionJSX("path", {
+    d: "M13 3a2 2 0 1 1 0 4 2 2 0 0 1-1.934-1.5H6.903C7.524 6.105 8 7.053 8 8.5c0 1.654.47 2.372.83 2.687.093.082.187.14.273.185a2 2 0 1 1-.056 1.053 2.3 2.3 0 0 1-.876-.487C7.53 11.378 7 10.346 7 8.5c0-1.574-.657-2.284-1.252-2.63a2.8 2.8 0 0 0-.828-.313A2 2 0 1 1 4.935 4.5h6.131A2 2 0 0 1 13 3m-2 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2M3 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2m10 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
+  }));
+};
+export var icon = EuiIconRouteSplit;

package/optimize/es/components/icon/icon_map.js

@@ -571,6 +571,11 @@ export var typeToPathMap = {
   }, {
     synonyms: ['crosshair']
   }),
+  cursorDefault: withMetadata(function () {
+    return import('./assets/cursor_default');
+  }, {
+    synonyms: ['cursor', 'ui']
+  }),
   money: withMetadata(function () {
     return import('./assets/money');
   }, {
@@ -806,6 +811,11 @@ export var typeToPathMap = {
   esqlVis: function esqlVis() {
     return import('./assets/esql_vis');
   },
+  logIn: withMetadata(function () {
+    return import('./assets/log_in');
+  }, {
+    synonyms: ['entry', 'incoming']
+  }),
   logOut: withMetadata(function () {
     return import('./assets/log_out');
   }, {
@@ -1916,6 +1926,11 @@ export var typeToPathMap = {
   }, {
     synonyms: ['return', 'enter', 'keyboard', 'submit', 'back', 'revert']
   }),
+  routeSplit: withMetadata(function () {
+    return import('./assets/route_split');
+  }, {
+    synonyms: ['tree', 'parent']
+  }),
   save: withMetadata(function () {
     return import('./assets/save');
   }, {

package/optimize/es/components/icon/svgs/cursor_default.svg

@@ -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="M2.646 2.646a.5.5 0 0 1 .497-.125l10 3a.5.5 0 0 1 .134.895l-2.493 1.66 3.069 3.07a.5.5 0 0 1 0 .707l-2 2a.5.5 0 0 1-.707 0l-3.07-3.07-1.66 2.494a.5.5 0 0 1-.895-.134l-3-10a.5.5 0 0 1 .125-.497m3.526 9.192 1.411-2.116.072-.085a.503.503 0 0 1 .698.01l3.146 3.146 1.293-1.293-3.146-3.147a.5.5 0 0 1 .076-.77l2.115-1.41-8.093-2.428z" clip-rule="evenodd"/>
+</svg>

package/optimize/es/components/icon/svgs/log_in.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M13 2a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3v-1h10V3H3V2z"/>
+  <path d="m11.707 8-3.353 3.354-.708-.707L9.793 8.5H2v-1h7.793L7.646 5.354l.708-.708z"/>
+</svg>

package/optimize/es/components/icon/svgs/route_split.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M13 3a2 2 0 1 1 0 4 2 2 0 0 1-1.934-1.5H6.903C7.524 6.105 8 7.053 8 8.5c0 1.654.47 2.372.83 2.687.093.082.187.14.273.185a2 2 0 1 1-.056 1.053 2.3 2.3 0 0 1-.876-.487C7.53 11.378 7 10.346 7 8.5c0-1.574-.657-2.284-1.252-2.63a2.8 2.8 0 0 0-.828-.313A2 2 0 1 1 4.935 4.5h6.131A2 2 0 0 1 13 3m-2 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2M3 4a1 1 0 1 0 0 2 1 1 0 0 0 0-2m10 0a1 1 0 1 0 0 2 1 1 0 0 0 0-2"/>
+</svg>

package/optimize/es/global_styling/mixins/_button.js

@@ -198,6 +198,9 @@ var euiButtonFocusCSS = function euiButtonFocusCSS(_euiThemeContext) {
  */
 export var euiButtonSizeMap = function euiButtonSizeMap(euiThemeContext) {
   var euiTheme = euiThemeContext.euiTheme;
+
+  // TODO: replace with token once available
+  var radiusInset = '2px';
   return {
     xs: {
       minWidth: euiTheme.base * 6,
@@ -206,6 +209,7 @@ export var euiButtonSizeMap = function euiButtonSizeMap(euiThemeContext) {
         return x / 2;
       }),
       radius: euiTheme.border.radius.small,
+      radiusInset: radiusInset,
       fontScale: 'xs'
     },
     s: {
@@ -213,6 +217,7 @@ export var euiButtonSizeMap = function euiButtonSizeMap(euiThemeContext) {
       height: euiTheme.size.xl,
       padding: euiTheme.size.s,
       radius: euiTheme.border.radius.small,
+      radiusInset: radiusInset,
       fontScale: 's'
     },
     m: {
@@ -220,6 +225,7 @@ export var euiButtonSizeMap = function euiButtonSizeMap(euiThemeContext) {
       height: euiTheme.size.xxl,
       padding: euiTheme.size.m,
       radius: euiTheme.border.radius.small,
+      radiusInset: radiusInset,
       fontScale: 's'
     }
   };