Releases: elastic/eui
Releases · elastic/eui
v100.0.0
- Added new "Borealis" theme as
@elastic/eui-theme-borealis
package (#8030) (#8386) - Updated the default
theme
value onEuiProvider
to "Borealis" (#8288) (#8386) - Added shared theme code as
@elastic/eui-theme-common
package (#8030) (#8386) - Added new semantic color tokens on
euiTheme.colors
(#8097) (#8386)textPrimary
textAccent
textAccentSecondary
textSuccess
textWarning
textDanger
textParagraph
textHeading
textSubdued
textDisabled
textInverse
backgroundBasePrimary
backgroundBaseAccent
backgroundBaseAccentSecondary
backgroundBaseSuccess
backgroundBaseWarning
backgroundBaseDanger
backgroundBaseSubdued
backgroundBasePlain
backgroundBaseDisabled
backgroundBaseHighlighted
backgroundBaseFormsPrepend
backgroundBaseFormsControlDisabled
backgroundBaseInteractiveHover
backgroundBaseInteractiveSelect
backgroundBaseInteractiveOverlay
backgroundBaseSkeletonEdge
backgroundBaseSkeletonMiddle
backgroundLightPrimary
backgroundLightAccent
backgroundLightAccentSecondary
backgroundLightSuccess
backgroundLightWarning
backgroundLightDanger
backgroundLightText
backgroundFilledPrimary
backgroundFilledAccent
backgroundFilledAccentSecondary
backgroundFilledSuccess
backgroundFilledWarning
backgroundFilledDanger
backgroundFilledText
borderBasePrimary
borderBaseAccent
borderBaseAccentSecondary
borderBaseSuccess
borderBaseWarning
borderBaseDanger
borderBasePlain
borderBaseSubdued
borderBaseDisabled
borderBaseFloating
borderBaseFormsColorSwatch
borderBaseFormsControl
borderStrongPrimary
borderStrongAccent
borderStrongAccentSecondary
borderStrongSuccess
borderStrongWarning
borderStrongDanger
- Added deprecation for non-semantic color tokens (#8097) (#8386)
- Added new component specific tokens on
euiTheme.components
(#8097) (#8386)- added
components.buttons
,components.forms
for shared tokens (e.g.components.forms.maxWidth
)
- added
- Added data vis color tokens on
euiTheme.colors.vis
(#8112) (#8386)euiColorVis0
euiColorVis1
euiColorVis2
euiColorVis3
euiColorVis4
euiColorVis5
euiColorVis6
euiColorVis7
euiColorVis8
euiColorVis9
euiColorVisBehindText0
euiColorVisBehindText1
euiColorVisBehindText2
euiColorVisBehindText3
euiColorVisBehindText4
euiColorVisBehindText5
euiColorVisBehindText6
euiColorVisBehindText7
euiColorVisBehindText8
euiColorVisBehindText9
euiColorVisAsTextLight0
euiColorVisAsTextLight1
euiColorVisAsTextLight2
euiColorVisAsTextLight3
euiColorVisAsTextLight4
euiColorVisAsTextLight5
euiColorVisAsTextLight6
euiColorVisAsTextDark0
euiColorVisAsTextDark1
euiColorVisAsTextDark2
euiColorVisAsTextDark3
euiColorVisAsTextDark4
euiColorVisAsTextDark5
euiColorVisAsTextDark6
euiColorVisSuccess0
euiColorVisSuccess1
euiColorVisWarning0
euiColorVisDanger0
euiColorVisDanger1
euiColorVisNeutral0
euiColorVisGrey0
euiColorVisGrey1
euiColorVisGrey2
euiColorVisGrey3
euiColorVisWarm0
euiColorVisWarm1
euiColorVisWarm2
euiColorVisCool0
euiColorVisCool1
euiColorVisCool2
euiColorVisComplementary0
euiColorVisComplementary1
- Added severity colors to
euiTheme.colors.vis
(#8247) (#8386)euiColorSeverity0
euiColorSeverity1
euiColorSeverity2
euiColorSeverity3
euiColorSeverity4
euiColorSeverity5
euiColorSeverity6
euiColorSeverity7
euiColorSeverity8
euiColorSeverity9
euiColorSeverity10
euiColorSeverity11
euiColorSeverity12
euiColorSeverity13
euiColorSeverity14
- Updated color palette functions to support multiple themes by retrieving colors from the new
EuiVisColorStore
(#8112) (#8386) - Added new semantic tokens to SCSS variables (#8097) (#8386)
- Added new semantic tokens to static JSON exports (#8115) (#8386)
- Updated mixin functions
euiBackgroundColor
,euiBorderColor
,euiButtonColor
,euiButtonFilledColor
andeuiButtonEmptyColor
to return tokens (#8097) (#8386) - Updated usages of
transparentize
,shade
andtint
with tokens (#8097) (#8386) - Added hooks for color palette functions (#8284) (#8386)
useEuiPaletteColorBlind
useEuiPaletteColorBlindBehindText
useEuiPaletteForStatus
useEuiPaletteForTemperature
useEuiPaletteComplementary
useEuiPaletteRed
useEuiPaletteGreen
useEuiPaletteCool
useEuiPaletteWarm
useEuiPaletteGray
- Updated
EuiPopover
,EuiToolTip
,EuiTour
andEuiRange
with shared popover arrow styles (#8212pull/8212) (#8386) - Updated border styles on
EuiPanel
to use pseudo element borders (#8270) (#8386)
Bug fixes
- Fixed
EuiComboBox
by cleaning duplicated values when having a delimiter prop. (#8335)
Breaking changes
v99.4.0
- Added
quickSelectButtonProps
toEuiSuperDatePicker
(#8380) - Minor design updates to
EuiCollapsibleNavBeta
(#8332)- Allow section without a title
- Second-level icons should be horizontally aligned with the top-level icon
- Turn off text truncation for nav items
Bug fixes
- Fixed a bug in
EuiHeader
where the navigation ofEuiCollapsibleNavBeta
would render below theEuiFlyout
's overlay (#8325)
Accessibility
- Improved the accessibility of
EuiComboBox
by addingaria-setsize
andaria-posinset
to ensure correct information is provided for its virtualized listbox (#8333) - Improved the
EuiAccordionTrigger
's screen reader UX by passedaria-hidden
to theEuiAccordionArrow
to avoid duplicated announcements by screen readers. (#8342)
v99.3.0
- Updated table components to support adding tooltips to header cells (#8273)
- Added
columns.nameTooltip
onEuiBasicTable
- Added
tooltipProps
prop onEuiTableHeaderCell
- Added
- Added
accent
color option toEuiCallOut
(#8303) - Updated
EuiInlineEditForm
'sonCancel
prop type to allow uncontrolled mode usage (#8307) - Added ES|QL syntax highlighting for
EuiCode
,EuiCodeBlock
,EuiMarkdownFormat
, andEuiMarkdownEditor
components. (#8317) - Updated
EuiAccordion
to prevent content from being transitioned on initial render wheninitialIsOpen=true
(#8327)
Bug fixes
- Fixed a bug on
EuiSuperDatePicker
where pasting an absolute date would append the date instead of replace it (#8311)
v99.2.0
v98.2.2-borealis.0
Bug fixes
- Fixed an issue with EuiDataGrid with auto row height resulting in a table of 0 height (#8251)
v99.1.0
v99.0.0
Bug fixes
- Ensures that the
values
ofEuiI18n
used inEuiPagination
usekey
attributes to prevent potential "unique key" warnings. (#8243)
Breaking changes
- Removed
EuiPopover
's deprecatedhasDragDrop
prop. UseusePortal
on any childEuiDraggable
instead (#8256)
v98.2.1
v98.2.0
- Added two new icons:
contrast
andcontrastHigh
(#8216) - Updated
EuiDataGrid
content to have a transparent background. (#8220)
Accessibility
- When the tooltips components (
EuiTooltip
,EuiIconTip
) are used inside components that handle the Escape key (likeEuiFlyout
orEuiModal
), pressing the Escape key will now only close the tooltip and not the entire wrapping component. (#8140) - Improved the accessibility of
EuiCodeBlock
s by (#8195)- adding screen reader only labels
- adding
role="dialog"
on in fullscreen mode - ensuring focus is returned on closing fullscreen mode
v98.1.0
- Updated
EuiBetaBadge
with a newwarning
color variant (#8177)
Accessibility
- Ensures
autoFocus
onEuiSelectableList
triggers initial focus (#8091) - Improved the accessibility of
EuiSearchBarFilters
by: (#8091)- adding a more descriptive
aria-label
to selection filter buttons - ensuring the selection listbox is initially focused when opening a selection popover
- adding a more descriptive
- Improved the accessibility experience of tabs (EuiTab, EuiTabs): tab group is a tab stop and tabs can be traversed with arrow keys. (#8116)
- Updated
EuiCodeBlock
with a newcopyAriaLabel
prop, which allows setting a custom screen reader label on the copy button. (#8176)
CSS-in-JS conversions
- Removed the following global Sass variables: (#8169)
$euiButtonMinWidth
$euiDatePickerCalendarWidth
- Removed the following Sass animations: (#8169)
euiAnimFadeIn
euiGrow
focusRingAnimate
focusRingAnimateLarge
euiButtonActive
- Removed the following Sass mixins: (#8169)
euiFullHeight
euiSlightShadowHover
datePickerArrow