@elastic/eui 89.0.0 → 90.0.0

package/optimize/lib/components/page/page_content/page_content_header_section.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EuiPageContentHeaderSection_Deprecated = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@emotion/react");
-var _excluded = ["children", "className"];
-/*
- * 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.
- */
-/**
- * @deprecated Use EuiPageHeader instead
- */
-var EuiPageContentHeaderSection_Deprecated = function EuiPageContentHeaderSection_Deprecated(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiPageContentHeaderSection', className);
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    className: classes
-  }, rest), children);
-};
-exports.EuiPageContentHeaderSection_Deprecated = EuiPageContentHeaderSection_Deprecated;

package/optimize/lib/components/page/page_side_bar/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "EuiPageSideBar_Deprecated", {
-  enumerable: true,
-  get: function get() {
-    return _page_side_bar.EuiPageSideBar_Deprecated;
-  }
-});
-var _page_side_bar = require("./page_side_bar");

package/optimize/lib/components/page/page_side_bar/page_side_bar.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PADDING_SIZES = exports.EuiPageSideBar_Deprecated = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _common = require("../../common");
-var _react2 = require("@emotion/react");
-var _excluded = ["children", "className", "sticky", "paddingSize"];
-/*
- * 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 paddingSizeToClassNameMap = {
-  none: null,
-  s: 'euiPageSideBar--paddingSmall',
-  m: 'euiPageSideBar--paddingMedium',
-  l: 'euiPageSideBar--paddingLarge'
-};
-var PADDING_SIZES = (0, _common.keysOf)(paddingSizeToClassNameMap);
-
-/**
- * @deprecated Use the new EuiPageSidebarProps in page/page_sidebar instead
- */
-exports.PADDING_SIZES = PADDING_SIZES;
-/**
- * @deprecated Use the new EuiPageSidebar in page/page_sidebar instead
- */
-var EuiPageSideBar_Deprecated = function EuiPageSideBar_Deprecated(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    sticky = _ref.sticky,
-    _ref$paddingSize = _ref.paddingSize,
-    paddingSize = _ref$paddingSize === void 0 ? 'none' : _ref$paddingSize,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var classes = (0, _classnames.default)('euiPageSideBar', paddingSizeToClassNameMap[paddingSize], {
-    'euiPageSideBar--sticky': sticky
-  }, className);
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    className: classes
-  }, rest), children);
-};
-exports.EuiPageSideBar_Deprecated = EuiPageSideBar_Deprecated;

package/optimize/lib/components/page/page_template.js

@@ -1,332 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TEMPLATES = exports.EuiPageTemplate_Deprecated = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _react2 = require("@emotion/react");
-var _page = require("./page");
-var _page_side_bar = require("./page_side_bar");
-var _page_body = require("./page_body");
-var _page_header = require("./page_header");
-var _page_content = require("./page_content");
-var _bottom_bar = require("../bottom_bar");
-var _services = require("../../services");
-var _flex = require("../flex");
-var _global_styling = require("../../global_styling");
-var _excluded = ["template", "restrictWidth", "grow", "paddingSize", "fullHeight", "children", "className", "pageSideBar", "pageSideBarProps", "pageHeader", "pageBodyProps", "pageContentProps", "pageContentBodyProps", "bottomBar", "bottomBarProps", "minHeight"];
-/*
- * 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 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; }
-var TEMPLATES = ['default', 'centeredBody', 'centeredContent', 'empty'];
-exports.TEMPLATES = TEMPLATES;
-/**
- * This component has been deprecated in favor of the new
- * namespaced version. You can still import this component
- * until August 2023 by importing `as EuiPageTemplate`.
- *
- * @deprecated use EuiPageTemplate from page_template/page_template instead
- */
-var EuiPageTemplate_Deprecated = function EuiPageTemplate_Deprecated(_ref) {
-  var _pageBodyProps2;
-  var _ref$template = _ref.template,
-    template = _ref$template === void 0 ? 'default' : _ref$template,
-    _ref$restrictWidth = _ref.restrictWidth,
-    restrictWidth = _ref$restrictWidth === void 0 ? true : _ref$restrictWidth,
-    _ref$grow = _ref.grow,
-    grow = _ref$grow === void 0 ? true : _ref$grow,
-    _ref$paddingSize = _ref.paddingSize,
-    paddingSize = _ref$paddingSize === void 0 ? 'l' : _ref$paddingSize,
-    fullHeight = _ref.fullHeight,
-    children = _ref.children,
-    className = _ref.className,
-    pageSideBar = _ref.pageSideBar,
-    pageSideBarProps = _ref.pageSideBarProps,
-    pageHeader = _ref.pageHeader,
-    pageBodyProps = _ref.pageBodyProps,
-    pageContentProps = _ref.pageContentProps,
-    pageContentBodyProps = _ref.pageContentBodyProps,
-    bottomBar = _ref.bottomBar,
-    bottomBarProps = _ref.bottomBarProps,
-    _ref$minHeight = _ref.minHeight,
-    minHeight = _ref$minHeight === void 0 ? 460 : _ref$minHeight,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  // BWC page header margin to match padding
-  var headerMargin = /*#__PURE__*/(0, _react2.css)((0, _global_styling.logicalCSS)('margin-bottom', (0, _global_styling.useEuiPaddingSize)(paddingSize)), ";label:headerMargin;");
-
-  /**
-   * Full height ~madness~ logic
-   */
-  var canFullHeight = (0, _services.useIsWithinBreakpoints)(['m', 'l', 'xl']) && (template === 'default' || template === 'empty');
-  var fullHeightClass = {
-    'eui-fullHeight': fullHeight && canFullHeight
-  };
-  var yScrollClass = {
-    'eui-yScroll': fullHeight && canFullHeight
-  };
-  if (canFullHeight && fullHeight) {
-    var _pageBodyProps, _pageContentProps, _pageContentBodyProps;
-    // By using flex group it will also fix the negative margin issues for nested flex groups
-    children = (0, _react2.jsx)(_flex.EuiFlexGroup, {
-      className: "eui-fullHeight",
-      gutterSize: "none",
-      direction: "column",
-      responsive: false
-    }, (0, _react2.jsx)(_flex.EuiFlexItem, {
-      className: (0, _classnames.default)({
-        'eui-yScroll': fullHeight === true,
-        'eui-fullHeight': fullHeight === 'noscroll'
-      }),
-      grow: true
-    }, children));
-    pageBodyProps = _objectSpread(_objectSpread({}, pageBodyProps), {}, {
-      className: (0, _classnames.default)(fullHeightClass, (_pageBodyProps = pageBodyProps) === null || _pageBodyProps === void 0 ? void 0 : _pageBodyProps.className)
-    });
-    pageContentProps = _objectSpread(_objectSpread({}, pageContentProps), {}, {
-      className: (0, _classnames.default)(yScrollClass, (_pageContentProps = pageContentProps) === null || _pageContentProps === void 0 ? void 0 : _pageContentProps.className)
-    });
-    pageContentBodyProps = _objectSpread(_objectSpread({}, pageContentBodyProps), {}, {
-      className: (0, _classnames.default)(fullHeightClass, (_pageContentBodyProps = pageContentBodyProps) === null || _pageContentBodyProps === void 0 ? void 0 : _pageContentBodyProps.className)
-    });
-  }
-  var classes = (0, _classnames.default)('euiPageTemplate', fullHeightClass, className);
-  var pageStyle = _objectSpread({
-    minHeight: minHeight
-  }, rest.style);
-
-  /**
-   * This seems very repetitious but it's the most readable, scalable, and maintainable
-   */
-
-  switch (template) {
-    /**
-     * CENTERED BODY
-     * The panelled content is centered
-     */
-    case 'centeredBody':
-      return pageSideBar ? (0, _react2.jsx)(_page.EuiPage, (0, _extends2.default)({
-        className: classes,
-        paddingSize: "none",
-        grow: grow
-      }, rest, {
-        style: pageStyle
-      }), (0, _react2.jsx)(_page_side_bar.EuiPageSideBar_Deprecated, (0, _extends2.default)({
-        sticky: true,
-        paddingSize: paddingSize
-      }, pageSideBarProps), pageSideBar), (0, _react2.jsx)(_page_body.EuiPageBody, (0, _extends2.default)({
-        paddingSize: paddingSize
-      }, pageBodyProps), pageHeader && (0, _react2.jsx)(_page_header.EuiPageHeader, (0, _extends2.default)({
-        restrictWidth: restrictWidth,
-        css: headerMargin
-      }, pageHeader)), (0, _react2.jsx)(_page_content.EuiPageContent_Deprecated, (0, _extends2.default)({
-        verticalPosition: "center",
-        horizontalPosition: "center",
-        paddingSize: paddingSize
-      }, pageContentProps), (0, _react2.jsx)(_page_content.EuiPageContentBody_Deprecated, (0, _extends2.default)({
-        restrictWidth: restrictWidth
-      }, pageContentBodyProps), children)))) : (0, _react2.jsx)(_page.EuiPage, (0, _extends2.default)({
-        className: classes,
-        paddingSize: paddingSize,
-        grow: grow
-      }, rest, {
-        style: pageStyle
-      }), (0, _react2.jsx)(_page_body.EuiPageBody, (0, _extends2.default)({
-        restrictWidth: restrictWidth
-      }, pageBodyProps), pageHeader && (0, _react2.jsx)(_page_header.EuiPageHeader, (0, _extends2.default)({
-        paddingSize: "none",
-        restrictWidth: false,
-        css: headerMargin,
-        bottomBorder: true
-      }, pageHeader)), (0, _react2.jsx)(_page_body.EuiPageBody, null, (0, _react2.jsx)(_page_content.EuiPageContent_Deprecated, (0, _extends2.default)({
-        verticalPosition: "center",
-        horizontalPosition: "center",
-        paddingSize: paddingSize
-      }, pageContentProps), (0, _react2.jsx)(_page_content.EuiPageContentBody_Deprecated, (0, _extends2.default)({
-        paddingSize: "none",
-        restrictWidth: restrictWidth
-      }, pageContentBodyProps), children)))));
-
-    /**
-     * CENTERED CONTENT
-     * The content inside the panel is centered
-     */
-    case 'centeredContent':
-      return pageSideBar ? (0, _react2.jsx)(_page.EuiPage, (0, _extends2.default)({
-        className: classes,
-        paddingSize: "none",
-        grow: grow
-      }, rest, {
-        style: pageStyle
-      }), (0, _react2.jsx)(_page_side_bar.EuiPageSideBar_Deprecated, (0, _extends2.default)({
-        sticky: true,
-        paddingSize: paddingSize
-      }, pageSideBarProps), pageSideBar), (0, _react2.jsx)(_page_body.EuiPageBody, (0, _extends2.default)({
-        panelled: true,
-        paddingSize: paddingSize
-      }, pageBodyProps), pageHeader && (0, _react2.jsx)(_page_header.EuiPageHeader, (0, _extends2.default)({
-        restrictWidth: restrictWidth,
-        css: headerMargin
-      }, pageHeader)), (0, _react2.jsx)(_page_content.EuiPageContent_Deprecated, (0, _extends2.default)({
-        verticalPosition: "center",
-        horizontalPosition: "center",
-        hasShadow: false,
-        color: "subdued",
-        paddingSize: paddingSize
-      }, pageContentProps), (0, _react2.jsx)(_page_content.EuiPageContentBody_Deprecated, (0, _extends2.default)({
-        restrictWidth: restrictWidth
-      }, pageContentBodyProps), children)))) : (0, _react2.jsx)(_page.EuiPage, (0, _extends2.default)({
-        className: classes,
-        paddingSize: "none",
-        grow: grow
-      }, rest, {
-        style: pageStyle
-      }), (0, _react2.jsx)(_page_body.EuiPageBody, pageBodyProps, pageHeader && (0, _react2.jsx)(_page_header.EuiPageHeader, (0, _extends2.default)({
-        paddingSize: paddingSize,
-        restrictWidth: restrictWidth,
-        bottomBorder: "extended"
-      }, pageHeader)), (0, _react2.jsx)(_page_content.EuiPageContent_Deprecated, {
-        role: null,
-        borderRadius: "none",
-        hasShadow: false,
-        paddingSize: paddingSize,
-        style: {
-          display: 'flex'
-        }
-      }, (0, _react2.jsx)(_page_content.EuiPageContent_Deprecated, (0, _extends2.default)({
-        verticalPosition: "center",
-        horizontalPosition: "center",
-        hasShadow: false,
-        color: "subdued",
-        paddingSize: paddingSize
-      }, pageContentProps), (0, _react2.jsx)(_page_content.EuiPageContentBody_Deprecated, (0, _extends2.default)({
-        restrictWidth: restrictWidth
-      }, pageContentBodyProps), children)))));
-
-    /**
-     * EMPTY
-     * No panelling at all
-     */
-    case 'empty':
-      return pageSideBar ? (0, _react2.jsx)(_page.EuiPage, (0, _extends2.default)({
-        className: classes,
-        paddingSize: "none",
-        grow: grow
-      }, rest, {
-        style: pageStyle
-      }), (0, _react2.jsx)(_page_side_bar.EuiPageSideBar_Deprecated, (0, _extends2.default)({
-        sticky: true,
-        paddingSize: paddingSize
-      }, pageSideBarProps), pageSideBar), (0, _react2.jsx)(_page_body.EuiPageBody, (0, _extends2.default)({
-        paddingSize: paddingSize
-      }, pageBodyProps), pageHeader && (0, _react2.jsx)(_page_header.EuiPageHeader, (0, _extends2.default)({
-        restrictWidth: restrictWidth,
-        bottomBorder: true,
-        css: headerMargin
-      }, pageHeader)), (0, _react2.jsx)(_page_content.EuiPageContent_Deprecated, (0, _extends2.default)({
-        hasBorder: false,
-        hasShadow: false,
-        paddingSize: 'none',
-        color: 'transparent',
-        borderRadius: 'none'
-      }, pageContentProps), (0, _react2.jsx)(_page_content.EuiPageContentBody_Deprecated, (0, _extends2.default)({
-        restrictWidth: restrictWidth
-      }, pageContentBodyProps), children)))) : (0, _react2.jsx)(_page.EuiPage, (0, _extends2.default)({
-        className: classes,
-        paddingSize: paddingSize,
-        grow: grow
-      }, rest, {
-        style: pageStyle
-      }), (0, _react2.jsx)(_page_body.EuiPageBody, (0, _extends2.default)({
-        restrictWidth: restrictWidth
-      }, pageBodyProps), pageHeader && (0, _react2.jsx)(_page_header.EuiPageHeader, (0, _extends2.default)({
-        paddingSize: "none",
-        restrictWidth: false,
-        css: headerMargin,
-        bottomBorder: true
-      }, pageHeader)), (0, _react2.jsx)(_page_content.EuiPageContent_Deprecated, (0, _extends2.default)({
-        hasBorder: false,
-        hasShadow: false,
-        paddingSize: 'none',
-        color: 'transparent',
-        borderRadius: 'none'
-      }, pageContentProps), (0, _react2.jsx)(_page_content.EuiPageContentBody_Deprecated, (0, _extends2.default)({
-        paddingSize: "none"
-      }, pageContentBodyProps), children))));
-
-    /**
-     * DEFAULT
-     * Typical layout with nothing "centered"
-     */
-    default:
-      // Only the default template can display a bottom bar
-      var bottomBarNode = bottomBar ? (0, _react2.jsx)(_bottom_bar.EuiBottomBar, (0, _extends2.default)({
-        paddingSize: paddingSize,
-        position: canFullHeight && fullHeight ? 'static' : 'sticky'
-        // Using uknown here because of the possible conflict with overriding props and position `sticky`
-      }, bottomBarProps), (0, _react2.jsx)(_page_content.EuiPageContentBody_Deprecated, {
-        paddingSize: 'none',
-        restrictWidth: restrictWidth
-      }, bottomBar)) : undefined;
-      return pageSideBar ? (0, _react2.jsx)(_page.EuiPage, (0, _extends2.default)({
-        className: classes,
-        paddingSize: "none",
-        grow: grow
-      }, rest, {
-        style: pageStyle
-      }), (0, _react2.jsx)(_page_side_bar.EuiPageSideBar_Deprecated, (0, _extends2.default)({
-        sticky: true,
-        paddingSize: paddingSize
-      }, pageSideBarProps), pageSideBar), (0, _react2.jsx)(_page_body.EuiPageBody, (0, _extends2.default)({
-        panelled: true,
-        paddingSize: "none"
-      }, pageBodyProps), (0, _react2.jsx)(_page_body.EuiPageBody, {
-        component: "div",
-        paddingSize: paddingSize,
-        className: (_pageBodyProps2 = pageBodyProps) === null || _pageBodyProps2 === void 0 ? void 0 : _pageBodyProps2.className
-      }, pageHeader && (0, _react2.jsx)(_page_header.EuiPageHeader, (0, _extends2.default)({
-        bottomBorder: true,
-        restrictWidth: restrictWidth,
-        css: headerMargin
-      }, pageHeader)), (0, _react2.jsx)(_page_content.EuiPageContent_Deprecated, (0, _extends2.default)({
-        hasShadow: false,
-        hasBorder: false,
-        color: 'transparent',
-        borderRadius: 'none',
-        paddingSize: "none"
-      }, pageContentProps), (0, _react2.jsx)(_page_content.EuiPageContentBody_Deprecated, (0, _extends2.default)({
-        restrictWidth: restrictWidth
-      }, pageContentBodyProps), children))), bottomBarNode)) : (0, _react2.jsx)(_page.EuiPage, (0, _extends2.default)({
-        className: classes,
-        paddingSize: "none",
-        grow: grow
-      }, rest, {
-        style: pageStyle
-      }), (0, _react2.jsx)(_page_body.EuiPageBody, pageBodyProps, pageHeader && (0, _react2.jsx)(_page_header.EuiPageHeader, (0, _extends2.default)({
-        restrictWidth: restrictWidth,
-        paddingSize: paddingSize,
-        bottomBorder: "extended"
-      }, pageHeader)), (0, _react2.jsx)(_page_content.EuiPageContent_Deprecated, (0, _extends2.default)({
-        hasBorder: pageHeader === undefined ? false : undefined,
-        hasShadow: false,
-        paddingSize: 'none',
-        color: 'plain',
-        borderRadius: 'none'
-      }, pageContentProps), (0, _react2.jsx)(_page_content.EuiPageContentBody_Deprecated, (0, _extends2.default)({
-        restrictWidth: restrictWidth,
-        paddingSize: paddingSize
-      }, pageContentBodyProps), children)), bottomBarNode));
-  }
-};
-exports.EuiPageTemplate_Deprecated = EuiPageTemplate_Deprecated;

package/src/components/context_menu/_context_menu.scss

@@ -1,27 +0,0 @@
-$euiContextMenuWidth: $euiSize * 16;
-
-.euiContextMenu {
-  width: $euiContextMenuWidth;
-  max-width: 100%;
-  position: relative;
-  overflow: hidden;
-  transition: height $euiAnimSpeedFast $euiAnimSlightResistance;
-  border-radius: $euiBorderRadius;
-
-  .euiContextMenu__content {
-    padding: $euiSizeS;
-  }
-}
-
-/**
-  * 1. When there are multiple ContextMenuPanels, the ContextMenu will absolutely
-  *    position them. ContextMenuPanel will break the layout of a Popover if it's
-  *    absolutely positioned by default.
-  */
-.euiContextMenu__panel {
-  position: absolute; /* 1 */
-}
-
-.euiContextMenu__icon {
-  margin-right: $euiSizeS;
-}

package/src/components/context_menu/_context_menu_item.scss

@@ -1,65 +0,0 @@
-.euiContextMenuItem {
-  display: block;
-  padding: $euiSizeM;
-  width: 100%;
-  text-align: left;
-  color: $euiTextColor;
-  outline-offset: -$euiFocusRingSize;
-
-  &:hover,
-  &:focus {
-    text-decoration: underline;
-  }
-
-  &:focus {
-    background-color: $euiFocusBackgroundColor;
-  }
-
-  &.euiContextMenuItem-isDisabled {
-    color: $euiButtonColorDisabledText;
-    cursor: default;
-
-    &:hover,
-    &:focus {
-      text-decoration: none;
-    }
-  }
-
-  &--small {
-    padding: ($euiSizeS * .75) $euiSizeS;
-
-    .euiContextMenuItem__text {
-      @include euiFontSizeS;
-    }
-  }
-}
-
-.euiContextMenuItem__inner {
-  display: flex;
-}
-
-.euiContextMenuItem__text {
-  flex-grow: 1;
-  overflow: hidden; // allows for text truncation
-}
-
-.euiContextMenuItem__arrow {
-  align-self: flex-end;
-}
-
-.euiContextMenu__itemLayout {
-  display: flex;
-  align-items: center;
-
-  &.euiContextMenu__itemLayout--bottom {
-    align-items: flex-end;
-  }
-
-  &.euiContextMenu__itemLayout--top {
-    align-items: flex-start;
-  }
-
-  .euiContextMenu__icon {
-    flex-shrink: 0;
-  }
-}

package/src/components/context_menu/_context_menu_panel.scss

@@ -1,101 +0,0 @@
-.euiContextMenuPanel {
-  width: 100%;
-  visibility: visible;
-  outline-offset: -$euiFocusRingSize;
-
-  &:focus {
-    outline: none; // Hide focus ring because of `tabindex=-1` on Safari
-  }
-
-  &.euiContextMenuPanel-txInLeft {
-    pointer-events: none;
-    animation: euiContextMenuPanelTxInLeft $euiAnimSpeedNormal $euiAnimSlightResistance;
-    animation-fill-mode: forwards;
-  }
-
-  &.euiContextMenuPanel-txOutLeft {
-    pointer-events: none;
-    animation: euiContextMenuPanelTxOutLeft $euiAnimSpeedNormal $euiAnimSlightResistance;
-    animation-fill-mode: forwards;
-  }
-
-  &.euiContextMenuPanel-txInRight {
-    pointer-events: none;
-    animation: euiContextMenuPanelTxInRight $euiAnimSpeedNormal $euiAnimSlightResistance;
-    animation-fill-mode: forwards;
-  }
-
-  &.euiContextMenuPanel-txOutRight {
-    pointer-events: none;
-    animation: euiContextMenuPanelTxOutRight $euiAnimSpeedNormal $euiAnimSlightResistance;
-    animation-fill-mode: forwards;
-  }
-}
-
-.euiContextMenuPanel--next {
-  transform: translateX($euiContextMenuWidth);
-  visibility: hidden;
-}
-
-.euiContextMenuPanel--previous {
-  transform: translateX(-$euiContextMenuWidth);
-  visibility: hidden;
-}
-
-.euiContextMenuPanelTitle {
-  @include euiTitle('xxs');
-  padding: $euiSizeM;
-  width: 100%;
-  text-align: left;
-  outline-offset: -$euiFocusRingSize;
-  border-bottom: $euiBorderThin;
-
-  &:enabled:hover,
-  &:enabled:focus {
-    text-decoration: underline;
-  }
-
-  &--small {
-    padding: ($euiSizeS * .75) $euiSizeS;
-  }
-}
-
-@keyframes euiContextMenuPanelTxInLeft {
-  0% {
-    transform: translateX($euiContextMenuWidth);
-  }
-
-  100% {
-    transform: translateX(0);
-  }
-}
-
-@keyframes euiContextMenuPanelTxOutLeft {
-  0% {
-    transform: translateX(0);
-  }
-
-  100% {
-    transform: translateX(-$euiContextMenuWidth);
-  }
-}
-
-@keyframes euiContextMenuPanelTxInRight {
-  0% {
-    transform: translateX(-$euiContextMenuWidth);
-  }
-
-  100% {
-    transform: translateX(0);
-  }
-}
-
-@keyframes euiContextMenuPanelTxOutRight {
-  0% {
-    transform: translateX(0);
-  }
-
-  100% {
-    transform: translateX($euiContextMenuWidth);
-  }
-}

package/src/components/context_menu/_index.scss

@@ -1,3 +0,0 @@
-@import 'context_menu';
-@import 'context_menu_panel';
-@import 'context_menu_item';

package/src/components/page/_index.scss

@@ -1,2 +0,0 @@
-@import 'page_content/index';
-@import 'page_side_bar/index';

package/src/components/page/page_content/_index.scss

@@ -1,4 +0,0 @@
-@import 'page_content';
-@import 'page_content_body';
-@import 'page_content_header';
-@import 'page_content_header_section';

package/src/components/page/page_content/_page_content.scss

@@ -1,25 +0,0 @@
-.euiPageContent {
-  width: 100%;
-  min-width: 0; // Make sure that inner flex layouts don't get larger than this container
-
-  // Assumes that in the default theme, the borders are touching the edge of the EuiPage so remove them.
-  &.euiPageContent--borderRadiusNone { // Nested for specificity
-    border-left-width: 0;
-    border-right-width: 0;
-    border-bottom-width: 0;
-  }
-
-  &.euiPageContent--verticalCenter {
-    align-self: center;
-    margin-top: auto;
-    margin-bottom: auto;
-    flex-grow: 0;
-  }
-
-  &.euiPageContent--horizontalCenter {
-    width: auto;
-    margin-left: auto;
-    margin-right: auto;
-    flex-grow: 0; // Offsets the properties of .euiPanel within flexboxes
-  }
-}

package/src/components/page/page_content/_page_content_body.scss

@@ -1,19 +0,0 @@
-.euiPageContentBody {
-  &--restrictWidth-default,
-  &--restrictWidth-custom {
-    margin-left: auto;
-    margin-right: auto;
-    width: 100%;
-  }
-
-  &--restrictWidth-default {
-    max-width: $euiPageDefaultMaxWidth;
-  }
-}
-
-// Uses the same values as EuiPanel
-@each $modifier, $amount in $euiPanelPaddingModifiers {
-  .euiPageContentBody--#{$modifier} {
-    padding: $amount;
-  }
-}