@elastic/eui 65.0.0 → 66.0.0

package/dist/eui_theme_dark.css

@@ -129,20 +129,6 @@ SOFTWARE.
     -webkit-transform: translateY(1px);
             transform: translateY(1px); } }
 
-/**
-  * IE doesn't properly wrap groups if it is within a flex-item of a flex-group.
-  * Adding the following styles to the flex-item that contains the wrapping group, will fix IE.
-  * https://github.com/philipwalton/flexbugs/issues/104
-  */
-@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-  .euiIEFlexWrapFix {
-    -webkit-flex-grow: 1;
-            flex-grow: 1;
-    -webkit-flex-shrink: 1;
-            flex-shrink: 1;
-    -webkit-flex-basis: 0%;
-            flex-basis: 0%; } }
-
 /**
  * LEGEND
  * __day-name : Week headers like Su, Mo, etc
@@ -468,11 +454,6 @@ SOFTWARE.
     .react-datepicker__month-read-view,
     .react-datepicker__month-year-read-view {
       transition-property: box-shadow, background-image, background-size; } }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .react-datepicker__year-read-view,
-    .react-datepicker__month-read-view,
-    .react-datepicker__month-year-read-view {
-      line-height: 1em; } }
   .react-datepicker__year-read-view::-webkit-input-placeholder,
   .react-datepicker__month-read-view::-webkit-input-placeholder,
   .react-datepicker__month-year-read-view::-webkit-input-placeholder {
@@ -522,8 +503,7 @@ SOFTWARE.
     max-width: 100%;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
-    white-space: nowrap !important;
-    word-wrap: normal !important; }
+    white-space: nowrap !important; }
 
 .react-datepicker__year-dropdown-container,
 .react-datepicker__month-dropdown-container {
@@ -729,8 +709,7 @@ SOFTWARE.
   max-width: 100%;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  word-wrap: normal !important; }
+  white-space: nowrap !important; }
 
 .react-datepicker__month {
   text-align: center;
@@ -811,9 +790,6 @@ SOFTWARE.
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
-    word-wrap: normal !important;
-    -webkit-flex: 1 1 auto;
-            flex: 1 1 auto;
     text-align: inherit;
     font-weight: inherit;
     line-height: inherit;
@@ -823,8 +799,6 @@ SOFTWARE.
     .euiBadge .euiBadge__childButton:not(:disabled):hover, .euiBadge .euiBadge__childButton:not(:disabled):focus {
       text-decoration: underline; }
   .euiBadge .euiBadge__iconButton {
-    -webkit-flex: 0 0 auto;
-            flex: 0 0 auto;
     font-size: 0;
     margin-left: 4px; }
     .euiBadge .euiBadge__iconButton:focus {
@@ -840,15 +814,9 @@ SOFTWARE.
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
-    word-wrap: normal !important;
-    -webkit-flex: 1 1 auto;
-            flex: 1 1 auto;
     cursor: default; }
-  .euiBadge .euiBadge__icon {
-    -webkit-flex: 0 0 auto;
-            flex: 0 0 auto; }
-    .euiBadge .euiBadge__icon:not(:only-child) {
-      margin-left: 4px; }
+  .euiBadge .euiBadge__icon:not(:only-child) {
+    margin-left: 4px; }
   .euiBadge.euiBadge--iconLeft .euiBadge__content {
     -webkit-flex-direction: row-reverse;
             flex-direction: row-reverse; }
@@ -2199,9 +2167,6 @@ SOFTWARE.
     @supports (-moz-appearance: none) {
       .euiComboBox .euiComboBox__inputWrap {
         transition-property: box-shadow, background-image, background-size; } }
-    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-      .euiComboBox .euiComboBox__inputWrap {
-        line-height: 1em; } }
     .euiComboBox .euiComboBox__inputWrap::-webkit-input-placeholder {
       color: #81858f;
       opacity: 1; }
@@ -2381,7 +2346,6 @@ SOFTWARE.
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
-    word-wrap: normal !important;
     line-height: 24px;
     font-size: 14px;
     padding: 0;
@@ -2394,7 +2358,6 @@ SOFTWARE.
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
-  word-wrap: normal !important;
   padding-right: 40px;
   position: absolute;
   pointer-events: none;
@@ -2416,7 +2379,6 @@ SOFTWARE.
 
 .euiComboBoxOptionsList__empty {
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   /* 2 */
   padding: 8px;
@@ -2554,7 +2516,6 @@ SOFTWARE.
 
 .euiContextMenuPanelTitle {
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   color: #DFE5EF;
   font-size: 14px;
@@ -2816,7 +2777,6 @@ SOFTWARE.
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
-  word-wrap: normal !important;
   font-size: 14px;
   font-size: 1rem;
   line-height: 1.71429rem;
@@ -2830,7 +2790,6 @@ SOFTWARE.
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
-  word-wrap: normal !important;
   font-size: 14px;
   font-size: 1rem;
   line-height: 1.71429rem;
@@ -3107,9 +3066,6 @@ SOFTWARE.
   word-break: break-all;
   transition: background 150ms ease-in;
   background-size: 100%; }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .euiDatePopoverButton {
-      line-height: 1em; } }
   .euiDatePopoverButton::-webkit-input-placeholder {
     color: #81858f;
     opacity: 1; }
@@ -3260,9 +3216,6 @@ SOFTWARE.
   -webkit-justify-content: space-between;
           justify-content: space-between;
   text-align: left; }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .euiSuperDatePicker__prettyFormat {
-      line-height: 1em; } }
   .euiSuperDatePicker__prettyFormat::-webkit-input-placeholder {
     color: #81858f;
     opacity: 1; }
@@ -3451,7 +3404,6 @@ SOFTWARE.
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
-    word-wrap: normal !important;
     overflow: hidden;
     white-space: nowrap;
     text-align: left;
@@ -3651,7 +3603,6 @@ SOFTWARE.
     text-transform: capitalize; }
   .euiDataGridRowCell .euiDataGridRowCell__definedHeight {
     overflow-wrap: break-word !important;
-    word-wrap: break-word !important;
     word-break: break-word;
     -webkit-flex-grow: 1;
             flex-grow: 1; }
@@ -3662,7 +3613,6 @@ SOFTWARE.
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
-    word-wrap: normal !important;
     overflow: hidden;
     white-space: nowrap; }
 
@@ -3672,7 +3622,10 @@ SOFTWARE.
   overflow: auto;
   max-width: 400px !important;
   max-height: 400px !important;
-  z-index: 1000 !important; }
+  z-index: 1000 !important;
+  -webkit-filter: none;
+          filter: none;
+  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
   .euiDataGridRowCell__popover::-webkit-scrollbar {
     width: 16px;
     height: 16px; }
@@ -4308,7 +4261,6 @@ SOFTWARE.
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
-  word-wrap: normal !important;
   min-width: 48px; }
   .euiFilterButton__textShift::after {
     display: block;
@@ -4349,8 +4301,7 @@ SOFTWARE.
   max-width: 100%;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  word-wrap: normal !important; }
+  white-space: nowrap !important; }
 
 .euiFilterSelect__items {
   scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
@@ -4382,27 +4333,18 @@ SOFTWARE.
   color: #98A2B3;
   font-size: 14px; }
 
-/**
- * 1. Not always needed, but fixes an IE11 issue when flex-groups are nested under display: flex elements.
- * 2. IE requires a unit to grow.
- */
 .euiFlexGroup {
   display: -webkit-flex;
   display: flex;
   -webkit-align-items: stretch;
           align-items: stretch;
   -webkit-flex-grow: 1;
-          flex-grow: 1;
-  /* 1 */ }
+          flex-grow: 1; }
   .euiFlexGroup .euiFlexItem {
     -webkit-flex-grow: 1;
             flex-grow: 1;
     -webkit-flex-basis: 0%;
-            flex-basis: 0%;
-    /* 2 */ }
-    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-      .euiFlexGroup .euiFlexItem {
-        min-width: 1px; } }
+            flex-basis: 0%; }
 
 .euiFlexGroup--gutterExtraSmall {
   margin: -2px; }
@@ -4841,8 +4783,6 @@ SOFTWARE.
 
 /**
  * 1. Allow EuiPanels to expand to fill the item.
- * 2. IE11 hack forces inner content of flex items to respect a higher parent's width (mostly) and
- *    not cause weird wrapping issues.
  */
 .euiFlexItem {
   display: -webkit-flex;
@@ -4855,10 +4795,6 @@ SOFTWARE.
    * 1. We need the extra specificity here to override the FlexGroup > FlexItem styles.
    * 2. FlexItem can be manually set to not grow if needed.
    */ }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .euiFlexItem {
-      min-width: 1px;
-      /* 2 */ } }
   .euiFlexItem.euiFlexItem--flexGrowZero {
     /* 1 */
     -webkit-flex-grow: 0;
@@ -5345,9 +5281,6 @@ SOFTWARE.
   @supports (-moz-appearance: none) {
     .euiFieldNumber {
       transition-property: box-shadow, background-image, background-size; } }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .euiFieldNumber {
-      line-height: 1em; } }
   .euiFieldNumber::-webkit-input-placeholder {
     color: #81858f;
     opacity: 1; }
@@ -5474,9 +5407,6 @@ SOFTWARE.
   @supports (-moz-appearance: none) {
     .euiFieldPassword {
       transition-property: box-shadow, background-image, background-size; } }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .euiFieldPassword {
-      line-height: 1em; } }
   .euiFieldPassword::-webkit-input-placeholder {
     color: #81858f;
     opacity: 1; }
@@ -5575,7 +5505,6 @@ SOFTWARE.
 /*
  * 1. Fix for Safari to ensure that it renders like a normal text input
  *    and doesn't add extra spacing around text
- * 2. Remove the X clear button from input type search in Chrome and IE
 */
 .euiFieldSearch {
   max-width: 400px;
@@ -5610,9 +5539,6 @@ SOFTWARE.
   @supports (-moz-appearance: none) {
     .euiFieldSearch {
       transition-property: box-shadow, background-image, background-size; } }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .euiFieldSearch {
-      line-height: 1em; } }
   .euiFieldSearch::-webkit-input-placeholder {
     color: #81858f;
     opacity: 1; }
@@ -5709,9 +5635,6 @@ SOFTWARE.
   .euiFieldSearch::-webkit-search-decoration, .euiFieldSearch::-webkit-search-cancel-button {
     -webkit-appearance: none;
     /* 1, 2 */ }
-  .euiFieldSearch::-ms-clear {
-    display: none;
-    /* 2 */ }
 
 .euiFieldSearch--compressed {
   padding-left: 32px; }
@@ -5749,9 +5672,6 @@ SOFTWARE.
   @supports (-moz-appearance: none) {
     .euiFieldText {
       transition-property: box-shadow, background-image, background-size; } }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .euiFieldText {
-      line-height: 1em; } }
   .euiFieldText::-webkit-input-placeholder {
     color: #81858f;
     opacity: 1; }
@@ -5970,7 +5890,6 @@ SOFTWARE.
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
-  word-wrap: normal !important;
   line-height: 16px; }
   .euiFilePicker:not(.euiFilePicker--large):not(.euiFilePicker-hasFiles) .euiFilePicker__promptText {
     color: #535966; }
@@ -6123,9 +6042,6 @@ SOFTWARE.
   @supports (-moz-appearance: none) {
     .euiSelect {
       transition-property: box-shadow, background-image, background-size; } }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .euiSelect {
-      line-height: 1em; } }
   .euiSelect::-webkit-input-placeholder {
     color: #81858f;
     opacity: 1; }
@@ -6320,9 +6236,6 @@ SOFTWARE.
   @supports (-moz-appearance: none) {
     .euiSuperSelectControl {
       transition-property: box-shadow, background-image, background-size; } }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .euiSuperSelectControl {
-      line-height: 1em; } }
   .euiSuperSelectControl::-webkit-input-placeholder {
     color: #81858f;
     opacity: 1; }
@@ -6500,7 +6413,6 @@ SOFTWARE.
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
-    word-wrap: normal !important;
     -webkit-flex-shrink: 0;
             flex-shrink: 0;
     height: 100%;
@@ -6631,8 +6543,6 @@ SOFTWARE.
         transition-property: box-shadow, background-image, background-size; } }
     .euiFormControlLayoutDelimited[class*='--compressed'] .euiFormControlLayoutDelimited__input {
       height: 100%;
-      padding-top: 0;
-      padding-bottom: 0;
       padding-left: 8px;
       padding-right: 8px; }
     .euiFormControlLayoutDelimited[class*='--compressed'] .euiFormControlLayoutIcons {
@@ -6672,9 +6582,7 @@ SOFTWARE.
   .euiFormControlLayoutDelimited .euiFormControlLayoutIcons {
     position: static;
     padding-left: 12px;
-    padding-right: 12px;
-    -webkit-flex-shrink: 0;
-            flex-shrink: 0; }
+    padding-right: 12px; }
     .euiFormControlLayoutDelimited .euiFormControlLayoutIcons:not(.euiFormControlLayoutIcons--right) {
       -webkit-order: -1;
               order: -1; }
@@ -6795,7 +6703,6 @@ SOFTWARE.
   font-size: 0.85714rem;
   line-height: 1.14286rem;
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   color: #DFE5EF;
   font-weight: 600; }
@@ -6820,7 +6727,6 @@ SOFTWARE.
   font-size: 0.85714rem;
   line-height: 1.14286rem;
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   color: #DFE5EF;
   font-weight: 600;
@@ -6882,8 +6788,7 @@ SOFTWARE.
           align-items: stretch; }
   .euiFormRow--horizontal .euiFormRow__label {
     -webkit-hyphens: auto;
-            hyphens: auto;
-    max-width: 100%; }
+            hyphens: auto; }
   .euiFormRow--horizontal .euiFormRow__labelWrapper {
     display: block;
     line-height: 31px;
@@ -7654,9 +7559,6 @@ SOFTWARE.
   @supports (-moz-appearance: none) {
     .euiTextArea {
       transition-property: box-shadow, background-image, background-size; } }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .euiTextArea {
-      line-height: 1em; } }
   .euiTextArea::-webkit-input-placeholder {
     color: #81858f;
     opacity: 1; }
@@ -7866,7 +7768,6 @@ SOFTWARE.
 
 .euiHeaderLogo__text {
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   color: #DFE5EF;
   font-size: 22px;
@@ -7884,7 +7785,6 @@ SOFTWARE.
     height: 24px; }
   .euiHeaderLogo__text {
     overflow-wrap: break-word !important;
-    word-wrap: break-word !important;
     word-break: break-word;
     color: #DFE5EF;
     font-size: 16px;
@@ -7911,7 +7811,6 @@ SOFTWARE.
     opacity: 1; }
   .euiHeaderAlert .euiHeaderAlert__title {
     overflow-wrap: break-word !important;
-    word-wrap: break-word !important;
     word-break: break-word;
     color: #DFE5EF;
     font-size: 16px;
@@ -8171,13 +8070,9 @@ SOFTWARE.
           align-items: center;
   transition: background-color 150ms;
   position: relative; }
-  .euiListGroupItem.euiListGroupItem-isActive, .euiListGroupItem.euiListGroupItem-isClickable:hover {
+  .euiListGroupItem.euiListGroupItem-isActive, .euiListGroupItem.euiListGroupItem-isClickable:hover, .euiListGroupItem.euiListGroupItem-isClickable:focus-within {
     background-color: rgba(52, 55, 65, 0.25); }
-  .euiListGroupItem.euiListGroupItem-isClickable:focus-within {
-    background-color: rgba(52, 55, 65, 0.25); }
-  .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:hover {
-    background-color: rgba(255, 255, 255, 0.1); }
-  .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:focus-within {
+  .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:hover, .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:focus-within {
     background-color: rgba(255, 255, 255, 0.1); }
   .euiListGroupItem.euiListGroupItem-isClickable:hover .euiListGroupItem__button,
   .euiListGroupItem .euiListGroupItem__button:hover,
@@ -8191,17 +8086,6 @@ SOFTWARE.
     background-color: transparent;
     text-decoration: none; }
 
-@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-  .euiListGroupItem__button:hover,
-  .euiListGroupItem__button:focus {
-    background-color: rgba(52, 55, 65, 0.25);
-    border-radius: 6px; }
-    .euiListGroupItem__button:hover .euiListGroupItem--ghost .euiListGroupItem__button:hover,
-    .euiListGroupItem__button:hover .euiListGroupItem--ghost .euiListGroupItem__button:focus,
-    .euiListGroupItem__button:focus .euiListGroupItem--ghost .euiListGroupItem__button:hover,
-    .euiListGroupItem__button:focus .euiListGroupItem--ghost .euiListGroupItem__button:focus {
-      background-color: rgba(255, 255, 255, 0.1); } }
-
 .euiListGroupItem__text,
 .euiListGroupItem__button {
   line-height: 24px;
@@ -8210,8 +8094,8 @@ SOFTWARE.
   display: flex;
   -webkit-align-items: center;
           align-items: center;
-  -webkit-flex: 1 0 auto;
-          flex: 1 0 auto;
+  -webkit-flex-grow: 1;
+          flex-grow: 1;
   text-align: left;
   max-width: 100%;
   font-weight: inherit; }
@@ -8648,9 +8532,6 @@ SOFTWARE.
   background-size: 0% 100%;
   margin: 0;
   transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in; }
-  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
-    .euiMarkdownEditorTextArea {
-      line-height: 1em; } }
   .euiMarkdownEditorTextArea::-webkit-input-placeholder {
     color: #81858f;
     opacity: 1; }
@@ -8716,18 +8597,15 @@ SOFTWARE.
   -webkit-transform: translateY(-1px);
           transform: translateY(-1px); }
 
-/**
- * 1. Fix IE overflow issue (min-height) by adding a separate wrapper for the
- *    flex display. https://github.com/philipwalton/flexbugs#flexbug-3
- * 2. IE has trouble with min-widths on flex elements. Use the pixel value
- *    from our forms since that's usually the smallest we want them.
- */
 .euiModal {
   border: 1px solid #343741;
   box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.325), 0 9.4px 24px rgba(0, 0, 0, 0.225), 0 21.8px 43px rgba(0, 0, 0, 0.2);
   display: -webkit-flex;
   display: flex;
-  /* 1 */
+  -webkit-flex-direction: column;
+          flex-direction: column;
+  max-height: 75vh;
+  overflow: hidden;
   position: relative;
   background-color: #1D1E24;
   border-radius: 6px;
@@ -8738,16 +8616,6 @@ SOFTWARE.
   max-width: calc(100vw - 16px); }
   .euiModal:focus {
     outline: none; }
-  .euiModal .euiModal__flex {
-    /* 1 */
-    -webkit-flex: 1 1 auto;
-            flex: 1 1 auto;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-flex-direction: column;
-            flex-direction: column;
-    max-height: 75vh;
-    overflow: hidden; }
 
 .euiModal--maxWidth-default {
   max-width: MIN(768px, calc(100vw - 16px)); }
@@ -8770,7 +8638,6 @@ SOFTWARE.
 
 .euiModalHeader__title {
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   color: #DFE5EF;
   font-size: 27px;
@@ -8864,6 +8731,7 @@ SOFTWARE.
     width: 100vw !important;
     max-width: none !important;
     min-width: 0 !important;
+    max-height: 100vh;
     left: 0;
     right: 0;
     bottom: 0;
@@ -8873,9 +8741,6 @@ SOFTWARE.
     .euiModal.euiModal--confirmation {
       box-shadow: 0 -2.7px 9px rgba(0, 0, 0, 0.325), 0 -9.4px 24px rgba(0, 0, 0, 0.225), 0 -21.8px 43px rgba(0, 0, 0, 0.2);
       top: auto; }
-    .euiModal .euiModal__flex {
-      /* 1 */
-      max-height: 100vh; }
   .euiModalHeader {
     width: 100%; }
   .euiModalFooter {
@@ -8900,6 +8765,7 @@ SOFTWARE.
     width: 100vw !important;
     max-width: none !important;
     min-width: 0 !important;
+    max-height: 100vh;
     left: 0;
     right: 0;
     bottom: 0;
@@ -8909,9 +8775,6 @@ SOFTWARE.
     .euiModal.euiModal--confirmation {
       box-shadow: 0 -2.7px 9px rgba(0, 0, 0, 0.325), 0 -9.4px 24px rgba(0, 0, 0, 0.225), 0 -21.8px 43px rgba(0, 0, 0, 0.2);
       top: auto; }
-    .euiModal .euiModal__flex {
-      /* 1 */
-      max-height: 100vh; }
   .euiModalHeader {
     width: 100%; }
   .euiModalFooter {
@@ -8942,7 +8805,6 @@ SOFTWARE.
 
 .euiNotificationEvent__title {
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   color: #DFE5EF;
   font-size: 16px;
@@ -9160,7 +9022,6 @@ SOFTWARE.
             flex-grow: 0; }
   .euiPageContent.euiPageContent--horizontalCenter {
     width: auto;
-    max-width: 100%;
     margin-left: auto;
     margin-right: auto;
     -webkit-flex-grow: 0;
@@ -9350,7 +9211,6 @@ SOFTWARE.
   overflow: hidden !important;
   text-overflow: ellipsis !important;
   white-space: nowrap !important;
-  word-wrap: normal !important;
   padding-left: 8px;
   display: -webkit-flex;
   display: flex;
@@ -9379,8 +9239,7 @@ SOFTWARE.
   max-width: 100%;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  word-wrap: normal !important; }
+  white-space: nowrap !important; }
 
 .euiTreeView__iconWrapper {
   margin-top: -2px;
@@ -9838,8 +9697,7 @@ SOFTWARE.
   max-width: 100%;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  word-wrap: normal !important; }
+  white-space: nowrap !important; }
 
 .euiSideNavItem--root {
   /**
@@ -9860,7 +9718,6 @@ SOFTWARE.
     /* 1 */ }
     .euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
       overflow-wrap: break-word !important;
-      word-wrap: break-word !important;
       word-break: break-word;
       color: #DFE5EF;
       font-size: 16px;
@@ -10002,7 +9859,6 @@ SOFTWARE.
 
 .euiSelectableList__groupLabel {
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   color: #DFE5EF;
   font-size: 12px;
@@ -10064,8 +9920,7 @@ SOFTWARE.
     max-width: 100%;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
-    white-space: nowrap !important;
-    word-wrap: normal !important; }
+    white-space: nowrap !important; }
 
 /**
   * 1. Prevent really long input from overflowing the container.
@@ -10317,7 +10172,6 @@ SOFTWARE.
 
 .euiStepHorizontal__title {
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   color: #DFE5EF;
   font-size: 16px;
@@ -10373,8 +10227,7 @@ SOFTWARE.
     max-width: 100%;
     overflow: hidden !important;
     text-overflow: ellipsis !important;
-    white-space: nowrap !important;
-    word-wrap: normal !important; }
+    white-space: nowrap !important; }
 
 button.euiSuggestItem {
   width: 100%;
@@ -10447,7 +10300,6 @@ button.euiSuggestItem {
 .euiSuggestItem__label,
 .euiSuggestItem__description {
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   display: inline-block;
   padding: 8px;
@@ -10753,7 +10605,6 @@ button.euiSuggestItem {
           align-self: baseline; }
   .euiSuggestItem__description.euiSuggestItem__description--wrap {
     overflow-wrap: break-word !important;
-    word-wrap: break-word !important;
     word-break: break-word;
     white-space: normal !important; }
 
@@ -10763,10 +10614,6 @@ button.euiSuggestItem {
 .euiSuggestInput__statusIcon {
   background-color: transparent !important; }
 
-/**
- * NOTE: table-layout: fixed causes a bug in IE11 and Edge (see #9929). It also prevents us from
- * specifying a column width, e.g. the checkbox column.
- */
 .euiTable {
   font-size: 14px;
   font-size: 1rem;
@@ -10812,7 +10659,6 @@ button.euiSuggestItem {
   font-weight: inherit;
   text-align: left;
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   color: #DFE5EF;
   font-size: 14px;
@@ -10932,7 +10778,6 @@ button.euiSuggestItem {
 
 .euiTableCellContent__text {
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   /* 4 */
   min-width: 0;
@@ -10954,8 +10799,7 @@ button.euiSuggestItem {
   max-width: 100%;
   overflow: hidden !important;
   text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  word-wrap: normal !important; }
+  white-space: nowrap !important; }
   .euiTableHeaderCell .euiTableCellContent__text,
   .euiTableFooterCell .euiTableCellContent__text,
   .euiTableCellContent--truncateText .euiTableCellContent__text {
@@ -10964,7 +10808,6 @@ button.euiSuggestItem {
 .euiTableCellContent--overflowingContent {
   overflow: visible;
   white-space: normal;
-  word-break: break-all;
   word-break: break-word; }
 
 .euiTableCellContent--showOnHover > *:not(:first-child) {
@@ -11048,7 +10891,6 @@ button.euiSuggestItem {
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
-    word-wrap: normal !important;
     font-size: 9.625px;
     font-size: 0.6875rem;
     display: block;
@@ -11177,8 +11019,6 @@ button.euiSuggestItem {
         .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
           display: none; }
   .euiTable.euiTable--responsive .euiTableRowCell {
-    display: block;
-    /* IE requires block to grow and wrap. */
     min-width: 50%;
     border: none; }
   .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
@@ -11210,7 +11050,6 @@ button.euiSuggestItem {
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
-    word-wrap: normal !important;
     font-size: 9.625px;
     font-size: 0.6875rem;
     display: block;
@@ -11339,8 +11178,6 @@ button.euiSuggestItem {
         .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
           display: none; }
   .euiTable.euiTable--responsive .euiTableRowCell {
-    display: block;
-    /* IE requires block to grow and wrap. */
     min-width: 50%;
     border: none; }
   .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
@@ -11427,7 +11264,6 @@ button.euiSuggestItem {
     overflow: hidden !important;
     text-overflow: ellipsis !important;
     white-space: nowrap !important;
-    word-wrap: normal !important;
     font-size: 14px;
     font-size: 1rem;
     line-height: 1.71429rem;
@@ -11886,7 +11722,6 @@ button.euiSuggestItem {
 
 .euiHeaderLogo__text {
   overflow-wrap: break-word !important;
-  word-wrap: break-word !important;
   word-break: break-word;
   color: #DFE5EF;
   font-size: 14px;
@@ -12229,7 +12064,6 @@ button.euiSuggestItem {
     margin-bottom: 4px; }
     .euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
       overflow-wrap: break-word !important;
-      word-wrap: break-word !important;
       word-break: break-word;
       color: #DFE5EF;
       font-size: 14px;
@@ -12311,7 +12145,6 @@ button.euiSuggestItem {
   .euiTab .euiTab__content,
   .euiTabs--condensed .euiTab .euiTab__content {
     overflow-wrap: break-word !important;
-    word-wrap: break-word !important;
     word-break: break-word;
     color: #DFE5EF;
     font-size: 14px;
@@ -12332,7 +12165,6 @@ button.euiSuggestItem {
   .euiTabs--small .euiTab .euiTab__content,
   .euiTabs--condensed.euiTabs--small .euiTab .euiTab__content {
     overflow-wrap: break-word !important;
-    word-wrap: break-word !important;
     word-break: break-word;
     color: #DFE5EF;
     font-size: 12px;
@@ -12350,7 +12182,6 @@ button.euiSuggestItem {
   .euiTabs--large .euiTab .euiTab__content,
   .euiTabs--condensed.euiTabs--large .euiTab .euiTab__content {
     overflow-wrap: break-word !important;
-    word-wrap: break-word !important;
     word-break: break-word;
     color: #DFE5EF;
     font-size: 16px;