Skip to content

v96.0.0
Compare
Choose a tag to compare
@cee-chen cee-chen released this 01 Oct 17:13
· 52 commits to main since this release
v96.0.0
945cd67
  • Improved EuiPageHeader/EuiPageTemplate.Header's responsive UX: (#8044)
    • rightSideItems are no longer pushed to the side by wide tabs content
    • rightSideItems now wrap more responsively at smaller container widths
  • Updated EuiDraggable with a new usePortal prop. (#8048)
    • This prop portals the dragged element to the body, allowing it to escape stacking contexts which prevents buggy drag positioning in e.g. popovers, modals, and flyouts.

Bug fixes

  • Fixed EuiProvider's system color mode detection causing errors during server-side rendering (#8040)
  • Fixed an EuiDataGrid rendering bug that was causing bouncing scrollbar issues (#8041)
  • Fixed EuiSearchBox skips input when running with React 18 in Legacy Mode (#8047)

Deprecations

  • Deprecated EuiPopover's hasDragDrop prop. Use EuiDraggable's new usePortal prop instead. (#8048)

Breaking changes

  • Removed the following exported .css files: (#8045)
    • @elastic/eui/dist/eui_theme_light.css
    • @elastic/eui/dist/eui_theme_light.min.css
    • @elastic/eui/dist/eui_theme_dark.css
    • @elastic/eui/dist/eui_theme_dark.min.css
  • All EUI components are now on CSS-in-JS. A CSS file/import in consuming applications is no longer needed, and is safe to remove. (#8045)
  • Removed all src/theme/legacy Sass exports (#8054)

CSS-in-JS conversions

  • Removed the following component-specific Sass variables: (#8031)
    • $euiButtonColorDisabled
    • $euiButtonColorDisabledText
    • $euiButtonColorGhostDisabled
    • $euiButtonFontWeight
    • $euiFormControlIconSizes
    • $euiFormControlLayoutGroupInputHeight
    • $euiFormControlLayoutGroupInputCompressedHeight
    • $euiFormControlLayoutGroupInputCompressedBorderRadius
    • $euiPageSidebarMinWidth
    • $euiPageDefaultMaxWidth
    • $euiPanelPaddingModifiers
    • $euiPanelBorderRadiusModifiers
    • $euiPanelBackgroundColorModifiers
    • $euiRangeTrackColor
    • $euiRangeHighlightColor
    • $euiRangeThumbHeight
    • $euiRangeThumbWidth
    • $euiRangeThumbBorderColor
    • $euiRangeThumbBackgroundColor
    • $euiRangeTrackWidth
    • $euiRangeTrackHeight
    • $euiRangeTrackCompressedHeight
    • $euiRangeTrackBorderWidth
    • $euiRangeTrackBorderColor
    • $euiRangeTrackRadius
    • $euiRangeDisabledOpacity
    • $euiRangeHighlightHeight
    • $euiRangeHighlightCompressedHeight
    • $euiRangeHeight
    • $euiRangeCompressedHeight
    • $euiTooltipAnimations
    • $euiTooltipBackgroundColor
    • $euiTooltipBorderColor
  • Removed the following Sass mixins due to low external usage: (#8031)
    • euiHoverState
    • euiFocusState
    • euiDisabledState
    • euiInteractiveStates
    • euiFormControlStyle
    • euiFormControlStyleCompressed
    • euiFormControlFocusStyle
    • euiFormControlInvalidStyle
    • euiFormControlDisabledTextStyle
    • euiFormControlDisabledStyle
    • euiFormControlReadOnlyStyle
    • euiFormControlText
    • euiFormControlSize
    • euiFormControlGradient
    • euiFormControlLayoutPadding
    • euiFormControlWithIcon
    • euiFormControlIsLoading
    • euiFormControlSideBorderRadius
    • euiPlaceholderPerBrowser
    • euiHiddenSelectableInput
    • euiLink
    • euiLoadingSpinnerBorderColors
    • euiRangeTrackSize
    • euiRangeTrackPerBrowser
    • euiRangeThumbBorder
    • euiRangeThumbBoxShadow
    • euiRangeThumbFocusBoxShadow
    • euiRangeThumbStyle
    • euiRangeThumbPerBrowser
    • euiRangeThumbFocus
    • euiToolTipAnimation
Assets 2
Loading