• Updated EuiHeaderLinks's mobile menu to set a slight popover padding by default (#7961)
  • This can be overridden via popoverProps.panelPaddingSize if needed.
• Updated EuiHeaderLink to default to a size of s (down from m) (#7961)

Accessibility

• Updated the aria-label attribute for the EuiFieldSearch clear button (#7970)

Bug fixes

• Fixed a visual bug with <EuiDualRange showInput="inputWithPopover" /> form controls (#7957)

Deprecations

• Deprecated EuiFormRow's columnCompressedSwitch display prop. Use columnCompressed instead, which will automatically account for child EuiSwitches (#7968)
• Deprecated EuiFormRow's rowCompressed display prop. Use row instead for vertical forms, or centerCompressed for inline forms (#7968)
• (Styling) Updated EuiFormRow's hasEmptySpaceLabel prop to no longer attempt to automatically align its content to a vertical center. Use the display="center" prop for that instead (#7968)

CSS-in-JS conversions

• Converted EuiFormControlLayout to Emotion (#7954)
  • Removed .euiFormControlLayout--*icons classNames and --eui-form-control-layout-icons-padding CSS var. Use --euiFormControlRightIconsCount or --euiFormControlLeftIconsCount instead
• Converted EuiFormLayoutDelimited to Emotion (#7957)
• Fixed cloneElementWithCss throwing an error when used multiple times without a key prop (#7957)
• Updated cloneElementWithCss utility to support a third argument that allows prepending vs. appending the cloned Emotion css className (#7957)
• Removed @euiFormControlLayoutClearIcon Sass mixin (#7959)
• Converted EuiDescribedFormGroup to Emotion (#7964)
• Converted EuiForm, EuiFormHelpText, and EuiFormErrorText to Emotion (#7966)
• Converted EuiFormLabel and EuiFormLegend to Emotion; Removed @euiFormLabel mixin (#7967)
• Converted EuiFormRow to Emotion (#7968)
• Converted EuiCheckbox to Emotion (#7969)
• Converted EuiRadio to Emotion (#7969)
• Converted EuiSwitch to Emotion (#7969)
• Removed the following Sass variables: (#7969)
  • $euiFormCustomControlDisabledIconColor
  • $euiFormCustomControlBorderColor
  • $euiRadioSize
  • $euiCheckBoxSize
  • $euiCheckboxBorderRadius
  • $euiSwitchHeight (and compressed/mini variants)
  • $euiSwitchWidth (and compressed/mini variants)
  • $euiSwitchThumbSize (and compressed/mini variants)
  • $euiSwitchIconHeight
  • $euiSwitchOffColor
• Removed the following Sass mixins: (#7969)
  • euiIconBackground
  • euiCustomControl
  • euiCustomControlSelected
  • euiCustomControlDisabled
  • euiCustomControlFocused