@elastic/eui 62.2.1 → 64.0.0

package/dist/eui_theme_dark.css

@@ -10163,134 +10163,6 @@ SOFTWARE.
     -webkit-flex-direction: column;
             flex-direction: column; }
 
-.euiPage {
-  display: -webkit-flex;
-  display: flex;
-  background-color: #141519;
-  -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 #343741; }
-    .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 #343741; }
-    .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 #343741; }
-    .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 #343741; }
-  .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;
@@ -12915,50 +12648,6 @@ button.euiSuggestItem {
     -webkit-transform: translateY(0);
             transform: translateY(0); } }
 
-.euiTourHeader {
-  border-bottom: none;
-  margin-bottom: 8px !important; }
-  .euiTourHeader .euiTourHeader__title {
-    margin-top: 0; }
-
-.euiTourHeader__subtitle {
-  color: #7a7f89; }
-
-.euiTourFooter {
-  background-color: #141519;
-  border-radius: 0 0 6px 6px; }
-
-.euiTour .euiTour__beacon {
-  pointer-events: none;
-  position: absolute;
-  opacity: 0;
-  transition: opacity 0s 350ms; }
-
-.euiTour[data-popover-open='true'] .euiTour__beacon {
-  opacity: 1; }
-
-.euiTour [data-popover-arrow='right'] .euiTour__beacon {
-  top: 6px;
-  left: -24px; }
-
-.euiTour [data-popover-arrow='left'] .euiTour__beacon {
-  top: 6px;
-  left: 12px; }
-
-.euiTour [data-popover-arrow='top']:before {
-  border-top-color: #141519; }
-
-.euiTour [data-popover-arrow='top'] .euiTour__beacon {
-  top: 12px;
-  left: 6px; }
-
-.euiTour [data-popover-arrow='bottom'] .euiTour__beacon {
-  top: -24px;
-  left: 6px; }
-
-.euiTourStepIndicator {
-  display: inline-block; }
-
 .euiButton,
 .euiButtonIcon {
   box-shadow: none !important; }

package/dist/eui_theme_dark.json

@@ -242,7 +242,6 @@
   "euiTableActionsBorderColor": "rgba(83, 89, 102, 0.09999999999999998)",
   "euiTableHoverClickableColor": "rgba(54, 162, 239, 0.050000000000000044)",
   "euiTableFocusClickableColor": "rgba(54, 162, 239, 0.09999999999999998)",
-  "euiPopoverArrowSize": "12px",
   "euiContrastRatioText": 4.5,
   "euiContrastRatioGraphic": 3,
   "euiContrastRatioDisabled": 2,

package/dist/eui_theme_dark.json.d.ts

@@ -243,7 +243,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
     euiTableActionsBorderColor: string;
     euiTableHoverClickableColor: string;
     euiTableFocusClickableColor: string;
-    euiPopoverArrowSize: string;
     euiContrastRatioText: number;
     euiContrastRatioGraphic: number;
     euiContrastRatioDisabled: number;