@elastic/eui 81.0.0 → 81.2.0

package/optimize/lib/global_styling/utility/animations.js

@@ -8,6 +8,13 @@ exports.euiAnimSlideX = exports.euiAnimSlideInUp = exports.euiAnimScale = export
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+/*
+ * 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 euiAnimFadeIn = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n"])));
 exports.euiAnimFadeIn = euiAnimFadeIn;
 var euiAnimSlideInUp = function euiAnimSlideInUp(size) {

package/optimize/lib/global_styling/variables/breakpoint.js

@@ -16,4 +16,6 @@ var EuiThemeBreakpoints = ['xs', 's', 'm', 'l', 'xl'];
 
 // This type cannot be a string enum / must be a generic string
 // in case consumers add custom breakpoint sizes, such as xxl or xxs
+
+// Set the minimum window width at which to start to the breakpoint
 exports.EuiThemeBreakpoints = EuiThemeBreakpoints;

package/optimize/lib/global_styling/variables/typography.js

@@ -23,10 +23,26 @@ exports.EuiThemeFontSizeMeasurements = EuiThemeFontSizeMeasurements;
  */
 
 var EuiThemeFontScales = ['xxxs', 'xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'];
+
+/*
+ * Font base settings
+ */
 exports.EuiThemeFontScales = EuiThemeFontScales;
 /*
  * Font weights
  */
 
 var EuiThemeFontWeights = ['light', 'regular', 'medium', 'semiBold', 'bold'];
+
+/**
+ * Body / Base styles
+ */
+
+/**
+ * Title styles
+ */
+
+/*
+ * Font
+ */
 exports.EuiThemeFontWeights = EuiThemeFontWeights;

package/optimize/lib/services/accessibility/accessible_click_keys.js

@@ -8,6 +8,13 @@ exports.accessibleClickKeys = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _keys = require("../keys");
 var _accessibleClickKeys;
+/*
+ * 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.
+ */
 // These keys are used to execute click actions on interactive elements like buttons and links.
 var accessibleClickKeys = (_accessibleClickKeys = {}, (0, _defineProperty2.default)(_accessibleClickKeys, _keys.ENTER, 'enter'), (0, _defineProperty2.default)(_accessibleClickKeys, _keys.SPACE, 'space'), _accessibleClickKeys);
 exports.accessibleClickKeys = accessibleClickKeys;

package/optimize/lib/services/format/format_date.js

@@ -10,7 +10,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _predicate = require("../predicate");
 var _moment = _interopRequireDefault(require("moment"));
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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 calendar = function calendar(value) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var refTime = options.refTime;

package/optimize/lib/services/random.js

@@ -13,7 +13,13 @@ var _moment = _interopRequireDefault(require("moment"));
 var _predicate = require("./predicate");
 var _utils = require("./utils");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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 defaultRand = Math.random;
 var Random = /*#__PURE__*/(0, _createClass2.default)(function Random() {
   var _this = this;

package/optimize/lib/services/theme/clone_element.js

@@ -8,7 +8,13 @@ exports.cloneElementWithCss = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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.
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
 /**
  * React.cloneElement does not work if the cloned element does not already have the
  * `css` prop - as a result, we need to use `jsx()` to manually clone the element

package/optimize/lib/services/theme/provider.js

@@ -21,7 +21,13 @@ var _excluded = ["cloneElement", "className"];
 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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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 providerWarning = undefined;
 var setEuiDevProviderWarning = function setEuiDevProviderWarning(level) {
   return providerWarning = level;

package/optimize/lib/services/theme/utils.js

@@ -14,7 +14,13 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _types = require("./types");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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 DEFAULT_COLOR_MODE = _types.COLOR_MODES_STANDARD.light;
 
 /**

package/optimize/lib/services/utils.js

@@ -17,6 +17,9 @@ var _memoize2 = _interopRequireDefault(require("lodash/memoize"));
  * Side Public License, v 1.
  */
 
+// wrap the lodash functions to avoid having lodash's TS type definition from being
+// exported, which can conflict with the lodash namespace if other versions are used
+
 function times(count, iteratee) {
   if (iteratee === undefined) {
     return (0, _times2.default)(count);

package/optimize/lib/services/window_event/window_event.js

@@ -12,7 +12,13 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _react = require("react");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /*
+                                                                                                                                                                                                                                                                                                                                           * 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 EuiWindowEvent = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(EuiWindowEvent, _Component);
   var _super = _createSuper(EuiWindowEvent);

package/optimize/lib/test/index.d.ts

@@ -23,7 +23,7 @@ declare module '@elastic/eui/optimize/lib/test/take_mounted_snapshot' {
 
 }
 declare module '@elastic/eui/optimize/lib/test/find_test_subject' {
-	import { ReactWrapper, ShallowWrapper } from 'enzyme'; const MATCHERS: readonly ["=", "~=", "|=", "^=", "$=", "*="]; type FindTestSubject<T extends ShallowWrapper | ReactWrapper> = (mountedComponent: T, testSubjectSelector: string, matcher?: typeof MATCHERS[number]) => ReturnType<T['find']>;
+	import { ReactWrapper, ShallowWrapper } from 'enzyme'; const MATCHERS: readonly ["=", "~=", "|=", "^=", "$=", "*="]; type FindTestSubject<T extends ShallowWrapper | ReactWrapper> = (mountedComponent: T, testSubjectSelector: string, matcher?: (typeof MATCHERS)[number]) => ReturnType<T['find']>;
 	export const findTestSubject: FindTestSubject<ShallowWrapper<any> | ReactWrapper<any>>;
 	export {};
 

package/optimize/lib/test/rtl/custom_render.js

@@ -12,6 +12,13 @@ var _react = require("@testing-library/react");
 var _components = require("../../components");
 var dataTestSubjQueries = _interopRequireWildcard(require("./data_test_subj_queries"));
 var _excluded = ["queries"];
+/*
+ * 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.
+ */
 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); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

package/optimize/lib/themes/amsterdam/global_styling/variables/_colors.js

@@ -11,7 +11,13 @@ var _color = require("../../../../services/color");
 var _utils = require("../../../../services/theme/utils");
 var _contrast = require("../../../../services/color/contrast");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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.
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
 /*
  * LIGHT THEME
  * Only split up in the light theme to access the keys by section in the docs

package/optimize/lib/themes/amsterdam/global_styling/variables/_typography.js

@@ -9,7 +9,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _utils = require("../../../../services/theme/utils");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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.
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
 // Typographic scale -- loosely based on Major Third (1.250)
 var fontScale = {
   xxxs: 0.5625,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elastic/eui",
   "description": "Elastic UI Component Library",
-  "version": "81.0.0",
+  "version": "81.2.0",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "lib",
   "module": "es",
@@ -44,7 +44,9 @@
     "start-test-server-and-a11y-test": "cross-env WAIT_ON_TIMEOUT=600000 start-server-and-test start-test-server http-get://localhost:9999 test-a11y",
     "yo-doc": "yo ./generator-eui/app/documentation.js",
     "yo-changelog": "yo ./generator-eui/changelog/index.js",
-    "release": "node ./scripts/release.js"
+    "release": "node ./scripts/release.js",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "repository": {
     "type": "git",
@@ -101,29 +103,36 @@
   },
   "devDependencies": {
     "@axe-core/puppeteer": "^4.4.2",
-    "@babel/cli": "^7.21.0",
-    "@babel/core": "^7.21.3",
+    "@babel/cli": "^7.21.5",
+    "@babel/core": "^7.21.8",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/plugin-transform-async-to-generator": "^7.20.7",
-    "@babel/plugin-transform-runtime": "^7.21.0",
-    "@babel/preset-env": "^7.20.2",
+    "@babel/plugin-transform-runtime": "^7.21.4",
+    "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.0",
+    "@babel/preset-typescript": "^7.21.5",
+    "@babel/template": "^7.21.9",
     "@cypress/code-coverage": "^3.10.0",
     "@cypress/react": "^5.10.3",
     "@cypress/webpack-dev-server": "^1.7.0",
     "@elastic/charts": "^53.1.1",
     "@elastic/datemath": "^5.0.3",
-    "@elastic/eslint-config-kibana": "^0.15.0",
-    "@emotion/babel-preset-css-prop": "^11.10.0",
-    "@emotion/cache": "^11.10.3",
-    "@emotion/css": "^11.10.0",
-    "@emotion/eslint-plugin": "^11.10.0",
-    "@emotion/jest": "^11.10.0",
-    "@emotion/react": "^11.10.4",
+    "@emotion/babel-preset-css-prop": "^11.11.0",
+    "@emotion/cache": "^11.11.0",
+    "@emotion/css": "^11.11.0",
+    "@emotion/eslint-plugin": "^11.11.0",
+    "@emotion/jest": "^11.11.0",
+    "@emotion/react": "^11.11.0",
     "@faker-js/faker": "^7.6.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
+    "@storybook/addon-essentials": "^7.0.17",
+    "@storybook/addon-interactions": "^7.0.17",
+    "@storybook/addon-links": "^7.0.17",
+    "@storybook/blocks": "^7.0.17",
+    "@storybook/react": "^7.0.17",
+    "@storybook/react-webpack5": "^7.0.17",
+    "@storybook/testing-library": "^0.0.14-next.2",
     "@svgr/core": "5.5.0",
     "@svgr/plugin-svgo": "^4.0.3",
     "@testing-library/dom": "^8.12.0",
@@ -143,20 +152,19 @@
     "@types/testing-library__jest-dom": "^5.14.3",
     "@types/url-parse": "^1.4.8",
     "@types/uuid": "^8.3.0",
-    "@typescript-eslint/eslint-plugin": "^5.10.2",
-    "@typescript-eslint/parser": "^5.10.2",
+    "@typescript-eslint/eslint-plugin": "^5.59.7",
+    "@typescript-eslint/parser": "^5.59.7",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
     "argparse": "^2.0.1",
+    "assert": "^2.0.0",
     "autoprefixer": "^9.8.6",
     "axe-core": "^4.4.1",
-    "babel-eslint": "^10.1.0",
     "babel-jest": "^24.1.0",
-    "babel-loader": "^8.1.0",
-    "babel-plugin-add-module-exports": "^1.0.2",
-    "babel-plugin-inline-react-svg": "^1.1.1",
-    "babel-plugin-istanbul": "^6.0.0",
+    "babel-loader": "^9.1.2",
+    "babel-plugin-add-module-exports": "^1.0.4",
+    "babel-plugin-inline-react-svg": "^2.0.2",
+    "babel-plugin-istanbul": "^6.1.1",
     "babel-plugin-pegjs-inline-precompile": "^0.1.1",
-    "babel-template": "^6.26.0",
     "buffer": "^6.0.3",
     "cache-loader": "^4.1.0",
     "chalk": "^4.1.0",
@@ -175,19 +183,18 @@
     "dts-generator": "^3.0.0",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.5.0",
-    "eslint": "^7.10.0",
-    "eslint-config-prettier": "^6.12.0",
-    "eslint-import-resolver-webpack": "^0.13.0",
-    "eslint-plugin-babel": "^5.3.1",
-    "eslint-plugin-import": "^2.22.1",
+    "eslint": "^8.41.0",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-import-resolver-webpack": "^0.13.2",
+    "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jest": "^24.1.0",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-local": "^1.0.0",
-    "eslint-plugin-mocha": "^8.0.0",
-    "eslint-plugin-prefer-object-spread": "^1.2.1",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.21.3",
-    "eslint-plugin-react-hooks": "^4.1.2",
+    "eslint-plugin-mocha": "^10.1.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.6.12",
     "expose-gc": "^1.0.0",
     "file-loader": "^6.1.0",
     "findup": "^0.1.5",
@@ -208,7 +215,7 @@
     "postcss-inline-svg": "^4.1.0",
     "postcss-loader": "^7.0.1",
     "pre-commit": "^1.2.2",
-    "prettier": "^2.1.2",
+    "prettier": "^2.8.8",
     "process": "^0.11.10",
     "prop-types": "^15.6.0",
     "puppeteer": "^5.5.0",
@@ -231,6 +238,7 @@
     "sass-loader": "^13.2.0",
     "shelljs": "^0.8.4",
     "start-server-and-test": "^1.11.3",
+    "storybook": "^7.0.17",
     "style-loader": "^3.3.1",
     "stylelint": "^14.15.0",
     "stylelint-config-prettier-scss": "^0.0.1",

package/src/components/date_picker/_index.scss

@@ -1,4 +1,3 @@
 // The react-date-picker overrides exists in the global_styling folder
 // to easily style differently between default and Amsterdam theme
-@import 'date_picker_range';
 @import 'super_date_picker/index';

package/src/components/date_picker/super_date_picker/_super_date_picker.scss

@@ -1,4 +1,6 @@
-.euiSuperDatePicker__flexWrapper {
+.euiSuperDatePicker {
+  display: flex;
+  gap: $euiSizeS;
   max-width: 100%;
   // Set a sensible min-width for when width is auto
   min-width: MIN(($euiFormMaxWidth / 2) + $euiSuperDatePickerButtonWidth + $euiSizeS, 100%);
@@ -8,36 +10,38 @@
     width: 100%;
   }
 
-  &.euiSuperDatePicker__flexWrapper--fullWidth {
+  &--isAutoRefreshOnly {
+    min-width: MIN($euiFormMaxWidth / 2, 100%);
+    width: $euiFormMaxWidth;
+  }
+
+  &--noUpdateButton {
+    min-width: MIN($euiFormMaxWidth / 2, 100%);
+    width: $euiSuperDatePickerWidth;
+  }
+
+  &--fullWidth {
     width: 100%;
   }
 
-  &.euiSuperDatePicker__flexWrapper--isQuickSelectOnly {
+  &--isQuickSelectOnly {
     min-width: 0;
   }
 
-  &.euiSuperDatePicker__flexWrapper--autoWidth {
+  &--autoWidth {
     display: inline-flex;
     width: auto;
   }
-}
-
-.euiSuperDatePicker__flexWrapper--isAutoRefreshOnly {
-  min-width: MIN($euiFormMaxWidth / 2, 100%);
-  width: $euiFormMaxWidth;
-}
 
-.euiSuperDatePicker__flexWrapper--noUpdateButton {
-  min-width: MIN($euiFormMaxWidth / 2, 100%);
-  width: $euiSuperDatePickerWidth;
-}
+  .euiDatePickerRange {
+    flex-grow: 1;
+  }
 
-.euiSuperDatePicker {
-  // Allow it to always grow to fit the container since the default form max width is too small
-  // stylelint-disable-next-line declaration-no-important
-  max-width: 100% !important;
+  .euiFormControlLayout {
+    max-width: 100%; // Allow it to always grow to fit the container since the default form max width is too small
+  }
 
-  > .euiFormControlLayout__childrenWrapper {
+  .euiFormControlLayout__childrenWrapper {
     display: flex;
     align-items: center;
     overflow: hidden;
@@ -74,16 +78,18 @@
 /**
 * Make the arrow delimiter match the colors of `.euiDatePopoverButton-needsUpdating`
 */
-.euiSuperDatePicker--needsUpdating.euiFormControlLayoutDelimited { // Extra specificity needed to override default delimited styles
-  .euiFormControlLayout__childrenWrapper {
-    background-color: $euiSuperDatePickerNeedsUpdatingBackgroundColor;
-  }
+.euiSuperDatePicker--needsUpdating {
+  .euiFormControlLayoutDelimited { // Extra specificity needed to override default delimited styles
+    .euiFormControlLayout__childrenWrapper {
+      background-color: $euiSuperDatePickerNeedsUpdatingBackgroundColor;
+    }
 
-  .euiFormControlLayoutDelimited__delimiter {
-    color: $euiSuperDatePickerNeedsUpdatingTextColor;
+    .euiFormControlLayoutDelimited__delimiter {
+      color: $euiSuperDatePickerNeedsUpdatingTextColor;
+    }
   }
-}
 
-.euiSuperDatePicker .euiFormControlLayout__childrenWrapper {
-  transition: background $euiAnimSpeedFast ease-in; // Match @mixin euiSuperDatePickerText / .euiDatePopoverButton
+  .euiFormControlLayout__childrenWrapper {
+    transition: background $euiAnimSpeedFast ease-in; // Match @mixin euiSuperDatePickerText / .euiDatePopoverButton
+  }
 }

package/src/themes/amsterdam/global_styling/react_date_picker/_date_picker.scss

@@ -10,29 +10,35 @@
     height: auto;
   }
 
-  &.euiDatePicker--inline {
+  /**
+   * Inline datepickers
+   */
+
+  &--inline {
     .euiFormControlLayout {
-      width: auto;
+      width: fit-content;
+      background-color: transparent;
+      box-shadow: none;
+      padding: 0;
+    }
+    // Extra specificity required to override .euiFormControlLayoutDelimited styles
+    .euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper {
+      background-color: transparent;
+      flex-direction: column; // Render form control icons below date picker
+    }
+    .euiFormControlLayoutIcons {
+      justify-content: center;
+      padding-block-end: $euiSizeS;
     }
   }
 
-  &.euiDatePicker--shadow {
-    .react-datepicker-popper {
+  &--shadow {
+    .euiFormControlLayout {
       @include euiBottomShadowMedium;
-      border: $euiBorderThin;
-      background-color: $euiColorEmptyShade;
-      border-radius: 0 0 $euiBorderRadius $euiBorderRadius;
     }
-
-    // If the shadow is on, and it is inline, we need to put the shadow on the datepicker
-    // itself rather than the popper.
-    &.euiDatePicker--inline {
-      .react-datepicker {
-        @include euiBottomShadowMedium;
-        border: $euiBorderThin;
-        background-color: $euiColorEmptyShade;
-        border-radius: $euiBorderRadius;
-      }
+    // Extra specificity required to override .euiFormControlLayoutDelimited styles
+    .euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper {
+      background-color: $euiColorEmptyShade;
     }
   }
 }
@@ -46,22 +52,8 @@
   justify-content: center;
 }
 
-.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
-  z-index: $euiZContentMenu;
-  animation: euiAnimFadeIn $euiAnimSpeedFast ease-in;
-
-  &[data-placement^='top'] {
-    @include euiBottomShadowFlat;
-    border-radius: $euiBorderRadius $euiBorderRadius 0 0;
-  }
-
-  &[data-placement^='right'] {
-    margin-left: 0;
-  }
-
-  &[data-placement^='left'] {
-    margin-right: 0;
-  }
+.react-datepicker--non-interactive {
+  pointer-events: none;
 }
 
 // Hidden things that we don't want to show/use, ever

package/src/themes/amsterdam/overrides/_index.scss

@@ -1,6 +1,5 @@
 @import 'combo_box';
 @import 'data_grid';
-@import 'date_picker';
 @import 'description_list';
 @import 'filter_group';
 @import 'form_control_layout';