@elastic/eui 77.0.0 → 77.1.0

package/dist/eui_theme_dark.css

@@ -1798,11 +1798,10 @@ The following files still use the Sass version:
   width: 100%;
   height: auto;
   padding: 4px 8px;
+  padding-right: var(--eui-form-control-layout-icons-padding, 8px); /* 2 */
   display: -webkit-flex;
   display: flex; /* 1 */
   outline: none;
-  padding-right: 40px;
-  /* 2 */
 }
 .euiComboBox .euiComboBox__inputWrap--fullWidth {
   max-width: 100%;
@@ -1848,10 +1847,6 @@ The following files still use the Sass version:
   box-shadow: none !important;
   border-radius: 0;
 }
-.euiComboBox .euiComboBox__inputWrap--withIcon {
-  padding-left: 40px;
-}
-
 .euiComboBox .euiComboBox__inputWrap--fullWidth {
   max-width: 100%;
 }
@@ -1877,22 +1872,6 @@ The following files still use the Sass version:
 .euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap):hover {
   cursor: text;
 }
-.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
-  padding-right: 62px;
-  /* 2 */
-}
-.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading {
-  padding-right: 62px;
-  /* 2 */
-}
-.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading .euiComboBoxPlaceholder {
-  padding-right: 62px;
-  /* 2 */
-}
-.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading.euiComboBox__inputWrap-isClearable {
-  padding-right: 84px;
-  /* 2 */
-}
 .euiComboBox .euiComboBox__input {
   display: -webkit-inline-flex !important;
   display: inline-flex !important; /* 1 */
@@ -1968,24 +1947,6 @@ The following files still use the Sass version:
   line-height: 32px; /* 2 */
   padding-top: 0;
   padding-bottom: 0;
-  padding-right: 32px;
-  /* 2 */
-}
-.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
-  padding-right: 54px;
-  /* 2 */
-}
-.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading {
-  padding-right: 54px;
-  /* 2 */
-}
-.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading .euiComboBoxPlaceholder {
-  padding-right: 54px;
-  /* 2 */
-}
-.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading.euiComboBox__inputWrap-isClearable {
-  padding-right: 76px;
-  /* 2 */
 }
 .euiComboBox .euiFormControlLayout__prepend,
 .euiComboBox .euiFormControlLayout__append {
@@ -2859,7 +2820,7 @@ The following files still use the Sass version:
           align-items: center;
 }
 
-.euiDatePickerRange--isInvalid .euiDatePickerRange__delimeter {
+.euiDatePickerRange--isInvalid:not(.euiDatePickerRange--isDisabled):not(.euiDatePickerRange--readOnly) .euiDatePickerRange__delimeter {
   background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
   background-size: 100%;
 }
@@ -5128,9 +5089,6 @@ The following files still use the Sass version:
   border: none;
   border-radius: 6px;
   padding: 12px;
-  /* Invalid state normally comes from :invalid, but several components
-  /* like EuiDatePicker need it toggled through an extra class.
-  */
 }
 .euiFieldText--fullWidth {
   max-width: 100%;
@@ -5262,11 +5220,6 @@ The following files still use the Sass version:
   padding-left: 40px;
 }
 
-.euiFieldText.euiFieldText-isInvalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-
 .euiFieldText--withIcon.euiFieldText--compressed {
   padding-left: 32px;
 }
@@ -5388,8 +5341,8 @@ The following files still use the Sass version:
 .euiFilePicker--large.euiFilePicker--compressed .euiFilePicker__prompt {
   height: 104px; /* 4 */
 }
-.euiFilePicker-isInvalid .euiFilePicker__prompt {
-  border: 2px dashed #F86B63;
+.euiFilePicker-isInvalid:not(.euiFilePicker__showDrop) .euiFilePicker__input:not(:disabled):not(:focus) + .euiFilePicker__prompt {
+  border-color: #F86B63;
 }
 
 .euiFilePicker__promptText {
@@ -5944,33 +5897,43 @@ The following files still use the Sass version:
   height: 100%;
 }
 .euiFormControlLayout--1icons {
+  --eui-form-control-layout-icons-padding: 34px;
   padding-right: 34px;
 }
 .euiFormControlLayout--1icons[class*=compressed] {
+  --eui-form-control-layout-icons-padding: 26px;
   padding-right: 26px;
 }
 .euiFormControlLayout--2icons {
+  --eui-form-control-layout-icons-padding: 56px;
   padding-right: 56px;
 }
 .euiFormControlLayout--2icons[class*=compressed] {
+  --eui-form-control-layout-icons-padding: 44px;
   padding-right: 44px;
 }
 .euiFormControlLayout--3icons {
+  --eui-form-control-layout-icons-padding: 78px;
   padding-right: 78px;
 }
 .euiFormControlLayout--3icons[class*=compressed] {
+  --eui-form-control-layout-icons-padding: 62px;
   padding-right: 62px;
 }
 .euiFormControlLayout--4icons {
+  --eui-form-control-layout-icons-padding: 100px;
   padding-right: 100px;
 }
 .euiFormControlLayout--4icons[class*=compressed] {
+  --eui-form-control-layout-icons-padding: 80px;
   padding-right: 80px;
 }
 .euiFormControlLayout--5icons {
+  --eui-form-control-layout-icons-padding: 122px;
   padding-right: 122px;
 }
 .euiFormControlLayout--5icons[class*=compressed] {
+  --eui-form-control-layout-icons-padding: 98px;
   padding-right: 98px;
 }
 
@@ -6941,6 +6904,14 @@ The following files still use the Sass version:
   height: auto;
 }
 
+.euiFormControlLayout--euiTextArea {
+  height: auto;
+}
+.euiFormControlLayout--euiTextArea .euiFormControlLayoutIcons {
+  top: auto;
+  bottom: 12px;
+}
+
 .euiTextArea--resizeVertical {
   resize: vertical;
 }