@elastic/eui 68.0.0 → 69.0.0

package/src/components/flex/_flex_group.scss

@@ -1,100 +0,0 @@
-.euiFlexGroup {
-  display: flex;
-  align-items: stretch;
-  flex-grow: 1; // Grow nested flex-groups by default
-
-  .euiFlexItem {
-    flex-grow: 1;
-    flex-basis: 0%;
-  }
-}
-
-$gutterTypes: (
-  gutterExtraSmall: $euiSizeXS,
-  gutterSmall: $euiSizeS,
-  gutterMedium: $euiSize,
-  gutterLarge: $euiSizeL,
-  gutterExtraLarge: $euiSizeXXL,
-);
-
-// Gutter Sizes
-@each $gutterName, $gutterSize in $gutterTypes {
-  $halfGutterSize: $gutterSize * .5;
-
-  .euiFlexGroup--#{$gutterName} {
-    margin: -$halfGutterSize;
-
-    & > .euiFlexItem {
-      margin: $halfGutterSize;
-    }
-  }
-}
-
-// Justify the grid
-.euiFlexGroup--justifyContentSpaceEvenly {
-  justify-content: space-evenly;
-}
-
-.euiFlexGroup--justifyContentSpaceBetween {
-  justify-content: space-between;
-}
-
-.euiFlexGroup--justifyContentSpaceAround {
-  justify-content: space-around;
-}
-
-.euiFlexGroup--justifyContentCenter {
-  justify-content: center;
-}
-
-.euiFlexGroup--justifyContentFlexEnd {
-  justify-content: flex-end;
-}
-
-// Align Items
-.euiFlexGroup--alignItemsFlexStart {
-  align-items: flex-start;
-}
-
-.euiFlexGroup--alignItemsCenter {
-  align-items: center;
-}
-
-.euiFlexGroup--alignItemsFlexEnd {
-  align-items: flex-end;
-}
-
-.euiFlexGroup--alignItemsBaseline {
-  align-items: baseline;
-}
-
-// Direction
-
-.euiFlexGroup--directionRow {
-  flex-direction: row;
-}
-
-.euiFlexGroup--directionRowReverse {
-  flex-direction: row-reverse;
-}
-
-.euiFlexGroup--directionColumn {
-  flex-direction: column;
-}
-
-.euiFlexGroup--directionColumnReverse {
-  flex-direction: column-reverse;
-}
-
-// Wrap
-.euiFlexGroup--wrap {
-  flex-wrap: wrap;
-}
-
-@include euiBreakpoint('xs', 's') {
-  .euiFlexGroup--responsive {
-    flex-wrap: wrap;
-    margin-left: 0;
-    margin-right: 0;
-  }
-}

package/src/components/flex/_flex_item.scss

@@ -1,35 +0,0 @@
-/**
- * 1. Allow EuiPanels to expand to fill the item.
- */
-.euiFlexItem {
-  display: flex; /* 1 */
-  flex-direction: column; /* 1 */
-
-  /*
-   * 1. We need the extra specificity here to override the FlexGroup > FlexItem styles.
-   * 2. FlexItem can be manually set to not grow if needed.
-   */
-  &.euiFlexItem--flexGrowZero { /* 1 */
-    flex-grow: 0; /* 2 */
-    flex-basis: auto; /* 2 */
-  }
-
-  @for $i from 1 through 10 {
-    &.euiFlexItem--flexGrow#{$i} {
-      flex-grow: $i;
-    }
-  }
-}
-
-// On mobile we force them to stack and act the same.
-@include euiBreakpoint('xs', 's') {
-  .euiFlexGroup--responsive > .euiFlexItem,
-  .euiFlexGrid--responsive > .euiFlexItem {
-    // sass-lint:disable-block no-important
-    width: 100% !important;
-    flex-basis: 100% !important;
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-    margin-bottom: $euiSize !important;
-  }
-}

package/src/components/flex/_index.scss

@@ -1,3 +0,0 @@
-@import 'flex_group';
-@import 'flex_grid';
-@import 'flex_item';