@elastic/eui 62.2.0 → 63.0.1

package/src/components/page/page_body/_page_body.scss

@@ -1,45 +0,0 @@
-.euiPageBody {
-  @include euiPageRestrictWidth;
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  flex: 1 1 100%;
-  // Make sure that inner flex layouts don't get larger than this container
-  max-width: 100%;
-  min-width: 0;
-  // Commenting out for posterity
-  // Adding z-index disallows fullscreens like EuiDataGrid to get above the headers
-  // z-index: 1; // Ensures any side nav emphasis gets rendered under shadow
-
-  // Assumes that in the default theme, the borders are touching the edge of the EuiPage so remove them.
-  &.euiPageBody--borderRadiusNone { // Nested for specificity
-    border-top-width: 0;
-    border-right-width: 0;
-    border-bottom-width: 0;
-  }
-}
-
-// Uses the same values as EuiPanel
-@each $modifier, $amount in $euiPanelPaddingModifiers {
-  .euiPageBody--#{$modifier} {
-    padding: $amount;
-
-    & > .euiPageHeader:not([class*='--padding']) {
-      // Match the body's padding for spacing if it doesn't have it's own
-      margin-bottom: $amount;
-      // When the page header is actually inside of a panelled page body,
-      // We want to add some extra separation between it and the content body
-      border-bottom: $euiBorderThin;
-
-      &:not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
-        padding-bottom: $amount;
-      }
-    }
-
-    // When only tabs, remove all padding
-    & > .euiPageHeader.euiPageHeader--onlyTabs {
-      padding-top: 0;
-    }
-  }
-}
-

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

@@ -1,3 +0,0 @@
-@import 'page_header';
-@import 'page_header_content';
-@import 'page_header_section';

package/src/components/page/page_header/_page_header.scss

@@ -1,78 +0,0 @@
-/**
- * Note: Bottom margin is added in _page.scss when EuiPage has `paddingSize`
- *       Or it's added in _page_body.scss when EuiPageBody has `paddingSize`
- */
-
-.euiPageHeader {
-  @include euiPageRestrictWidth;
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  flex-shrink: 0; // Ensures Safari doesn't shrink beyond contents
-}
-
-.euiPageHeader--bottomBorder {
-  border-bottom: $euiBorderThin;
-
-  &:not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
-    // Default padding to separate contents (unless there's tabs)
-    padding-bottom: map-get($euiPanelPaddingModifiers, 'paddingLarge');
-  }
-}
-
-// When there's only tabs, make them and take up the "whole" vertical space
-.euiPageHeader--onlyTabs {
-  padding-top: $euiSizeS;
-
-  .euiTabs--xlarge .euiTab {
-    line-height: $euiSize * 4.5;
-    height: $euiSize * 4.5;
-  }
-}
-
-// Uses the same values as EuiPanel
-@each $modifier, $amount in $euiPanelPaddingModifiers {
-  .euiPageHeader--#{$modifier} {
-    padding: $amount;
-
-    // Use margin if there are tabs to keep border close to tabs
-    &.euiPageHeader--tabsAtBottom,
-    &.euiPageHeader--onlyTabs {
-      padding-bottom: 0;
-    }
-
-    // When only tabs, use the same padding top for all padding sizes
-    &.euiPageHeader--onlyTabs {
-      padding-top: $euiSizeS;
-    }
-
-    &.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder,
-    &.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
-      margin-bottom: $amount;
-    }
-  }
-}
-
-.euiPageHeader--top {
-  align-items: flex-start;
-}
-
-.euiPageHeader--bottom {
-  align-items: flex-end;
-}
-
-.euiPageHeader--stretch {
-  align-items: stretch;
-}
-
-@include euiBreakpoint('xs', 's') {
-  .euiPageHeader--responsive {
-    flex-direction: column;
-  }
-
-  .euiPageHeader--responsiveReverse {
-    flex-direction: column-reverse;
-  }
-}

package/src/components/page/page_header/_page_header_content.scss

@@ -1,15 +0,0 @@
-.euiPageHeader .euiPageHeaderContent {
-  width: 100%;
-}
-
-.euiPageHeaderContent__titleIcon {
-  top: -$euiSizeXS;
-  position: relative;
-  margin-right: $euiSize;
-}
-
-@include euiBreakpoint('m', 'l', 'xl') {
-  .euiPageHeaderContent__rightSideItems {
-    flex-direction: row-reverse;
-  }
-}

package/src/components/page/page_header/_page_header_section.scss

@@ -1,26 +0,0 @@
-.euiPageHeaderSection:not(:first-of-type) {
-  margin-left: $euiSizeXL;
-}
-
-@include euiBreakpoint('xs', 's') {
-  .euiPageHeader--responsive .euiPageHeaderSection {
-    width: 100%;
-
-    &:not(:first-of-type) {
-      margin-left: 0;
-      margin-top: $euiSize;
-    }
-  }
-
-  .euiPageHeader--responsiveReverse .euiPageHeaderSection {
-    width: 100%;
-
-    &:not(:first-of-type) {
-      margin-left: 0;
-    }
-
-    &:not(:last-of-type) {
-      margin-top: $euiSize;
-    }
-  }
-}