@elastic/eui 95.12.0 → 96.0.0

package/test-env/components/drag_and_drop/draggable.js

@@ -16,8 +16,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _services = require("../../services");
 var _droppable = require("./droppable");
 var _draggable = require("./draggable.styles");
+var _portal = require("../portal");
 var _react2 = require("@emotion/react");
-var _excluded = ["customDragHandle", "draggableId", "isDragDisabled", "hasInteractiveChildren", "isRemovable", "index", "children", "className", "spacing", "style", "data-test-subj"];
+var _excluded = ["customDragHandle", "draggableId", "isDragDisabled", "hasInteractiveChildren", "isRemovable", "usePortal", "index", "children", "className", "spacing", "style", "data-test-subj"];
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -39,6 +40,8 @@ var EuiDraggable = exports.EuiDraggable = function EuiDraggable(_ref) {
     hasInteractiveChildren = _ref$hasInteractiveCh === void 0 ? false : _ref$hasInteractiveCh,
     _ref$isRemovable = _ref.isRemovable,
     isRemovable = _ref$isRemovable === void 0 ? false : _ref$isRemovable,
+    _ref$usePortal = _ref.usePortal,
+    usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
     index = _ref.index,
     children = _ref.children,
     className = _ref.className,
@@ -65,7 +68,7 @@ var EuiDraggable = exports.EuiDraggable = function EuiDraggable(_ref) {
       'euiDraggable__item-isDisabled': isDragDisabled
     });
     var DraggableElement = typeof children === 'function' ? children(provided, snapshot, rubric) : children;
-    return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", (0, _extends2.default)({}, provided.draggableProps, !customDragHandle ? provided.dragHandleProps : {}, {
+    var content = (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)("div", (0, _extends2.default)({}, provided.draggableProps, !customDragHandle ? provided.dragHandleProps : {}, {
       ref: provided.innerRef,
       "data-test-subj": dataTestSubj,
       className: classes,
@@ -87,6 +90,7 @@ var EuiDraggable = exports.EuiDraggable = function EuiDraggable(_ref) {
       className: (0, _classnames.default)(classes, 'euiDraggable--clone'),
       css: cssStyles
     }, DraggableElement));
+    return isDragging && usePortal ? (0, _react2.jsx)(_portal.EuiPortal, null, content) : content;
   });
 };
 EuiDraggable.propTypes = {
@@ -108,6 +112,15 @@ EuiDraggable.propTypes = {
      * Whether the item is currently in a position to be removed
      */
   isRemovable: _propTypes.default.bool,
+  /**
+     * Whether the currently dragged item is cloned into a portal in the body. This settings will
+     * ensure that drag & drop still works as expected within stacking contexts (e.g. within `EuiFlyout`,
+     * `EuiModal` and `EuiPopover`).
+     *
+     * Make sure to apply styles directly to the Draggable content as relative styling from an outside
+     * scope might not be applied when the content is placed in a portal as the DOM structure changes.
+     */
+  usePortal: _propTypes.default.bool,
   /**
      * Adds padding to the draggable item
      */

package/test-env/components/page/page_header/page_header_content.js

@@ -68,10 +68,9 @@ var EuiPageHeaderContent = exports.EuiPageHeaderContent = function EuiPageHeader
     style = _ref.style,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var isResponsiveBreakpoint = (0, _services.useIsWithinBreakpoints)(['xs', 's'], !!responsive);
-  var useTheme = (0, _services.useEuiTheme)();
   var classes = (0, _classnames.default)('euiPageHeaderContent', className);
-  var pageHeaderStyles = (0, _page_header.euiPageHeaderStyles)(useTheme);
-  var contentStyles = (0, _page_header_content.euiPageHeaderContentStyles)(useTheme);
+  var pageHeaderStyles = (0, _services.useEuiMemoizedStyles)(_page_header.euiPageHeaderStyles);
+  var contentStyles = (0, _services.useEuiMemoizedStyles)(_page_header_content.euiPageHeaderContentStyles);
   var styles = (0, _restrict_width.setStyleForRestrictedPageWidth)(restrictWidth, style);
   var paddingSides = 'vertical';
   var paddingSize = _paddingSize;
@@ -94,7 +93,7 @@ var EuiPageHeaderContent = exports.EuiPageHeaderContent = function EuiPageHeader
   }
   var blockPadding = (0, _global_styling.useEuiPaddingCSS)(paddingSides);
   var cssStyles = [contentStyles.euiPageHeaderContent, bottomBorder && pageHeaderStyles.border, blockPadding[paddingSize]];
-  var childrenOnlyStyles = [contentStyles.flex, contentStyles[alignItems || 'center'], responsive === true && isResponsiveBreakpoint && contentStyles.responsive, responsive === 'reverse' && isResponsiveBreakpoint && contentStyles.responsiveReverse];
+  var childrenOnlyStyles = [contentStyles.childrenOnly.flex, contentStyles[alignItems || 'center'], isResponsiveBreakpoint && responsive && (responsive === 'reverse' ? contentStyles.childrenOnly.responsiveReverse : contentStyles.childrenOnly.responsive)];
 
   // Don't go any further if there's no other content than children
   if (onlyChildren) {
@@ -153,10 +152,10 @@ var EuiPageHeaderContent = exports.EuiPageHeaderContent = function EuiPageHeader
   }
   var childrenNode = children && (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_spacer.EuiSpacer, null), children);
   var bottomContentNode;
-  if (childrenNode || tabsNode && pageTitleNode) {
+  if (tabsNode && pageTitleNode) {
     bottomContentNode = (0, _react2.jsx)("div", {
       className: "euiPageHeaderContent__bottom"
-    }, childrenNode, pageTitleNode && tabsNode);
+    }, pageTitleNode && tabsNode);
   }
 
   /**
@@ -165,10 +164,14 @@ var EuiPageHeaderContent = exports.EuiPageHeaderContent = function EuiPageHeader
    */
   var leftSideOrder;
   if (tabsNode && !pageTitleNode) {
-    leftSideOrder = (0, _react2.jsx)(_react.default.Fragment, null, tabsNode, descriptionNode);
+    leftSideOrder = (0, _react2.jsx)(_react.default.Fragment, null, tabsNode, descriptionNode, childrenNode);
   } else {
-    leftSideOrder = (0, _react2.jsx)(_react.default.Fragment, null, pageTitleNode, descriptionNode);
+    leftSideOrder = (0, _react2.jsx)(_react.default.Fragment, null, pageTitleNode, descriptionNode, childrenNode);
   }
+  var leftSideFlexItem = (0, _react2.jsx)(_flex.EuiFlexItem, {
+    grow: 2,
+    css: contentStyles.euiPageHeaderContent__leftSideItems
+  }, leftSideOrder);
   var rightSideFlexItem;
   if (rightSideItems && rightSideItems.length) {
     var itemsToRender = isResponsiveBreakpoint ? rightSideItems : (0, _toConsumableArray2.default)(rightSideItems).reverse();
@@ -178,32 +181,27 @@ var EuiPageHeaderContent = exports.EuiPageHeaderContent = function EuiPageHeader
         key: index
       }, item);
     });
-    rightSideFlexItem = (0, _react2.jsx)(_flex.EuiFlexItem, {
-      grow: false
-    }, (0, _react2.jsx)(_flex.EuiFlexGroup, (0, _extends2.default)({
-      wrap: true,
-      responsive: false
-    }, rightSideGroupProps), rightSideFlexItems));
+    var _cssStyles = [contentStyles.euiPageHeaderContent__rightSideItems, rightSideGroupProps === null || rightSideGroupProps === void 0 ? void 0 : rightSideGroupProps.css];
+    rightSideFlexItem = (0, _react2.jsx)(_flex.EuiFlexGroup, (0, _extends2.default)({
+      gutterSize: "l",
+      responsive: false,
+      wrap: true
+    }, rightSideGroupProps, {
+      css: _cssStyles
+    }), rightSideFlexItems);
   }
-  return alignItems === 'top' || isResponsiveBreakpoint ? (0, _react2.jsx)("div", (0, _extends2.default)({
-    className: classes,
-    css: cssStyles,
-    style: styles
-  }, rest), optionalBreadcrumbs, (0, _react2.jsx)(_flex.EuiFlexGroup, {
-    responsive: !!responsive,
-    className: "euiPageHeaderContent__top",
-    alignItems: pageTitle ? 'flexStart' : 'baseline',
-    gutterSize: "l"
-  }, isResponsiveBreakpoint && responsive === 'reverse' ? (0, _react2.jsx)(_react.default.Fragment, null, rightSideFlexItem, (0, _react2.jsx)(_flex.EuiFlexItem, null, leftSideOrder)) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_flex.EuiFlexItem, null, leftSideOrder), rightSideFlexItem)), bottomContentNode) : (0, _react2.jsx)("div", (0, _extends2.default)({
+  return (0, _react2.jsx)("div", (0, _extends2.default)({
     className: classes,
     css: cssStyles,
     style: styles
   }, rest), optionalBreadcrumbs, (0, _react2.jsx)(_flex.EuiFlexGroup, {
     responsive: !!responsive,
+    css: contentStyles.euiPageHeaderContent__top,
     className: "euiPageHeaderContent__top",
-    alignItems: alignItems === 'bottom' ? 'flexEnd' : alignItems,
-    gutterSize: "l"
-  }, (0, _react2.jsx)(_flex.EuiFlexItem, null, leftSideOrder, bottomContentNode), rightSideFlexItem));
+    alignItems: alignItems === 'bottom' ? 'flexEnd' : alignItems === 'top' ? 'flexStart' : alignItems,
+    gutterSize: "l",
+    wrap: true
+  }, isResponsiveBreakpoint && responsive === 'reverse' ? (0, _react2.jsx)(_react.default.Fragment, null, rightSideFlexItem, leftSideFlexItem) : (0, _react2.jsx)(_react.default.Fragment, null, leftSideFlexItem, rightSideFlexItem)), bottomContentNode);
 };
 EuiPageHeaderContent.propTypes = {
   className: _propTypes.default.string,
@@ -211,7 +209,8 @@ EuiPageHeaderContent.propTypes = {
   "data-test-subj": _propTypes.default.string,
   css: _propTypes.default.any,
   /**
-     * The only option is on/off
+     * If not set, defaults to true if `tabs` are passed and render at the bottom of the page.
+     * Otherwise, defaults to false.
      */
   bottomBorder: _propTypes.default.bool,
   /**
@@ -231,8 +230,8 @@ EuiPageHeaderContent.propTypes = {
   alignItems: _propTypes.default.any,
   /**
      * Pass custom an array of content to this side usually up to 3 buttons.
-     * The first button should be primary, usually with `fill` and will be visually displayed as the last item,
-     * but first in the tab order
+     * The first button should be primary, usually with `fill`. At larger breakpoints, items will
+     * render from right to left, but will collapse vertically and render left to right on smaller mobile screens.
      */
   rightSideItems: _propTypes.default.arrayOf(_propTypes.default.node.isRequired),
   /**

package/test-env/components/page/page_header/page_header_content.styles.js

@@ -14,6 +14,14 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * Side Public License, v 1.
  */
 var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1574q9m-euiPageHeaderContent__top",
+  styles: "container-type:inline-size;label:euiPageHeaderContent__top;"
+} : {
+  name: "1574q9m-euiPageHeaderContent__top",
+  styles: "container-type:inline-size;label:euiPageHeaderContent__top;",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
   name: "1ajq27l-responsiveReverse",
   styles: "flex-direction:column-reverse;align-items:flex-start;label:responsiveReverse;"
 } : {
@@ -21,7 +29,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "flex-direction:column-reverse;align-items:flex-start;label:responsiveReverse;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var _ref2 = process.env.NODE_ENV === "production" ? {
+var _ref3 = process.env.NODE_ENV === "production" ? {
   name: "177mkz8-responsive",
   styles: "flex-direction:column;align-items:flex-start;label:responsive;"
 } : {
@@ -29,7 +37,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "flex-direction:column;align-items:flex-start;label:responsive;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var _ref3 = process.env.NODE_ENV === "production" ? {
+var _ref4 = process.env.NODE_ENV === "production" ? {
   name: "1uwc4oj-stretch",
   styles: "align-items:stretch;label:stretch;"
 } : {
@@ -37,7 +45,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   styles: "align-items:stretch;label:stretch;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var _ref4 = process.env.NODE_ENV === "production" ? {
+var _ref5 = process.env.NODE_ENV === "production" ? {
   name: "8391db-center",
   styles: "align-items:center;label:center;"
 } : {
@@ -45,7 +53,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
   styles: "align-items:center;label:center;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var _ref5 = process.env.NODE_ENV === "production" ? {
+var _ref6 = process.env.NODE_ENV === "production" ? {
   name: "1msaet2-bottom",
   styles: "align-items:flex-end;label:bottom;"
 } : {
@@ -53,7 +61,7 @@ var _ref5 = process.env.NODE_ENV === "production" ? {
   styles: "align-items:flex-end;label:bottom;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var _ref6 = process.env.NODE_ENV === "production" ? {
+var _ref7 = process.env.NODE_ENV === "production" ? {
   name: "1gnwbvd-top",
   styles: "align-items:flex-start;label:top;"
 } : {
@@ -61,21 +69,25 @@ var _ref6 = process.env.NODE_ENV === "production" ? {
   styles: "align-items:flex-start;label:top;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var euiPageHeaderContentStyles = exports.euiPageHeaderContentStyles = function euiPageHeaderContentStyles(_ref7) {
-  var euiTheme = _ref7.euiTheme;
+var euiPageHeaderContentStyles = exports.euiPageHeaderContentStyles = function euiPageHeaderContentStyles(_ref8) {
+  var euiTheme = _ref8.euiTheme;
   return {
     euiPageHeaderContent: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalCSS)('width', '100%'), " ", (0, _global_styling.logicalCSS)('margin-horizontal', 'auto'), ";;label:euiPageHeaderContent;"),
     // alignItems
-    top: _ref6,
-    bottom: _ref5,
-    center: _ref4,
-    stretch: _ref3,
+    top: _ref7,
+    bottom: _ref6,
+    center: _ref5,
+    stretch: _ref4,
     // Children only (legacy) expects EuiPageHeaderSections as children
-    flex: /*#__PURE__*/(0, _react.css)("flex-direction:row;display:flex;gap:", euiTheme.size.base, ";justify-content:space-between;;label:flex;"),
-    // Responsive (what to do at the smaller breakpoint)
-    responsive: _ref2,
-    responsiveReverse: _ref,
-    // Content
+    childrenOnly: {
+      flex: /*#__PURE__*/(0, _react.css)("flex-direction:row;display:flex;gap:", euiTheme.size.base, ";justify-content:space-between;;label:flex;"),
+      // Responsive (what to do at the smaller breakpoint)
+      responsive: _ref3,
+      responsiveReverse: _ref2
+    },
+    euiPageHeaderContent__top: _ref,
+    euiPageHeaderContent__leftSideItems: /*#__PURE__*/(0, _react.css)("@container (max-width: ", euiTheme.breakpoint.m, "px){", (0, _global_styling.logicalCSS)('min-width', '50%'), ";};label:euiPageHeaderContent__leftSideItems;"),
+    euiPageHeaderContent__rightSideItems: /*#__PURE__*/(0, _react.css)("flex:0 1 auto;align-content:flex-start;@container (min-width: ", euiTheme.breakpoint.m, "px){", (0, _global_styling.logicalCSS)('max-width', '50%'), " justify-content:flex-end;};label:euiPageHeaderContent__rightSideItems;"),
     euiPageHeaderContent__titleIcon: /*#__PURE__*/(0, _react.css)("position:relative;", (0, _global_styling.logicalCSS)('top', "-".concat(euiTheme.size.xs)), " ", (0, _global_styling.logicalCSS)('margin-right', euiTheme.size.base), ";;label:euiPageHeaderContent__titleIcon;")
   };
 };

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

@@ -639,6 +639,8 @@ EuiPopover.propTypes = {
   /**
      * Must be set to true if using `EuiDragDropContext` within a popover,
      * otherwise your nested drag & drop will have incorrect positioning
+     *
+     * @deprecated - use `usePortal` prop on children `EuiDraggable` components instead.
      */
   hasDragDrop: _propTypes.default.bool,
   /**

package/test-env/components/provider/system_color_mode/system_color_mode_provider.js

@@ -19,10 +19,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var COLOR_MODE_MEDIA_QUERY = exports.COLOR_MODE_MEDIA_QUERY = '(prefers-color-scheme: dark)';
 var EuiSystemColorModeProvider = exports.EuiSystemColorModeProvider = function EuiSystemColorModeProvider(_ref) {
   var children = _ref.children;
-  // Use optional chaining here for SSR or test environments
+  // Check typeof and use optional chaining for SSR or test environments
   var _useState = (0, _react.useState)(function () {
-      var _window, _window$matchMedia;
-      return (_window = window) !== null && _window !== void 0 && (_window$matchMedia = _window.matchMedia) !== null && _window$matchMedia !== void 0 && _window$matchMedia.call(_window, COLOR_MODE_MEDIA_QUERY).matches ? 'DARK' : 'LIGHT';
+      var _window$matchMedia, _window;
+      return typeof window !== 'undefined' && (_window$matchMedia = (_window = window).matchMedia) !== null && _window$matchMedia !== void 0 && (_window$matchMedia = _window$matchMedia.call(_window, COLOR_MODE_MEDIA_QUERY)) !== null && _window$matchMedia !== void 0 && _window$matchMedia.matches ? 'DARK' : 'LIGHT';
     }),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     systemColorMode = _useState2[0],

package/test-env/components/search_bar/search_box.js

@@ -10,7 +10,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _services = require("../../services");
 var _i18n = require("../i18n");
 var _form = require("../form");
 var _popover = require("../popover");
@@ -32,7 +31,7 @@ var EuiSearchBox = exports.EuiSearchBox = function EuiSearchBox(_ref) {
     hint = _ref.hint,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _inputRef = (0, _react.useRef)(null);
-  (0, _services.useUpdateEffect)(function () {
+  (0, _react.useLayoutEffect)(function () {
     if (_inputRef.current) {
       _inputRef.current.value = query;
       _inputRef.current.dispatchEvent(new Event('change'));

package/dist/eui_theme_dark.css

@@ -1,173 +0,0 @@
-/**
-The MIT License (MIT)
-
-Copyright (c) 2015 strarsis https://github.com/strarsis/sass-math-pow
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
- */
-/**
-The MIT License (MIT)
-
-Copyright (c) 2015 strarsis https://github.com/strarsis/sass-math-pow
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
- */
-/**
- * Text truncation
- *
- * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis.
- *
- * 1. Ensure that the node has a maximum width after which truncation can occur.
- */
-/**
- * Text weight shifting
- *
- * When changing the font-weight based the state of the component
- * this mixin will ensure that the sizing is dependent on the boldest
- * weight so it doesn't shifter sibling content.
- */
-/**
- * 1. Focus rings shouldn't be visible on scrollable regions, but a11y requires them to be focusable.
- *    Browser's supporting `:focus-visible` will still show outline on keyboard focus only.
- *    Others like Safari, won't show anything at all.
- * 2. Force the `:focus-visible` when the `tabindex=0` (is tabbable)
- */
-/**
- * For quickly applying a full-height element whether using flex or not
- */
-/*
- * Creates the Amsterdam style of button with a transparent background
- */
-/*
- * Creates the Amsterdam style of fill button
- */
-/*
-The CSS in JS version of this file lives in:
-  - src/components/form/range/range.styles.ts
-
-The following files still use the Sass version:
-  - src/themes/amsterdam/overrides/_color_stops.scss
-  - src/themes/amsterdam/overrides/_hue.scss
-*/
-@-webkit-keyframes euiAnimFadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes euiAnimFadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes euiGrow {
-  0% {
-    opacity: 0;
-  }
-  1% {
-    opacity: 0;
-    -webkit-transform: scale(0);
-            transform: scale(0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-}
-@keyframes euiGrow {
-  0% {
-    opacity: 0;
-  }
-  1% {
-    opacity: 0;
-    -webkit-transform: scale(0);
-            transform: scale(0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-}
-@-webkit-keyframes focusRingAnimate {
-  0% {
-    box-shadow: 0 0 0 2px rgba(54, 162, 239, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 2px #36A2EF;
-  }
-}
-@keyframes focusRingAnimate {
-  0% {
-    box-shadow: 0 0 0 2px rgba(54, 162, 239, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 2px #36A2EF;
-  }
-}
-@-webkit-keyframes focusRingAnimateLarge {
-  0% {
-    box-shadow: 0 0 0 10px rgba(54, 162, 239, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 4px #36A2EF;
-  }
-}
-@keyframes focusRingAnimateLarge {
-  0% {
-    box-shadow: 0 0 0 10px rgba(54, 162, 239, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 4px #36A2EF;
-  }
-}
-@-webkit-keyframes euiButtonActive {
-  50% {
-    -webkit-transform: translateY(1px);
-            transform: translateY(1px);
-  }
-}
-@keyframes euiButtonActive {
-  50% {
-    -webkit-transform: translateY(1px);
-            transform: translateY(1px);
-  }
-}

package/dist/eui_theme_dark.min.css

@@ -1 +0,0 @@
-@-webkit-keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(54,162,239,0)}to{box-shadow:0 0 0 2px #36a2ef}}@keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(54,162,239,0)}to{box-shadow:0 0 0 2px #36a2ef}}@-webkit-keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(54,162,239,0)}to{box-shadow:0 0 0 4px #36a2ef}}@keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(54,162,239,0)}to{box-shadow:0 0 0 4px #36a2ef}}@-webkit-keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}@keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}

package/dist/eui_theme_light.css

@@ -1,173 +0,0 @@
-/**
-The MIT License (MIT)
-
-Copyright (c) 2015 strarsis https://github.com/strarsis/sass-math-pow
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
- */
-/**
-The MIT License (MIT)
-
-Copyright (c) 2015 strarsis https://github.com/strarsis/sass-math-pow
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
- */
-/**
- * Text truncation
- *
- * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis.
- *
- * 1. Ensure that the node has a maximum width after which truncation can occur.
- */
-/**
- * Text weight shifting
- *
- * When changing the font-weight based the state of the component
- * this mixin will ensure that the sizing is dependent on the boldest
- * weight so it doesn't shifter sibling content.
- */
-/**
- * 1. Focus rings shouldn't be visible on scrollable regions, but a11y requires them to be focusable.
- *    Browser's supporting `:focus-visible` will still show outline on keyboard focus only.
- *    Others like Safari, won't show anything at all.
- * 2. Force the `:focus-visible` when the `tabindex=0` (is tabbable)
- */
-/**
- * For quickly applying a full-height element whether using flex or not
- */
-/*
- * Creates the Amsterdam style of button with a transparent background
- */
-/*
- * Creates the Amsterdam style of fill button
- */
-/*
-The CSS in JS version of this file lives in:
-  - src/components/form/range/range.styles.ts
-
-The following files still use the Sass version:
-  - src/themes/amsterdam/overrides/_color_stops.scss
-  - src/themes/amsterdam/overrides/_hue.scss
-*/
-@-webkit-keyframes euiAnimFadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes euiAnimFadeIn {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@-webkit-keyframes euiGrow {
-  0% {
-    opacity: 0;
-  }
-  1% {
-    opacity: 0;
-    -webkit-transform: scale(0);
-            transform: scale(0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-}
-@keyframes euiGrow {
-  0% {
-    opacity: 0;
-  }
-  1% {
-    opacity: 0;
-    -webkit-transform: scale(0);
-            transform: scale(0);
-  }
-  100% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-}
-@-webkit-keyframes focusRingAnimate {
-  0% {
-    box-shadow: 0 0 0 2px rgba(0, 119, 204, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 2px #0071c2;
-  }
-}
-@keyframes focusRingAnimate {
-  0% {
-    box-shadow: 0 0 0 2px rgba(0, 119, 204, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 2px #0071c2;
-  }
-}
-@-webkit-keyframes focusRingAnimateLarge {
-  0% {
-    box-shadow: 0 0 0 10px rgba(0, 119, 204, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 4px #0071c2;
-  }
-}
-@keyframes focusRingAnimateLarge {
-  0% {
-    box-shadow: 0 0 0 10px rgba(0, 119, 204, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 4px #0071c2;
-  }
-}
-@-webkit-keyframes euiButtonActive {
-  50% {
-    -webkit-transform: translateY(1px);
-            transform: translateY(1px);
-  }
-}
-@keyframes euiButtonActive {
-  50% {
-    -webkit-transform: translateY(1px);
-            transform: translateY(1px);
-  }
-}

package/dist/eui_theme_light.min.css

@@ -1 +0,0 @@
-@-webkit-keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes euiAnimFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes euiGrow{0%{opacity:0}1%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(0,119,204,0)}to{box-shadow:0 0 0 2px #0071c2}}@keyframes focusRingAnimate{0%{box-shadow:0 0 0 2px rgba(0,119,204,0)}to{box-shadow:0 0 0 2px #0071c2}}@-webkit-keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(0,119,204,0)}to{box-shadow:0 0 0 4px #0071c2}}@keyframes focusRingAnimateLarge{0%{box-shadow:0 0 0 10px rgba(0,119,204,0)}to{box-shadow:0 0 0 4px #0071c2}}@-webkit-keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}@keyframes euiButtonActive{50%{-webkit-transform:translateY(1px);transform:translateY(1px)}}