@elastic/eui 86.0.0 → 87.1.0

package/src/components/header/header_links/_header_link.scss

@@ -1,13 +0,0 @@
-.euiHeaderLinks__mobileList {
-  .euiHeaderLink {
-    display: block;
-    width: 100%;
-    padding: $euiSizeS;
-
-    // EuiButtons normally center, which makes sense. In mobile though we want
-    // them to align left. This is a safe hack given the specificity.
-    > span {
-      justify-content: flex-start;
-    }
-  }
-}

package/src/components/header/header_links/_header_links.scss

@@ -1,16 +0,0 @@
-.euiHeaderLinks {
-  display: flex;
-}
-
-.euiHeaderLinks__list {
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-}
-
-@each $name, $gutterSize in $euiHeaderLinksGutterSizes {
-  .euiHeaderLinks__list--#{$name} > * {
-    // Apply margins to any children
-    margin: 0 $gutterSize;
-  }
-}

package/src/components/header/header_links/_index.scss

@@ -1,4 +0,0 @@
-@import 'variables';
-
-@import 'header_links';
-@import 'header_link';

package/src/components/header/header_links/_variables.scss

@@ -1,6 +0,0 @@
-$euiHeaderLinksGutterSizes: (
-  'gutterXS': $euiSizeXS,
-  'gutterS': $euiSizeS,
-  'gutterM': $euiSizeM,
-  'gutterL': $euiSizeL,
-);

package/src/components/header/header_section/_header_section.scss

@@ -1,14 +0,0 @@
-.euiHeaderSection {
-  display: flex;
-  flex-grow: 0;
-  flex-shrink: 0;
-}
-
-.euiHeaderSection--grow,
-.euiHeaderSection--left {
-  flex-grow: 1;
-}
-
-.euiHeaderSection--dontGrow {
-  flex-grow: 0;
-}

package/src/components/header/header_section/_header_section_item.scss

@@ -1,44 +0,0 @@
-// Header items are the small icon links that pop up menus.
-
-.euiHeaderSectionItem {
-  position: relative;
-  display: flex;
-  align-items: center;
-
-  &::after {
-    position: absolute;
-    content: '';
-    top: $euiSize;
-    bottom: 0;
-    background: $euiBorderColor;
-    left: 0;
-  }
-}
-
-.euiHeaderSectionItem--borderLeft {
-  &::after {
-    left: 0;
-    width: 1px;
-  }
-}
-
-.euiHeaderSectionItem--borderRight {
-  &::after {
-    width: 1px;
-    left: auto;
-    right: 0;
-  }
-}
-
-@include euiBreakpoint('xs') {
-  .euiHeaderSectionItem {
-    min-width: $euiHeaderChildSize * .75;
-  }
-
-  .euiHeaderSectionItem--borderLeft,
-  .euiHeaderSectionItem--borderRight {
-    &::after {
-      display: none;
-    }
-  }
-}

package/src/components/header/header_section/_header_section_item_button.scss

@@ -1,40 +0,0 @@
-.euiHeaderSectionItemButton {
-  position: relative; // For positioning the notification
-  height: $euiHeaderChildSize;
-  min-width: $euiHeaderChildSize;
-  text-align: center;
-  font-size: 0; // aligns icons better vertically
-}
-
-.euiHeaderSectionItemButton__notification {
-  position: absolute;
-
-  &--dot {
-    top: 0;
-    right: 0;
-    stroke: $euiHeaderBackgroundColor;
-  }
-
-  &--badge {
-    top: 9%;
-    right: 9%;
-    box-shadow: 0 0 0 1px $euiHeaderBackgroundColor;
-  }
-}
-
-.euiHeaderSectionItemButton__content {
-  // This element is a span and we're changing the display because inline elements can’t take a transform
-  display: inline-block;
-}
-
-@include euiBreakpoint('xs') {
-  .euiHeaderSectionItemButton {
-    min-width: $euiHeaderChildSize * .75;
-  }
-
-  // Using specificity to override the default icon size
-  .euiHeaderSectionItemButton__notification.euiHeaderSectionItemButton__notification--dot {
-    @include size($euiSize);
-    top: 9%;
-  }
-}

package/src/components/header/header_section/_index.scss

@@ -1,3 +0,0 @@
-@import 'header_section';
-@import 'header_section_item';
-@import 'header_section_item_button';

package/src/components/portal/__snapshots__/_index.scss

@@ -1 +0,0 @@
-@import 'portal';

package/src/themes/amsterdam/overrides/_header.scss

@@ -1,4 +0,0 @@
-// Remove borders without deleting the prop just yet
-.euiHeaderSectionItem::after {
-  display: none !important; // stylelint-disable-line declaration-no-important
-}