@elastic/eui 86.0.0 → 87.0.0

package/dist/eui_theme_dark.css

@@ -6217,184 +6217,6 @@ The following files still use the Sass version:
   resize: none;
 }
 
-.euiHeaderLinks {
-  display: -webkit-flex;
-  display: flex;
-}
-
-.euiHeaderLinks__list {
-  white-space: nowrap;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-}
-
-.euiHeaderLinks__list--gutterXS > * {
-  margin: 0 4px;
-}
-
-.euiHeaderLinks__list--gutterS > * {
-  margin: 0 8px;
-}
-
-.euiHeaderLinks__list--gutterM > * {
-  margin: 0 12px;
-}
-
-.euiHeaderLinks__list--gutterL > * {
-  margin: 0 24px;
-}
-
-.euiHeaderLinks__mobileList .euiHeaderLink {
-  display: block;
-  width: 100%;
-  padding: 8px;
-}
-.euiHeaderLinks__mobileList .euiHeaderLink > span {
-  -webkit-justify-content: flex-start;
-          justify-content: flex-start;
-}
-
-.euiHeaderAlert {
-  min-width: 300px;
-  position: relative;
-  margin-bottom: 24px;
-  padding: 0 8px 24px;
-  border-bottom: 1px solid #343741;
-  border-top: none;
-}
-.euiHeaderAlert .euiHeaderAlert__dismiss {
-  opacity: 0;
-  position: absolute;
-  right: 12px;
-  top: 12px;
-  transition: opacity 250ms ease-in;
-}
-.euiHeaderAlert:hover .euiHeaderAlert__dismiss,
-.euiHeaderAlert .euiHeaderAlert__dismiss:focus {
-  opacity: 1;
-}
-.euiHeaderAlert .euiHeaderAlert__title {
-  overflow-wrap: break-word !important;
-  word-break: break-word;
-  color: #DFE5EF;
-  font-size: 16px;
-  font-size: 1.1428571429rem;
-  line-height: 1.7142857143rem;
-  font-weight: 700;
-  margin-bottom: 8px;
-}
-.euiHeaderAlert .euiHeaderAlert__text {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  margin-bottom: 16px;
-}
-.euiHeaderAlert .euiHeaderAlert__action {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-}
-.euiHeaderAlert .euiHeaderAlert__date {
-  font-size: 12px;
-  font-size: 0.8571428571rem;
-  line-height: 1.1428571429rem;
-  color: #98A2B3;
-}
-
-.euiHeaderSection {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-}
-
-.euiHeaderSection--grow,
-.euiHeaderSection--left {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-
-.euiHeaderSection--dontGrow {
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-}
-
-.euiHeaderSectionItem {
-  position: relative;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-}
-.euiHeaderSectionItem::after {
-  position: absolute;
-  content: "";
-  top: 16px;
-  bottom: 0;
-  background: #343741;
-  left: 0;
-}
-
-.euiHeaderSectionItem--borderLeft::after {
-  left: 0;
-  width: 1px;
-}
-
-.euiHeaderSectionItem--borderRight::after {
-  width: 1px;
-  left: auto;
-  right: 0;
-}
-
-@media only screen and (max-width: 574px) {
-  .euiHeaderSectionItem {
-    min-width: 30px;
-  }
-  .euiHeaderSectionItem--borderLeft::after,
-  .euiHeaderSectionItem--borderRight::after {
-    display: none;
-  }
-}
-.euiHeaderSectionItemButton {
-  position: relative;
-  height: 40px;
-  min-width: 40px;
-  text-align: center;
-  font-size: 0;
-}
-
-.euiHeaderSectionItemButton__notification {
-  position: absolute;
-}
-.euiHeaderSectionItemButton__notification--dot {
-  top: 0;
-  right: 0;
-  stroke: #1D1E24;
-}
-.euiHeaderSectionItemButton__notification--badge {
-  top: 9%;
-  right: 9%;
-  box-shadow: 0 0 0 1px #1D1E24;
-}
-
-.euiHeaderSectionItemButton__content {
-  display: inline-block;
-}
-
-@media only screen and (max-width: 574px) {
-  .euiHeaderSectionItemButton {
-    min-width: 30px;
-  }
-  .euiHeaderSectionItemButton__notification.euiHeaderSectionItemButton__notification--dot {
-    width: 16px;
-    height: 16px;
-    top: 9%;
-  }
-}
 /**
  * 1. If this class is applied to a button, we need to override the Chrome default font.
  * 2. If it has a BetaBadge, make sure only the first letter shows
@@ -9608,10 +9430,6 @@ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus
   outline: none;
 }
 
-.euiHeaderSectionItem::after {
-  display: none !important;
-}
-
 .euiHue {
   position: relative;
   height: 12px;