@elastic/eui 68.0.0 → 69.0.0

package/dist/eui_theme_dark.css

@@ -4124,527 +4124,6 @@ SOFTWARE.
   color: #98A2B3;
   font-size: 14px; }
 
-.euiFlexGroup {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: stretch;
-          align-items: stretch;
-  -webkit-flex-grow: 1;
-          flex-grow: 1; }
-  .euiFlexGroup .euiFlexItem {
-    -webkit-flex-grow: 1;
-            flex-grow: 1;
-    -webkit-flex-basis: 0%;
-            flex-basis: 0%; }
-
-.euiFlexGroup--gutterExtraSmall {
-  margin: -2px; }
-  .euiFlexGroup--gutterExtraSmall > .euiFlexItem {
-    margin: 2px; }
-
-.euiFlexGroup--gutterSmall {
-  margin: -4px; }
-  .euiFlexGroup--gutterSmall > .euiFlexItem {
-    margin: 4px; }
-
-.euiFlexGroup--gutterMedium {
-  margin: -8px; }
-  .euiFlexGroup--gutterMedium > .euiFlexItem {
-    margin: 8px; }
-
-.euiFlexGroup--gutterLarge {
-  margin: -12px; }
-  .euiFlexGroup--gutterLarge > .euiFlexItem {
-    margin: 12px; }
-
-.euiFlexGroup--gutterExtraLarge {
-  margin: -20px; }
-  .euiFlexGroup--gutterExtraLarge > .euiFlexItem {
-    margin: 20px; }
-
-.euiFlexGroup--justifyContentSpaceEvenly {
-  -webkit-justify-content: space-evenly;
-          justify-content: space-evenly; }
-
-.euiFlexGroup--justifyContentSpaceBetween {
-  -webkit-justify-content: space-between;
-          justify-content: space-between; }
-
-.euiFlexGroup--justifyContentSpaceAround {
-  -webkit-justify-content: space-around;
-          justify-content: space-around; }
-
-.euiFlexGroup--justifyContentCenter {
-  -webkit-justify-content: center;
-          justify-content: center; }
-
-.euiFlexGroup--justifyContentFlexEnd {
-  -webkit-justify-content: flex-end;
-          justify-content: flex-end; }
-
-.euiFlexGroup--alignItemsFlexStart {
-  -webkit-align-items: flex-start;
-          align-items: flex-start; }
-
-.euiFlexGroup--alignItemsCenter {
-  -webkit-align-items: center;
-          align-items: center; }
-
-.euiFlexGroup--alignItemsFlexEnd {
-  -webkit-align-items: flex-end;
-          align-items: flex-end; }
-
-.euiFlexGroup--alignItemsBaseline {
-  -webkit-align-items: baseline;
-          align-items: baseline; }
-
-.euiFlexGroup--directionRow {
-  -webkit-flex-direction: row;
-          flex-direction: row; }
-
-.euiFlexGroup--directionRowReverse {
-  -webkit-flex-direction: row-reverse;
-          flex-direction: row-reverse; }
-
-.euiFlexGroup--directionColumn {
-  -webkit-flex-direction: column;
-          flex-direction: column; }
-
-.euiFlexGroup--directionColumnReverse {
-  -webkit-flex-direction: column-reverse;
-          flex-direction: column-reverse; }
-
-.euiFlexGroup--wrap {
-  -webkit-flex-wrap: wrap;
-          flex-wrap: wrap; }
-
-@media only screen and (max-width: 574px) {
-  .euiFlexGroup--responsive {
-    -webkit-flex-wrap: wrap;
-            flex-wrap: wrap;
-    margin-left: 0;
-    margin-right: 0; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiFlexGroup--responsive {
-    -webkit-flex-wrap: wrap;
-            flex-wrap: wrap;
-    margin-left: 0;
-    margin-right: 0; } }
-
-.euiFlexGrid {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-wrap: wrap;
-          flex-wrap: wrap;
-  margin-bottom: 0; }
-  .euiFlexGrid > .euiFlexItem {
-    -webkit-flex-grow: 0;
-            flex-grow: 0; }
-    .euiFlexGrid > .euiFlexItem.euiFlexItem--flexGrowZero {
-      -webkit-flex-grow: 0 !important;
-              flex-grow: 0 !important;
-      -webkit-flex-basis: auto !important;
-              flex-basis: auto !important; }
-
-/**
-  * 1. For vertical layouts we use columns instead of flex
-  */
-.euiFlexGrid--directionColumn {
-  display: block;
-  /* 1 */
-  -webkit-column-gap: 0;
-     -moz-column-gap: 0;
-          column-gap: 0; }
-  .euiFlexGrid--directionColumn > .euiFlexItem {
-    display: inline-block;
-    /* 1 */
-    line-height: initial; }
-
-/**
-   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
-   * without columns.
-   */
-.euiFlexGrid--gutterNone {
-  margin: 0px;
-  -webkit-align-items: stretch;
-          align-items: stretch; }
-  .euiFlexGrid--gutterNone > .euiFlexItem {
-    margin: 0px; }
-
-.euiFlexGrid--gutterNone.euiFlexGrid--fourths > .euiFlexItem {
-  -webkit-flex-basis: calc(25% - 0px);
-          flex-basis: calc(25% - 0px); }
-
-.euiFlexGrid--gutterNone.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 4;
-     -moz-column-count: 4;
-          column-count: 4; }
-  .euiFlexGrid--gutterNone.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 0px); }
-
-.euiFlexGrid--gutterNone.euiFlexGrid--thirds > .euiFlexItem {
-  -webkit-flex-basis: calc(33.3% - 0px);
-          flex-basis: calc(33.3% - 0px); }
-
-.euiFlexGrid--gutterNone.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 3;
-     -moz-column-count: 3;
-          column-count: 3; }
-  .euiFlexGrid--gutterNone.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 0px); }
-
-.euiFlexGrid--gutterNone.euiFlexGrid--halves > .euiFlexItem {
-  -webkit-flex-basis: calc(50% - 0px);
-          flex-basis: calc(50% - 0px); }
-
-.euiFlexGrid--gutterNone.euiFlexGrid--halves.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 2;
-     -moz-column-count: 2;
-          column-count: 2; }
-  .euiFlexGrid--gutterNone.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 0px); }
-
-.euiFlexGrid--gutterNone.euiFlexGrid--single > .euiFlexItem {
-  -webkit-flex-basis: calc(100% - 0px);
-          flex-basis: calc(100% - 0px); }
-
-.euiFlexGrid--gutterNone.euiFlexGrid--single.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 1;
-     -moz-column-count: 1;
-          column-count: 1; }
-  .euiFlexGrid--gutterNone.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 0px); }
-
-/**
-   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
-   * without columns.
-   */
-.euiFlexGrid--gutterSmall {
-  margin: -4px;
-  -webkit-align-items: stretch;
-          align-items: stretch; }
-  .euiFlexGrid--gutterSmall > .euiFlexItem {
-    margin: 4px; }
-
-.euiFlexGrid--gutterSmall.euiFlexGrid--fourths > .euiFlexItem {
-  -webkit-flex-basis: calc(25% - 8px);
-          flex-basis: calc(25% - 8px); }
-
-.euiFlexGrid--gutterSmall.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 4;
-     -moz-column-count: 4;
-          column-count: 4; }
-  .euiFlexGrid--gutterSmall.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 8px); }
-
-.euiFlexGrid--gutterSmall.euiFlexGrid--thirds > .euiFlexItem {
-  -webkit-flex-basis: calc(33.3% - 8px);
-          flex-basis: calc(33.3% - 8px); }
-
-.euiFlexGrid--gutterSmall.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 3;
-     -moz-column-count: 3;
-          column-count: 3; }
-  .euiFlexGrid--gutterSmall.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 8px); }
-
-.euiFlexGrid--gutterSmall.euiFlexGrid--halves > .euiFlexItem {
-  -webkit-flex-basis: calc(50% - 8px);
-          flex-basis: calc(50% - 8px); }
-
-.euiFlexGrid--gutterSmall.euiFlexGrid--halves.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 2;
-     -moz-column-count: 2;
-          column-count: 2; }
-  .euiFlexGrid--gutterSmall.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 8px); }
-
-.euiFlexGrid--gutterSmall.euiFlexGrid--single > .euiFlexItem {
-  -webkit-flex-basis: calc(100% - 8px);
-          flex-basis: calc(100% - 8px); }
-
-.euiFlexGrid--gutterSmall.euiFlexGrid--single.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 1;
-     -moz-column-count: 1;
-          column-count: 1; }
-  .euiFlexGrid--gutterSmall.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 8px); }
-
-/**
-   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
-   * without columns.
-   */
-.euiFlexGrid--gutterMedium {
-  margin: -8px;
-  -webkit-align-items: stretch;
-          align-items: stretch; }
-  .euiFlexGrid--gutterMedium > .euiFlexItem {
-    margin: 8px; }
-
-.euiFlexGrid--gutterMedium.euiFlexGrid--fourths > .euiFlexItem {
-  -webkit-flex-basis: calc(25% - 16px);
-          flex-basis: calc(25% - 16px); }
-
-.euiFlexGrid--gutterMedium.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 4;
-     -moz-column-count: 4;
-          column-count: 4; }
-  .euiFlexGrid--gutterMedium.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 16px); }
-
-.euiFlexGrid--gutterMedium.euiFlexGrid--thirds > .euiFlexItem {
-  -webkit-flex-basis: calc(33.3% - 16px);
-          flex-basis: calc(33.3% - 16px); }
-
-.euiFlexGrid--gutterMedium.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 3;
-     -moz-column-count: 3;
-          column-count: 3; }
-  .euiFlexGrid--gutterMedium.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 16px); }
-
-.euiFlexGrid--gutterMedium.euiFlexGrid--halves > .euiFlexItem {
-  -webkit-flex-basis: calc(50% - 16px);
-          flex-basis: calc(50% - 16px); }
-
-.euiFlexGrid--gutterMedium.euiFlexGrid--halves.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 2;
-     -moz-column-count: 2;
-          column-count: 2; }
-  .euiFlexGrid--gutterMedium.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 16px); }
-
-.euiFlexGrid--gutterMedium.euiFlexGrid--single > .euiFlexItem {
-  -webkit-flex-basis: calc(100% - 16px);
-          flex-basis: calc(100% - 16px); }
-
-.euiFlexGrid--gutterMedium.euiFlexGrid--single.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 1;
-     -moz-column-count: 1;
-          column-count: 1; }
-  .euiFlexGrid--gutterMedium.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 16px); }
-
-/**
-   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
-   * without columns.
-   */
-.euiFlexGrid--gutterLarge {
-  margin: -12px;
-  -webkit-align-items: stretch;
-          align-items: stretch; }
-  .euiFlexGrid--gutterLarge > .euiFlexItem {
-    margin: 12px; }
-
-.euiFlexGrid--gutterLarge.euiFlexGrid--fourths > .euiFlexItem {
-  -webkit-flex-basis: calc(25% - 24px);
-          flex-basis: calc(25% - 24px); }
-
-.euiFlexGrid--gutterLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 4;
-     -moz-column-count: 4;
-          column-count: 4; }
-  .euiFlexGrid--gutterLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 24px); }
-
-.euiFlexGrid--gutterLarge.euiFlexGrid--thirds > .euiFlexItem {
-  -webkit-flex-basis: calc(33.3% - 24px);
-          flex-basis: calc(33.3% - 24px); }
-
-.euiFlexGrid--gutterLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 3;
-     -moz-column-count: 3;
-          column-count: 3; }
-  .euiFlexGrid--gutterLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 24px); }
-
-.euiFlexGrid--gutterLarge.euiFlexGrid--halves > .euiFlexItem {
-  -webkit-flex-basis: calc(50% - 24px);
-          flex-basis: calc(50% - 24px); }
-
-.euiFlexGrid--gutterLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 2;
-     -moz-column-count: 2;
-          column-count: 2; }
-  .euiFlexGrid--gutterLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 24px); }
-
-.euiFlexGrid--gutterLarge.euiFlexGrid--single > .euiFlexItem {
-  -webkit-flex-basis: calc(100% - 24px);
-          flex-basis: calc(100% - 24px); }
-
-.euiFlexGrid--gutterLarge.euiFlexGrid--single.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 1;
-     -moz-column-count: 1;
-          column-count: 1; }
-  .euiFlexGrid--gutterLarge.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 24px); }
-
-/**
-   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
-   * without columns.
-   */
-.euiFlexGrid--gutterXLarge {
-  margin: -16px;
-  -webkit-align-items: stretch;
-          align-items: stretch; }
-  .euiFlexGrid--gutterXLarge > .euiFlexItem {
-    margin: 16px; }
-
-.euiFlexGrid--gutterXLarge.euiFlexGrid--fourths > .euiFlexItem {
-  -webkit-flex-basis: calc(25% - 32px);
-          flex-basis: calc(25% - 32px); }
-
-.euiFlexGrid--gutterXLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 4;
-     -moz-column-count: 4;
-          column-count: 4; }
-  .euiFlexGrid--gutterXLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 32px); }
-
-.euiFlexGrid--gutterXLarge.euiFlexGrid--thirds > .euiFlexItem {
-  -webkit-flex-basis: calc(33.3% - 32px);
-          flex-basis: calc(33.3% - 32px); }
-
-.euiFlexGrid--gutterXLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 3;
-     -moz-column-count: 3;
-          column-count: 3; }
-  .euiFlexGrid--gutterXLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 32px); }
-
-.euiFlexGrid--gutterXLarge.euiFlexGrid--halves > .euiFlexItem {
-  -webkit-flex-basis: calc(50% - 32px);
-          flex-basis: calc(50% - 32px); }
-
-.euiFlexGrid--gutterXLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 2;
-     -moz-column-count: 2;
-          column-count: 2; }
-  .euiFlexGrid--gutterXLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 32px); }
-
-.euiFlexGrid--gutterXLarge.euiFlexGrid--single > .euiFlexItem {
-  -webkit-flex-basis: calc(100% - 32px);
-          flex-basis: calc(100% - 32px); }
-
-.euiFlexGrid--gutterXLarge.euiFlexGrid--single.euiFlexGrid--directionColumn {
-  /* 1 */
-  -webkit-column-count: 1;
-     -moz-column-count: 1;
-          column-count: 1; }
-  .euiFlexGrid--gutterXLarge.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
-    width: calc(100% - 32px); }
-
-@media only screen and (max-width: 574px) {
-  .euiFlexGrid.euiFlexGrid--responsive {
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-    -webkit-column-count: 1 !important;
-       -moz-column-count: 1 !important;
-            column-count: 1 !important; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiFlexGrid.euiFlexGrid--responsive {
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-    -webkit-column-count: 1 !important;
-       -moz-column-count: 1 !important;
-            column-count: 1 !important; } }
-
-/**
- * 1. Allow EuiPanels to expand to fill the item.
- */
-.euiFlexItem {
-  display: -webkit-flex;
-  display: flex;
-  /* 1 */
-  -webkit-flex-direction: column;
-          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.euiFlexItem--flexGrowZero {
-    /* 1 */
-    -webkit-flex-grow: 0;
-            flex-grow: 0;
-    /* 2 */
-    -webkit-flex-basis: auto;
-            flex-basis: auto;
-    /* 2 */ }
-  .euiFlexItem.euiFlexItem--flexGrow1 {
-    -webkit-flex-grow: 1;
-            flex-grow: 1; }
-  .euiFlexItem.euiFlexItem--flexGrow2 {
-    -webkit-flex-grow: 2;
-            flex-grow: 2; }
-  .euiFlexItem.euiFlexItem--flexGrow3 {
-    -webkit-flex-grow: 3;
-            flex-grow: 3; }
-  .euiFlexItem.euiFlexItem--flexGrow4 {
-    -webkit-flex-grow: 4;
-            flex-grow: 4; }
-  .euiFlexItem.euiFlexItem--flexGrow5 {
-    -webkit-flex-grow: 5;
-            flex-grow: 5; }
-  .euiFlexItem.euiFlexItem--flexGrow6 {
-    -webkit-flex-grow: 6;
-            flex-grow: 6; }
-  .euiFlexItem.euiFlexItem--flexGrow7 {
-    -webkit-flex-grow: 7;
-            flex-grow: 7; }
-  .euiFlexItem.euiFlexItem--flexGrow8 {
-    -webkit-flex-grow: 8;
-            flex-grow: 8; }
-  .euiFlexItem.euiFlexItem--flexGrow9 {
-    -webkit-flex-grow: 9;
-            flex-grow: 9; }
-  .euiFlexItem.euiFlexItem--flexGrow10 {
-    -webkit-flex-grow: 10;
-            flex-grow: 10; }
-
-@media only screen and (max-width: 574px) {
-  .euiFlexGroup--responsive > .euiFlexItem,
-  .euiFlexGrid--responsive > .euiFlexItem {
-    width: 100% !important;
-    -webkit-flex-basis: 100% !important;
-            flex-basis: 100% !important;
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-    margin-bottom: 16px !important; } }
-
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiFlexGroup--responsive > .euiFlexItem,
-  .euiFlexGrid--responsive > .euiFlexItem {
-    width: 100% !important;
-    -webkit-flex-basis: 100% !important;
-            flex-basis: 100% !important;
-    margin-left: 0 !important;
-    margin-right: 0 !important;
-    margin-bottom: 16px !important; } }
-
 /**
   * 1. Float above the visual radio and match its dimension, so that when users try to click it
   *    they actually click this input.

package/dist/eui_theme_dark.json

@@ -48,31 +48,6 @@
     "l": "8px"
   },
   "euiEmptyPromptContentMaxWidth": "36em",
-  "gutterTypes": {
-    "gutterExtraSmall": "4px",
-    "gutterSmall": "8px",
-    "gutterMedium": "16px",
-    "gutterLarge": "24px",
-    "gutterExtraLarge": "40px"
-  },
-  "fractions": {
-    "fourths": {
-      "percentage": "25%",
-      "count": 4
-    },
-    "thirds": {
-      "percentage": "33.3%",
-      "count": 3
-    },
-    "halves": {
-      "percentage": "50%",
-      "count": 2
-    },
-    "single": {
-      "percentage": "100%",
-      "count": 1
-    }
-  },
   "euiFilePickerTallHeight": "128px",
   "euiRangeLevelColors": {
     "primary": "#36a2ef",

package/dist/eui_theme_dark.json.d.ts

@@ -49,31 +49,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
       l: string;
     };
     euiEmptyPromptContentMaxWidth: string;
-    gutterTypes: {
-      gutterExtraSmall: string;
-      gutterSmall: string;
-      gutterMedium: string;
-      gutterLarge: string;
-      gutterExtraLarge: string;
-    };
-    fractions: {
-      fourths: {
-        percentage: string;
-        count: number;
-      };
-      thirds: {
-        percentage: string;
-        count: number;
-      };
-      halves: {
-        percentage: string;
-        count: number;
-      };
-      single: {
-        percentage: string;
-        count: number;
-      };
-    };
     euiFilePickerTallHeight: string;
     euiRangeLevelColors: {
       primary: string;