@elastic/eui 62.2.0 → 63.0.1

package/dist/eui_theme_light.css

@@ -10163,134 +10163,6 @@ SOFTWARE.
     -webkit-flex-direction: column;
             flex-direction: column; }
 
-.euiPage {
-  display: -webkit-flex;
-  display: flex;
-  background-color: #fafbfd;
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-  max-width: 100%; }
-  .euiPage--restrictWidth-default, .euiPage--restrictWidth-custom {
-    margin-left: auto;
-    margin-right: auto;
-    width: 100%; }
-  .euiPage--restrictWidth-default {
-    max-width: 1200px; }
-  .euiPage--grow {
-    -webkit-flex-grow: 1;
-            flex-grow: 1; }
-  .euiPage--column {
-    -webkit-flex-direction: column;
-            flex-direction: column; }
-  @media only screen and (max-width: 574px) {
-    .euiPage {
-      -webkit-flex-direction: column;
-              flex-direction: column; } }
-  @media only screen and (min-width: 575px) and (max-width: 767px) {
-    .euiPage {
-      -webkit-flex-direction: column;
-              flex-direction: column; } }
-
-.euiPage--paddingSmall {
-  padding: 8px; }
-  .euiPage--paddingSmall .euiPageSideBar {
-    min-width: 192px;
-    margin-right: 8px; }
-    @media only screen and (max-width: 574px) {
-      .euiPage--paddingSmall .euiPageSideBar {
-        margin-right: 0;
-        margin-bottom: 8px; } }
-    @media only screen and (min-width: 575px) and (max-width: 767px) {
-      .euiPage--paddingSmall .euiPageSideBar {
-        margin-right: 0;
-        margin-bottom: 8px; } }
-  .euiPage--paddingSmall .euiPageBody > .euiPageHeader {
-    margin-bottom: 8px; }
-
-.euiPage--paddingMedium {
-  padding: 16px; }
-  .euiPage--paddingMedium .euiPageSideBar {
-    min-width: 192px;
-    margin-right: 16px; }
-    @media only screen and (max-width: 574px) {
-      .euiPage--paddingMedium .euiPageSideBar {
-        margin-right: 0;
-        margin-bottom: 16px; } }
-    @media only screen and (min-width: 575px) and (max-width: 767px) {
-      .euiPage--paddingMedium .euiPageSideBar {
-        margin-right: 0;
-        margin-bottom: 16px; } }
-  .euiPage--paddingMedium .euiPageBody > .euiPageHeader {
-    margin-bottom: 16px; }
-
-.euiPage--paddingLarge {
-  padding: 24px; }
-  .euiPage--paddingLarge .euiPageSideBar {
-    min-width: 192px;
-    margin-right: 24px; }
-    @media only screen and (max-width: 574px) {
-      .euiPage--paddingLarge .euiPageSideBar {
-        margin-right: 0;
-        margin-bottom: 24px; } }
-    @media only screen and (min-width: 575px) and (max-width: 767px) {
-      .euiPage--paddingLarge .euiPageSideBar {
-        margin-right: 0;
-        margin-bottom: 24px; } }
-  .euiPage--paddingLarge .euiPageBody > .euiPageHeader {
-    margin-bottom: 24px; }
-
-.euiPageBody {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-  -webkit-align-items: stretch;
-          align-items: stretch;
-  -webkit-flex: 1 1 100%;
-          flex: 1 1 100%;
-  max-width: 100%;
-  min-width: 0; }
-  .euiPageBody--restrictWidth-default, .euiPageBody--restrictWidth-custom {
-    margin-left: auto;
-    margin-right: auto;
-    width: 100%; }
-  .euiPageBody--restrictWidth-default {
-    max-width: 1200px; }
-  .euiPageBody.euiPageBody--borderRadiusNone {
-    border-top-width: 0;
-    border-right-width: 0;
-    border-bottom-width: 0; }
-
-.euiPageBody--paddingSmall {
-  padding: 8px; }
-  .euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']) {
-    margin-bottom: 8px;
-    border-bottom: 1px solid #D3DAE6; }
-    .euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
-      padding-bottom: 8px; }
-  .euiPageBody--paddingSmall > .euiPageHeader.euiPageHeader--onlyTabs {
-    padding-top: 0; }
-
-.euiPageBody--paddingMedium {
-  padding: 16px; }
-  .euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']) {
-    margin-bottom: 16px;
-    border-bottom: 1px solid #D3DAE6; }
-    .euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
-      padding-bottom: 16px; }
-  .euiPageBody--paddingMedium > .euiPageHeader.euiPageHeader--onlyTabs {
-    padding-top: 0; }
-
-.euiPageBody--paddingLarge {
-  padding: 24px; }
-  .euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']) {
-    margin-bottom: 24px;
-    border-bottom: 1px solid #D3DAE6; }
-    .euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
-      padding-bottom: 24px; }
-  .euiPageBody--paddingLarge > .euiPageHeader.euiPageHeader--onlyTabs {
-    padding-top: 0; }
-
 .euiPageContent {
   width: 100%;
   min-width: 0; }
@@ -10478,147 +10350,6 @@ SOFTWARE.
     .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
       background-color: transparent; } }
 
-/**
- * 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 {
-  width: 100%;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: row;
-          flex-direction: row;
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-  -webkit-align-items: center;
-          align-items: center;
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0; }
-  .euiPageHeader--restrictWidth-default, .euiPageHeader--restrictWidth-custom {
-    margin-left: auto;
-    margin-right: auto;
-    width: 100%; }
-  .euiPageHeader--restrictWidth-default {
-    max-width: 1200px; }
-
-.euiPageHeader--bottomBorder {
-  border-bottom: 1px solid #D3DAE6; }
-  .euiPageHeader--bottomBorder:not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
-    padding-bottom: 24px; }
-
-.euiPageHeader--onlyTabs {
-  padding-top: 8px; }
-  .euiPageHeader--onlyTabs .euiTabs--xlarge .euiTab {
-    line-height: 72px;
-    height: 72px; }
-
-.euiPageHeader--paddingSmall {
-  padding: 8px; }
-  .euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
-    padding-bottom: 0; }
-  .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
-    padding-top: 8px; }
-  .euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
-    margin-bottom: 8px; }
-
-.euiPageHeader--paddingMedium {
-  padding: 16px; }
-  .euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
-    padding-bottom: 0; }
-  .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
-    padding-top: 8px; }
-  .euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
-    margin-bottom: 16px; }
-
-.euiPageHeader--paddingLarge {
-  padding: 24px; }
-  .euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
-    padding-bottom: 0; }
-  .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
-    padding-top: 8px; }
-  .euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
-    margin-bottom: 24px; }
-
-.euiPageHeader--top {
-  -webkit-align-items: flex-start;
-          align-items: flex-start; }
-
-.euiPageHeader--bottom {
-  -webkit-align-items: flex-end;
-          align-items: flex-end; }
-
-.euiPageHeader--stretch {
-  -webkit-align-items: stretch;
-          align-items: stretch; }
-
-@media only screen and (max-width: 574px) {
-  .euiPageHeader--responsive {
-    -webkit-flex-direction: column;
-            flex-direction: column; }
-  .euiPageHeader--responsiveReverse {
-    -webkit-flex-direction: column-reverse;
-            flex-direction: column-reverse; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiPageHeader--responsive {
-    -webkit-flex-direction: column;
-            flex-direction: column; }
-  .euiPageHeader--responsiveReverse {
-    -webkit-flex-direction: column-reverse;
-            flex-direction: column-reverse; } }
-
-.euiPageHeader .euiPageHeaderContent {
-  width: 100%; }
-
-.euiPageHeaderContent__titleIcon {
-  top: -4px;
-  position: relative;
-  margin-right: 16px; }
-
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .euiPageHeaderContent__rightSideItems {
-    -webkit-flex-direction: row-reverse;
-            flex-direction: row-reverse; } }
-
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
-  .euiPageHeaderContent__rightSideItems {
-    -webkit-flex-direction: row-reverse;
-            flex-direction: row-reverse; } }
-
-@media only screen and (min-width: 1200px) {
-  .euiPageHeaderContent__rightSideItems {
-    -webkit-flex-direction: row-reverse;
-            flex-direction: row-reverse; } }
-
-.euiPageHeaderSection:not(:first-of-type) {
-  margin-left: 32px; }
-
-@media only screen and (max-width: 574px) {
-  .euiPageHeader--responsive .euiPageHeaderSection {
-    width: 100%; }
-    .euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
-      margin-left: 0;
-      margin-top: 16px; }
-  .euiPageHeader--responsiveReverse .euiPageHeaderSection {
-    width: 100%; }
-    .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
-      margin-left: 0; }
-    .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
-      margin-top: 16px; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiPageHeader--responsive .euiPageHeaderSection {
-    width: 100%; }
-    .euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
-      margin-left: 0;
-      margin-top: 16px; }
-  .euiPageHeader--responsiveReverse .euiPageHeaderSection {
-    width: 100%; }
-    .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
-      margin-left: 0; }
-    .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
-      margin-top: 16px; } }
-
 .euiTreeView__wrapper .euiTreeView {
   margin: 0;
   list-style-type: none; }
@@ -12749,7 +12480,9 @@ button.euiSuggestItem {
   .euiTabs--large .euiTab {
     padding: 12px 16px; }
   .euiTabs--xlarge .euiTab {
-    padding: 8px 24px; }
+    padding: 8px 24px;
+    line-height: 72px;
+    height: 72px; }
     .euiTabs--xlarge .euiTab .euiTab__content {
       font-size: 22px;
       font-size: 1.57143rem;