- Converted
EuiRadio
andEuiRadioGroup
to TypeScript (#2438) - Improved a11y in
EuiImage
(#2447) - Made EuiIcon a PureComponent, to speed up React re-render performance (#2448)
- Added ability for
EuiColorStops
to accept user-defined range bounds (#2396) - Added
external
prop toEuiLink
(#2442) - Added disabled state to
EuiBadge
(#2440) - Changed
EuiLink
to appear non interactive when passed thedisabled
prop and anonClick
handler (#2423)
Bug fixes
- Reenabled
width
property forEuiTable
cell components (#2452)
- Added new updated
infraApp
andlogsApp
icons. (#2430)
Bug fixes
- Fixed missing misc. button and link type definition exports (#2434)
- Strip custom semantics from
EuiSideNav
(#2429)
- Update Elastic-Charts to version 13.0.0 and updated the theme object accordingly (#2381)
- Added new
EuiColorStops
component (#2360) - Added
currency
glyph to 'EuiIcon' (#2398) - Migrate
EuiBreadcrumbs
,EuiHeader
etc, andEuiLink
to TypeScript (#2391) - Added
hasChildLabel
prop toEuiFormRow
to avoid duplicate labels (#2411) - Added
component
prop toEuiPageBody
, switching the default fromdiv
tomain
(#2410) - Added focus state to
EuiListGroupItem
(#2406) - Added
keyboardShorcut
glyph to 'EuiIcon (#2413) - Improved a11y in
EuiNavDrawer
(#2417) - Improved a11y in
EuiSuperDatePicker
(#2426)
Bug fixes
- Fixed
EuiSelectable
to accept programmatic updates to itsoptions
prop (#2390) - Fixed poor labeling in
EuiSuperDatePicker
(#2411) - Fixed
EuiCodeEditor
's ID to be dynamic between renders (#2411) - Fixed
EuiCodeEditor
to not render multiple labels for some inputs (#2411) - Fixed
EuiBreadcrumbs
improper use ofuseInnerText
hook (#2425)
- Migrate
EuiEmptyPrompt
andEuiCard
to TS (#2387) - Added Lens app
lensApp
icon (#2389) - Made
EuiKeyPadMenuItem
beta badge smaller (#2388)
- Added
package
icon to glyph set (#2378) - Modified
EuiFacetButton
to use$euiFocusBackgroundColor
for:focus
state (2365) - Added a
showMaxPopover
option forEuiBreadcrumbs
to display all items when amax
is set. (#2342) - Added
data-test-subj
support for basic and in-memory tables' actions (#2353) - Added
ip
icon to glyph set (#2371) - Set
textOnly={true}
for expanded rows inEuiBasicTable
(#2376) - Added
visAreaStacked
,visBarVerticalStacked
, andvisBarHorizontalStacked
icons to glyph set (#2379) - Adjusted style of beta badge on
EuiKeyPadMenuItem
(#2375) - Migrate
EuiFacetGroup
,EuiKeyPadMenu
andEuiCallOut
to TS (#2382)
Bug fixes
- Fixed spacing of
EuiFormErrorText
to matchEuiFormHelpText
(#2354) - Fixed bug in
EuiPopover
where Array.prototype.slice() may have been called on 'undefined' (#2369) - Properly exported
copy
,move
, andreorder
drag-and-drop service methods (#2377)
- Added
compressed
option tobuttonSize
prop of EuiButtonGroup (#2343) - Added disabled states to
EuiCard
,EuiKeyPadMenuItem
andEuiKeyPadMenuItemButton
(#2333) - Added missing
compressed
TS definitions toEuiComboBox
,EuiCheckboxGroup
,EuiCheckbox
,EuiFieldSearch
,EuiRadioGroup
,EuiSwitch
(#2338) - Added auto-margin between
EuiFormRow
andEuiButton
(#2338) - Added border to
[readOnly]
inputs (#2338)
Bug fixes
- Fixed
onChange
TS defs for EuiRange (#2349) - Fixed default z-index of
EuiPopover
(#2341) - Fixed styling for
prepend
andappend
nodes that may be popovers or tooltips (#2338)
Bug fixes
- Fixed accidental removal of Elastic Charts from dependencies (#2348)
- Created
EuiSuggest
component (#2270) - Added missing
compressed
styling toEuiSwitch
(#2327) - Migrate
EuiBottomBar
,EuiHealth
andEuiImage
to TS (#2328) - Added hover and focus states when
allowFullScreen
is true inEuiImage
(#2287) - Converted
EuiColorPicker
to TypeScript (#2340) - Added inline rendering option to
EuiColorPicker
(#2340)
Feature: Compressed Form Controls (#2167)
-
Altered the look of
compressed
form controls to look more subtle -
Created
EuiFormControlLayoutDelimited
for dual inputs indicating a range -
Added compressed and column style layouts to
EuiFormRow
viadisplay
prop -
Reduced overall height of
compressed
EuiRange
andEuiDualRange
-
Added
showInput = 'inputWithPopover'
option forcompressed
EuiRange
andEuiDualRange
to display the slider in a popover -
Made all inputs in the
EuiSuperDatePicker
popovercompressed
-
Added
controlOnly
prop toEuiFieldText
andEuiFieldNumber
-
Allow
style
prop to be passed down inEuiColorPickerSwatch
-
EuiFilePicker
now hasdefault
andlarge
display sizes that both havecompressed
alternatives -
Allow strings to be passed as
append
/prepend
props and added a11y support -
Added a max height with overflow to
EuiSuperSelect
Bug fixes
- Fixed
EuiColorPicker
padding on right to accomodate down caret - Fixed sizings of
EuiComboBox
and pills - Fixed truncation on
EuiContextMenuItem
- Fixed style of more
append
/prepend
options ofEuiFormControlLayout
Deprecations
EuiFormRow
'scompressed
prop deprecated in favor ofdisplay: rowCompressed
EuiFormRow
'sdisplayOnly
prop deprecated in favor ofdisplay: center
Breaking changes
- SASS mixin
euiTextOverflowWrap()
has been removed in favor ofeuiTextBreakWord()
EuiFormLabel
no longer has a bottom marginEuiFormRow
no longer has bottom padding, nor does it add margin to any+ *
siblings only siblingEuiFormRow
s
Bug fixes
- Corrected
EuiCodeBlock
's proptype forchildren
to be string or array of strings. (#2324) - Fixed
onClick
TypeScript definition forEuiPanel
(#2330) - Fixed
EuiComboBox
list reopening after closing on option selection in IE11 (#2326)
Bug fixes
- Updated TS def for
EuiFilterSelect
(#2291) - Fixed alignment of icons and label in
EuiSideNavItem
(#2297) - Fixed logic in
EuiContextMenu
to account for index of0
(#2304)
- Added href prop to
EuiTab
and converted to TypeScript (#2275) - Created
EuiInputPopover
component (formally) (#2269) - Added docs for using Elastic Charts with EUI (#2209)
- Improved fix for
EuiSuperDatePicker
to updateasyncInterval.isStopped
on aisPaused
prop change. (#2298)
Bug fixes
- Removed extra right side margin in
EuiSuperDatePicker
(#2236) - Fixed incorrect
onClick
type forEuiButtonEmpty
(#2282) - Fixed compilation script to remove all TypeScript definition exports from built JS assets (#2279)
- Fixed output extension for
dist
charts theme module (#2294)
- Allow
EuiFlexGroup
to accept aref
(#2223)
Bug fixes
- Fixed
EuiSuperDatePicker
to updateasyncInterval.isStopped
on aisPaused
prop change. (#2250) - Converted table, popover, buttons, pagination, outside click detector, focus trap, context menu, and panel to TypeScript (#2212)
- Fixed
EuiStat
invalid DOM nesting due to a<p>
tag nested within another<p>
tag (#2229) - Fixed title text of dock/undock icon in
EuiNavDrawer
(#2261)
Reverts
- Revert conversion of
EuiSwitch
tobutton[role=switch]
and TypeScript (#2255)
Note: this release is a backport containing changes originally made in 13.7.0
Bug fixes
- Fixed title text of dock/undock icon in
EuiNavDrawer
(#2261)
Note: this contains a reversion backported for targeted release
- Revert conversion of
EuiSwitch
tobutton[role=switch]
and TypeScript (#2255)
Note: this contains component code that was reverted in the next release. Use 13.6.0
instead
- Fixed
logoCloudEnterprise
,logoLogging
, andlogoSecurity
SVGs inEuiIcon
to be center aligned (#2246) - Added locking behavior of
EuiNavDrawer
expanded state inluding the following propsisLocked
,onIsLockedUpdate
(#2247)
Note: this contains component code that was later reverted. Use 13.6.0
instead
- Converted
EuiSwitch
to TypeScript (#2243)
Bug fixes
- Added missing
viewBox
attribute to Docker, Kubernetes, and Redis logos (#2240)
Note: this contains component code that was later reverted. Use 13.6.0
instead
- Converted
EuiFacetButton
to TypeScript (#2226) - Added an optional
onClear
prop to the theEuiDatePicker
component (#2235) - Added support for
onClick
andhref
props onEuiListGroupItem
and converted to TypeScript (#1933)
Bug fixes
- Fixed
EuiSwitch
semantics to align with aria roles (#2193) - Removed Firefox's focus ring to match other browsers (#2193)
- Added missing
onChange
TS defs for EuiRange (#2211) - Fixed
EuiBadge
text cursor to default pointer (#2234) - Fixed
EuiPageContent
className prop to allow the passed-in className to take cascade precedence over classes generated by the component (#2237)
- Added i18n tokens to
EuiSuperDatePicker
andEuiSuperUpdateButton
- Converted
EuiStep
,EuiSteps
,EuiStepHorizontal
,EuiStepsHorizontal
, andEuiSubSteps
to Typescript (#2186)
Bug fixes
- Fixed
EuiBadge
truncation and auto-appliedtitle
attribute withinnerText
(#2190) - Remove exported TypeScript type and interface exports from built artifacts when they originate from
node_modules
(#2191) - Fixed
EuiBadge
truncation in IE and for the global filters pattern (#2194) - Fixed alignment of long titles in
EuiStep
(#2186) - Fixed the TS defs for EuiFilterSelectItem (#2192)
- Added missing TS defs for EuiTextArea (#2201)
Bug fixes
- Fixed
EuiMutationObserver
errors in IE11 by conditionally setting theattributes
observer option according to the new spec (#2180) - Fixed error message when an I18n mapping is a formatting function with no values provided. (#2182)
- Added
partial
glyph toEuiIcon
(#2152) - Added
tall
,fullWidth
, andisInvalid
props toEuiFilePicker
(#2145) - Added exports for
react-beautiful-dnd
interfaces used by EUI components (#2173) - Added
isDisabled
prop & styles toEuiSuperDatePicker
(#2139) - Added
responsiveColumn
option totype
prop ofEuiDescriptionList
(#2166) - Removed
<use>
and<def>
from svg icons (#2162)
Bug fixes
- Fixed invalid
aria-desribedby
values set byEuiToolTip
(#2156) - Added
"center"
as an acceptable value toEuiBasicTable
'salign
proptype (#2158) - Fixed
.eui-textBreakWord
utility class to be cross-browser compatible (#2157) - Fixed truncation and z-index of
EuiFilePicker
(#2145) - Fixed
EuiNavDrawer
's support for flyout groups in production/minified builds (#2178) - Fixed width overflow of
EuiModal
(#2164)
- Added
EuiSuggestItem
component (#2090) - Added support for negated or clauses to
EuiSearchBar
(#2140) - Added
transition
utility services to help create timeouts that account for CSS transition durations and delays (#2136) - Removed
EuiFlexGroup
dependency fromEuiAccordion
(#2143) - Exported
prettyDuration
andcommonDurationRanges
for pretty printing date ranges outsideEuiSuperDatePicker
(#2132)
Bug fixes
- Fixed
EuiComboBox
's padding on the right (#2135) - Fixed
EuiAccordion
to correctly account for changing computed height of child elements (#2136) - Fixed some
EuiFlyout
sizing (#2125)
Breaking changes
- Removed
EuiSeriesChart
and related components. Please look to Elastic Charts for a replacement. (#2135) - Removed
eui_k6_theme
related Sass and JSON files (#2135) - Removed no longer used Sass mixins and variables in
EuiForm
,EuiCallOut
, andEuiRange
components (#2135)
- Centered the square of the
popout
glyph in the artboard (#2120) - Added
useInnerText
andEuiInnerText
component utilities for retrieving text content of elements (#2100) - Converted
EuiRangeHightlight
,EuiRangeLabel
,EuiRangeLevels
,EuiRangeSlider
,EuiRangeThumb
,EuiRangeTicks
,EuiRangeTrack
, andEuiRangeWrapper
to TypeScript (#2124) - Converted
EuiAccordion
to TypeScript (#2128)
Bug fixes
- Fixed
EuiComboBox
's options list from staying open when scrolled in a container by auto-closing the list on scroll (#2106) - Fixed content provided to
EuiListGroupItem
andEuiFilterButton
title
attribute to prevent unreadable popover (#2100) - Fixed a nearly infinite
requestAnimationFrame
loop caused byfocus
state changes in nestedEuiPopover
components (#2110) - Fixed incorrect ES Query DSL generated by
EuiSearchBar
when an OR clause is present (#2133)
Bug fixes
- Restored missing scss and react-datepicker files to the npm-published packaged (#2119)
Note: this release contained a change which prevented necessary files from being published to npm, this was fixed in 12.3.1
- Added
logoSecurity
,logoCode
,logoMaps
,logoUptime
andlogoLogging
toEuiIcon
types (#2111) - Added a
column
direction option toEuiFlexGrid
(#2073) - Updated
EuiSuperDatePicker
's commonly used date/times to display as columns. (#2073) - Added TypeScript definition for
EuiFormControlLayout
(#2086) - Changed SASS mixin
euiOverflowShadow()
to usemask-image
instead ofbox-shadow
(#2088) - Added SASS mixin and CSS utility
euiYScrollWithShadows
(#2088) - Added
cloudDrizzle
,cloudStormy
,cloudSunny
,documents
,documentEdit
,training
andvideoPlayer
glyphs toEuiIcon
(#2102) - Added
display
prop toEuiPopover
(#2112)
Bug fixes
- Widened
EuiComboBox
'soptions[].value
/EuiComboBoxOptionProps.value
TypeScript definition (#2080) - Added TS defs for
EuiComboBox
's props spreading onto adiv
(#2080) - Fixed responsive display of inline
EuiDatePicker
(#1820) - Removed time from default
dateFormat
ofEuiDatePicker
(#1820) - Fixed
EuiPopover
from catching and preventing propagation of keydown events when closed (#2089) - Fixed padding sizes between
EuiModal
header, body, and footer (#2088) - Fixed placeholder text color for more browsers (#2113)
Deprecations
- Removed
logoXpack
fromEuiIcon
types (#2111)
Note: this release is a backport containing changes originally made in 12.4.0
Bug fixes
- Fixed a nearly infinite
requestAnimationFrame
loop caused byfocus
state changes in nestedEuiPopover
components (#2110)
- Made
aria-label
attribute equal totitle
of the the selection checkbox in table items (for each row) inEuiBasicTable
(#2043) - Updated
appApm
andlogoAPM
with new updated icons (#2084)
Bug fixes
- Added requirement that
EuiFormRow
has exactly one child element #2054
- Changed
EuiNavDrawerFlyout
title fromh5
todiv
(#2040) - Converted
EuiGlobalToastList
into ARIA live region by addingrole="region"
attribute to add NVDA/JAWS support (#2055) - Added
magnifyWithMinus
andmagnifyWithPlus
glyphs toEuiIcon
(2056) - Added a fully black (no matter the theme) color SASS variable
$euiColorInk
(2060) - Added
autoFocus
prop toEuiTabbedContent
(2062) - Changed
popout
glyph inEuiIcon
to look more like external link (2064) - Tweaked
SuperDatePicker
to make the start/end date selection more obvious (#2049) - Added
toSentenceCase
string service (#2049) - Pass
EuiSuperSelect
'spopoverClassName
to the popover's panel (#2068) - Added
editorItemAlignLeft
,editorItemAlignCenter
,editorItemRight
,editorItemAlignTop
,editorItemAlignMiddle
,editorItemAlignBottom
,editorDistributeHorizontal
,editorDistributeVertical
,editorPositionTopLeft
,editorPositionTopRight
,editorPositionBottomRight
, andeditorPositionBottomLeft
glyphs toEuiIcon
(2070) - Added missing TS definitions for
EuiRange
(#2072)
Bug fixes
- Fixed proptype for
EuiCopy
'schildren
(#2048) - Fixed
EuiInMemoryTable
to allow sorting on computed columns (#2044) - Fixed TypeScript
Toast
member export (#2052) - Fixed style of readOnly input groups via
EuiFormControlLayout
andprepend
/append
(#2057) - Removed TS types from ES exports when the exported name differs from the imported one (#2069)
- Fixed TypeScript definitions and type exports for
EuiBadge
andEuiCopy
(#2052)
- Attached
noreferrer
also to links withouttarget="_blank"
(#2008) - Converted observer utility components to TypeScript (#2009)
- Converted tool tip components to TypeScript (#2013)
- Converted
EuiCopy
to TypeScript (#2016) - Converted badge and token components to TypeScript (#2026)
- Added
magnet
glyph toEuiIcon
(2010) - Changed
logoAWS
SVG inEuiIcon
to work better in dark mode (#2036) - Converted toast components to TypeScript (#2032)
Bug fixes
- Fixed
EuiFlyout
scrolling in Safari (#2033) - Fixed
EuiCallOut
header icon alignment (#2006) - Fixed
EuiInMemoryTable
sort value persistence through lifecycle updates (#2035) - Fixed
EuiColorPicker
positioning and keyboard navigation in certain portal contexts (#2038)
Breaking changes
- Removed explicit dependency on
core-js
, but a global polyfill likecore-js@3
is still required (#1982)
Note: this release is a backport containing changes originally made in 12.0.0
Bug fixes
- Fixed
EuiInMemoryTable
sort value persistence through lifecycle updates (#2035) - Fixed
EuiColorPicker
positioning and keyboard navigation in certain portal contexts (#2038)
Bug fixes
- Fixed
EuiBadge
conflicts with providing bothiconOnClick
andonClick
(#1994) - Fixed optional TS definitions for
EuiColorPicker
onBlur
andonFocus
callbacks (#1993) - Fixed
EuiIcon
again so that webpack can build dynamic require contexts (#1998) - Fixed double borders on prepend/append items in
EuiFormControlLayout
(#1996) - Fixed
EuiSuperSelect
TS definitions (#1995)
- Converted
EuiTableRowHeaderCheckbox
to TS (#1973) - Added missing TypeScript definition for
EuiFieldText
'scompressed
prop (#1977) - Converted
EuiTableRowCellCheckbox
to TS (#1964) - Updated
caniuse-lite
version resolution (#1970) - Added a webpack directive for naming icon chunks (#1944)
- Added ability to update
EuiInMemoryTable
sorting
prop and remove columns after sorting is applied (#1972) - Added
onToggle
callback toEuiAccordion
(#1974) - Removed
options
defaultProps
value fromEuiSuperSelect
(#1975) - Removed TSlint and will perform all linting through ESLint (#1950)
- Added new component
EuiDelayRender
(#1876) - Replaced
EuiColorPicker
with custom, customizable component (#1914) - Added
jsx-a11y
eslint
plugin and rules to match Kibana (#1952) - Changed
EuiCopy
beforeMessage
prop to acceptnode
instead of juststring
(#1952)
Bug fixes
- Fixed environment setup for running
test-unit
script on Windows (#1971) - Fixed focus on single selection of EuiComboBox (#1965)
- Fixed type mismatch between PropType and TypeScript def for
EuiGlobalToastList
toasttitle
(#1978) - Fixed missing Typescript definition for
EuiButton
'scolor="text"
option (#1980) - Fixed Prettier formatting lint error in
EuiTable
TS def file (#1986) - Fixed not clickable button with svg in Safari (#1985)
- Fixed
EuiToggle
pointer events for those using icons only (#1991)
Bug fixes
- Fixed type mismatch between PropType and TypeScript def for
EuiToast
title
(#1962)
- Converted
EuiFormControlLayoutCustomIcon
to TS (#1956) - Converted
EuiStepNumber
to TS (#1893) - Converted
EuiFormControlLayoutClearButton
to TS (#1922) - Added
data-test-subj
property toEuiDraggable
andEuiDroppable
(#1943) - Added type definitions to
EuiSuperSelect
(#1907) - Updated
EuiIcon
to use Slack's updated branding (#1954) - Updated
compile-icons
script to format icon components with Prettier (#1955)
Bug fixes
- Addressed a chrome issue where negative letter-spacing can reverse RTL text in SVGs (#1960)
- Converted
pretty_interval
to TS (#1920) - Converted
relative_options
to TS (#1921) - Added width to
EuiFlexItem
when gutter inEuiFlexGrid
is set to none. (#1941) - Format all JavaScript files with Prettier through ESLint (#1906)
- Replaced
appSecurityAnalytics
inEuiIcon
with an updated SVG (#1948)
Bug fixes
- Removed unused prop enum of
l
inEuiButton
(#1936) - Fixed
EuiSelect
browser event inconsistencies by normalizingmouseup
propagation (#1926) - Removed
children
as a required prop forEuiOverlayMask
(#1937)
Bug fixes
- Fixed
EuiIconTip
's typescript definition (#1934) - Reinstated
EuiIcon
component ability to handletype
prop updates (#1935)
- Added support for custom React SVG elements and external SVG URLs to
EuiIcon
(#1924)
Bug fixes
- Fixed Firefox flash of unstyled select dropdown (#1927)
Breaking changes
- Split
EuiIcon
icon loading into dynamic imports (#1924)
Note: this release is a backport containing changes originally made in 11.2.0
Bug fixes
- Addressed a chrome issue where negative letter-spacing can reverse RTL text in SVGs (#1960)
Note: this release is a backport containing changes originally made in 11.1.0
- Replaced
appSecurityAnalytics
inEuiIcon
with an updated SVG (#1948)
- Added
display
prop toEuiTabs
andEuiTabbedContent
components for ability to use an alternativecondensed
style (#1904)
Bug fixes
- Fixed a regression where
EuiStat
reported acceptingstring
fortitle
,description
, even thoughReactNode
is acceptable (#1910)
- Added support for
href
on the last item inEuiBreadcrumbs
(#1905) - Added
selectable
prop toEuiCard
(#1895) - Converted
EuiValidatableControl
to TS (#1879)
Bug fixes
- Fixed prompt text rendering in
EuiFilePicker
when a React element is passed (#1903) - Fixed overflow scrolling of
EuiModal
andEuiConfirmModal
for Chrome and Safari (#1902) - Fixed
EuiOverlayMask
children
element mismatch TS error (#1900)
Bug fixes
- Fixed responsiveness of
EuiFilterGroup
(#1849)
Deprecations
- Replaced
EuiFilterButton
'snoDivider
prop withwithNext
(#1849)
- Converted
EuiGlobalToastListItem
to TS (#1880) - Converted
token_map
to TS (#1870) - Converted
EuiOverlayMask
to TS (#1858) - Converted
EuiStat
to TS (#1848) - Added
isLoading
prop toEuiStat
(#1848) - Added
roundUp
prop to relative tab ofEuiSuperDatePicker
(#1827) - Changed position of
EuiSwitch
for date rounding used at relative tab ofEuiSuperDatePicker
(#1827) - Added
bug
,flag
, andheart
glyphs toEuiIcon
(#1887) - Updated
alert
glyph inEuiIcon
(#1887)
Bug fixes
- Fixed
EuiComboBox
to not pass itsinputRef
prop down to the DOM (#1867) - Fixed
euiBreakpoint()
warning to give accurate feedback (#1874) - Fixed type definitions around
EuiI18n
'sdefault
prop to better support use cases (#1861) - Localized
EuiTablePagination
's row count selection (#1883) - Fixed EuiComboBox's internal tracking of its focus state (#1796)
- Fixed
EuiComboBox
withsingleSelection
andonAddCustomOption
reopening the options list after adding a custom option (#1882) - Fixed
EuiComboBox
reopening the options list in Firefox when closing via the dropdown arrow button (#1885) - Fixed running the dev server and building on Windows (#1891)
- Added
tokenModule
andtokenNamespace
icons toEuiToken
(#1839) - Used
cache-loader
to speed up development docs site build (#1841 - Converted
matching_options
to TS (#1828) - Converted
EuiFormHelpText
to TS (#1852) - Added
onSearch
toEuiFieldSearchProps
's type defintion (#1627) - Added
moon
glyph toEuiIcon
(#1859) - Added
logoAzure
andlogoAzureMono
logos toEuiIcon
(#1859) - Added exact-text matching operator to
EuiSearchBar
/Query
and allow empty phrases, e.g.""
(#1843) - Allow forward-slash character in
EuiSearchBar
/Query
search values (#1843) - Changed
EuiLoadingKibana
,EuiLoadingSpinner
,EuiLoadingChart
andEuiLoadingContent
components to use spans instead of divs (#1845)
Bug fixes
- Added
toastLifeTimeMs
typescript definition for individual toasts inEuiGlobalToastList
(#1846) - Added logic to prevent refocusing
EuiComboBox
input after container blur event (#1863) - Changed
EuiLoadingKibana
so it could better nest withinEuiFlexItem
(#1845)
- Converted
EuiText
,EuiTextColor
andEuiTextAlign
to TS (#1791) - Updated
IconColor
type to better distinguish between accepted types (#1842)
- Converted
EuiTitle
to TS (#1810) - Added
adjustDateOnChange
prop to date pickers, enabling month and year changes to triggeronChange
(#1817) - Updated the overflow shadows for
EuiModal
andEuiFlyout
(#1829) - Added
confirmButtonDisabled
prop toEuiConfirmModal
(#1829) - Fixed
EuiNavDrawer
overflow scroll behavior on Firefox (#1837)
Bug fixes
- Fixed mobile layout for
EuiConfirmModal
(#1829)
Deprecations
- Replaced the following SASS mixins
euiOverflowShadowTop
,euiOverflowShadowBottom
witheuiOverflowShadow
. (#1829)
Breaking changes
- Removed transitional
keyOfStringsOnly
option from TypeScript configuration (#1814)
- Re-enabled installation of
@elastic/eui
via npm (#1811)
Bug fixes
- Added
isLoading
prop typedef toEuiSuperDatePickerProps
(#1812) - Fixed
EuiSearchBox
query input resetting on prop updates (#1823) - Fixed
EuiSearchBar
filter button highlighting (#1824)
- Added
initialPageIndex
pagination prop toEuiInMemoryTable
(#1798) - Converted
EuiToolTipPopover
to TS (#1800) - Converted
EuiTableHeaderMobile
to TS (#1786) - Added
menuLeft
andmenuRight
icons (#1797) - Updated EuiNavDrawerβs collapse/expand button to use
menuLeft
andmenuRight
icons (#1797) - Added
isInvalid
prop toEuiSuperSelect
(#1804) - Added
cut
glyph toEuiIcon
(#1802) - Added
glasses
glyph toEuiIcon
(#1813)
Bug fixes
- Fixed issue where toasts would dismiss when they have focus (#1803)
- Fixed issue where
EuiComboBox
placeholder was not read by screen readers (#1803)
- [Beta] Added new
EuiSelectable
component (#1699) - [Beta] Added new drag and drop components:
EuiDragDropContext
,EuiDraggable
, andEuiDroppable
(#1733)
- Converted
EuiFormErrorText
to TS (#1772) - Added
data-test-subj
s toEuiSuperDatePicker
'sEuiRelativeTab
inputs (#1782)
Bug fixes
- Update ButtonIconColor type to provide all available options (#1783)
- Prevent calculation on
null
ref duringEuiResizeObserver
observation (#1784)
Bug fixes
- Fixed heading and paragraph tag font style inherits (#1776)
- Changed
EuiNavDrawer
to close on any link click (#1773)
- Converted
makeId
to TS (#1759) - Converted
EuiCardGraphic
to TS (#1751) - Enhanced the build process to emit TypeScript types for the variables extracted from the themes (#1750)
Bug fixes
Note: this release creates a minor regression to text scales where paragraph and heading tags were no longer inheriting from their container. This is fixed in 9.7.1
.
- Set
h1 through h6, p
tags font reset based on family, size, and weight (#1760) - Fixed
EuiButton
font size inheritence (#1760) - Updated button elements in
EuiFilePicker
,EuiFormControlLayoutClearButton
,EuiFormControlLayoutCustomIcon
,EuiListGroupItem
, andEuiSideNavItem
to type=button (#1764) - Fixed outside click detection inconsistencies by comparing
mouseup
andmousedown
event targets rather than usingclick
event target (#1761)
- Changed
EuiSuperDatePicker
to callonRefresh
instead ofonTimeChanged
when user clicks "Refresh" button (#1745) - Added a new
EuiLoadingContent
component that displays blocks as placeholders for text. (#1730) - Added documentation entry in
EuiPagination
foractivePage
prop. (#1740) - Changed
EuiButton
to use "m" as it's defaultsize
prop (#1742) - Adds type definitions for
EuiListGroup
andEuiListGroupItem
(#1737)
Bug fixes
- Fixed
EuiToolTip
potentially having incorrect position calculations near the window edge (#1744)
Bug fixes
- Fixed
hexToRgb
from erroring on an incorrect string input (#1741) - Fixed
EuiBadge
customcolor
prop type (#1741) - Fixed inaccurately required
onRefresh
prop (should be optional) that was introduced in types in version 9.4.1 (#1743)
Bug fixes
- Adds missing type and fixes closure-scope problem for
SuperDatePicker
'sonRefresh
callback (#1732) - Changed
EuiBottomBar
to refer to the end of document (#1727) - Fixed
EuiComboBox
's calls to itsonBlur
prop (#1739)
- Allow toasts in
EuiGlobalToastList
to overridetoastLifeTimeMs
(#1720) - Allow
EuiListGroupItem
to pass a custom element as theicon
(#1726) - Added default icon for
EuiListGroupItem
if one is not passed (#1729) - Added
toInitials
string service (#1729)
Bug fixes
- Removed all
lodash
imports ineui.d.ts
to avoid namespace pollution (#1723) - Prevent
EuiComboBox
from creating a custom option value when user clicks on a value in the dropdown (#1728)
- Added
footerLink
andshowToolTips
toEuiNavDrawer
and addedEuiNavDrawerGroup
(#1701)
Bug fixes
- Fixed
EuiSuperDatePicker
time selection jumping on focus (#1704)
Bug fixes
- Make
EuiPopover
's repositionOnScroll prop optional in TS (#1705)
- Adjusted the dark theme palette a bit more and adjusted a few components (#1700)
- Adjusted the dark theme palette to have a slight blue tint (#1691)
- Added
repositionOnScroll
property to theEuiPopoverProps
type definition (#1628) - Added support to
findTestSubject
for an optionalmatcher
argument, which defaults to~=
, enabling it to identify an element based on one of multiple space-separated values within itsdata-test-subj
attribute (#1587) - Converted
EuiFlexGrid
,EuiFlexGroup
,EuiFlexItem
,EuiDescriptionList
,EuiDescriptionListTitle
, andEuiDescriptionListDescription
to TypeScript (#1365) - Converted
EuiAvatar
to Typescript (#1654) - Added missing
anchorClassName
prop toEuiToolTip
definition (#1657) - Added
fullWidth
prop toEuiButton
(#1665) - Added
.eui-fullWidth
utility class (#1665) - Added
EuiPopoverFooter
and convertedEuiPopoverTitle
to TS (#1666) - Converted
EuiLoadingSpinner
,EuiLoadingKibana
, andEuiLoadingChart
to TS (#1683)
Bug fixes
- Added button to
EuiSuperDatePicker
's βNowβ tab to trigger the "now" time selection (#1620) - Fixed floating point arithmetic bug in
EuiRangeTrack
's value validation (#1687) - Fixed
EuiComboBox
activeOptonIndex
error with empty search results (#1695) - Fixed IE11 rendering issue in
EuiLoadingKibana
(#1683)
Note: this release is a backport containing changes originally made in 9.1.0
Bug fixes
- Fixed floating point arithmetic bug in
EuiRangeTrack
's value validation (#1687)
Bug fixes
- Fixed definition exports for converted Typescript components (#1633)
- Added
allowNeutralSort
prop toEuiInMemoryTable
to support unsorting table columns (#1591) - Added
mobileOptions
object prop for handling of all the mobile specific options ofEuiBasicTable
(#1462) - Table headers now accept
React.node
types (#1462) - Added
displayOnly
prop toEuiFormRow
(#1582) - Added
numActiveFilters
prop toEuiFilterButton
(#1589) - Updated style of
EuiFilterButton
to matchEuiFacetButton
(#1589) - Added
size
andcolor
props toEuiNotificationBadge
(#1589) - Allow
EuiDescribedFormGroup
to exist as a description-only row (#1522) - Added
type
prop forEuiFormLabel
for the option to make it alegend
(#1613) - Added
labelAppend
andlabelType
props toEuiFormRow
(#1613) - Aligned text styles of table headers and form labels (#1613)
- Converted
EuiModalBody
,EuiModalFooter
,EuiModalHeader
,EuiModalHeaderTitle
,EuiFlyoutBody
,EuiFlyoutFooter
,EuiFlyoutHeader
,EuiPortal
, andEuiProgress
to Typescript (#1621)
Bug fixes
- Fixed keyboard navigation and UI of
EuiComboBox
items in single selection mode (#1619) EuiBasicTable
select all shows up on mobile (#1462)- Adds missing
hasActiveFilters
prop forEuiFilterButton
type and fixesonChange
signature forEuiButtonGroup
(#1603) - Included
react-datepicker
TS types in EUI itself to avoid outside dependency (#1618) - Prevent
EuiGlobalToastList
from attempting calculations onnull
DOM elements (#1606) - Fixed
EuiFormRow
errors from the possibility of having duplicatekey
values (#1522)
Breaking changes
EuiBasicTable
's select all checkbox appends amakeId
string to the id (#1462)- Remove camel casing from exported JSON variables and preserve hex values instead of converting to rgb (#1590)
- Added
@types/react-dom
topeerDependencies
(#1621)
Breaking changes
- Upgraded TypeScript to 3.3 (#1583)
- Upgraded React to 16.8 (#1583)
- Upgraded Jest to 24.1 (#1583)
- Upgraded Enzyme to 3.9 (#1583)
- Added
onRefresh
option forEuiSuperDatePicker
(#1577) - Converted
EuiToggle
to TypeScript (#1570) - Added type definitions for
EuiButtonGroup
,EuiButtonToggle
,EuiFilterButton
,EuiFilterGroup
, andEuiFilterSelectItem
(#1570) - Added
displayOnly
prop to EuiFormRow (#1582) - Added an index.d.ts file for the date picker components, including
EuiDatePicker
,EuiDatePickerRange
, andEuiSuperDatePicker
(#1574)
Bug fixes
- Fixed several bugs with
EuiRange
andEuiDualRange
including sizing of inputs, tick placement, and the handling of invalid values (#1580)
- Added
text
as a color option forEuiLink
(#1571) - Added
EuiResizeObserver
to expose ResizeObserver API to React components; falls back to MutationObserver API in unsupported browsers (#1559) - Added
EuiFocusTrap
as a wrapper aroundreact-focus-lock
to enable trapping focus in more cases, including React portals (#1550)
Bug fixes
- Fixed content cut off in
EuiContextMenuPanel
when height changes dynamically (#1559) - Fixed
EuiComboBox
to allow keyboard tab to exit single selection box (#1576) - Various fixes related to focus order and focus trapping as they relate to content in React portals (#1550)
- Added
append
prop toEuiFieldText
(#1567) - Adjusted set of Elastic Logos in
EuiIcon
to look better in dark mode. (#1462) - Added
isCopyable
prop toEuiCodeBlock
(#1556) - Added optional
Snippet
tab to docs and renamed demo tabs (#1556) - Expanded
getSecureRelForTarget
to handle elastic.co domains as a referrer whitelist (#1565) - New
url
utility for verifying if a URL is a referrer whitelist (#1565) - Add iconSize to ButtonIcon type definition (#1568)
- Created
EuiDualRange
using components from modularized, refactoredEuiRange
. New util serviceisWithinRange
is the first in the number category. (#1485) - Upgraded
lodash
to v4, taking advantage of modular imports. (#1534) - Added pseudo-localization mode to docs (#1541)
- New docs page listing localization tokens (#1541)
- Added support for OR group clauses in
EuiQuery
andEuiSearchBar
(#1204) - Added
customQuickSelectPanels
prop toEuiSuperDatePicker
(#1549)
Bug fixes
- Fixed
EuiSearchBar.Query
match_all query string must be*
(#1521) - Fixed
EuiSuperDatePicker
crashing with negative relative value (#1537) - Fixed
EuiSuperDatePicker
crashing with invalid start and end prop values (#1544) - Make TSLint issues be warnings, not errors, when running
src-docs
(#1537)
Breaking changes
- Made
or
a reserved keyword inEuiQuery
's syntax (#1204)
Bug fixes
- Bumped
lodash
version toelastic/[email protected]
(#2280)
Note: this release is a backport containing changes originally made in 11.2.0
Bug fixes
- Addressed a chrome issue where negative letter-spacing can reverse RTL text in SVGs (#1960)
Note: this release is a backport containing changes originally made in 9.7.0
- Changed
EuiNavDrawer
to close on any link click (#1773)
Note: this release is a backport containing changes originally made in 9.6.0
Bug fixes
- Fixed outside click detection inconsistencies by comparing
mouseup
andmousedown
event targets rather than usingclick
event target (#1761)
Note: this release is a backport containing changes originally made in 9.0.0
, 9.1.0
, 9.3.0
, and 9.4.0
- Adjusted the dark theme palette to have a slight blue tint (#1691)
- Added button to
EuiSuperDatePicker
's βNowβ tab to trigger the "now" time selection (#1620) - Added
footerLink
andshowToolTips
toEuiNavDrawer
and addedEuiNavDrawerGroup
(#1701) - Allow
EuiListGroupItem
to pass a custom element as theicon
(#1726) - Added
toInitials
string service (#1729) - Added
fullWidth
prop toEuiButton
(#1665) - Added
.eui-fullWidth
utility class (#1665)
Bug fixes
- Fixed keyboard navigation and UI of
EuiComboBox
items in single selection mode (#1619) - Fixed
EuiComboBox
activeOptonIndex
error with empty search results (#1695) - Prevent
EuiComboBox
from creating a custom option value when user clicks on a value in the dropdown (#1728) - Fixed
EuiSuperDatePicker
time selection jumping on focus (#1704)
Note: this release is a backport containing changes originally made in 7.3.0
- Added an index.d.ts file for the date picker components, including
EuiDatePicker
,EuiDatePickerRange
, andEuiSuperDatePicker
(#1574)
Note: this release is a backport containing changes originally made in 7.1.0
- Added
append
prop toEuiFieldText
(#1567)
Note: this release is a backport containing changes originally made in 7.1.0
- Adjusted set of Elastic Logos in
EuiIcon
to look better in dark mode. (#1562) - Expanded
getSecureRelForTarget
to handle elastic.co domains as a referrer whitelist (#1565) - New
url
utility for verifying if a URL is a referrer whitelist (#1565)
Note: this release is a backport containing changes originally made in 7.0.0
Bug fixes
- Fixed
EuiSuperDatePicker
crashing with negative relative value (#1537) - Fixed
EuiSuperDatePicker
crashing with invalid start and end prop values (#1544)
- Adjust dark mode background color (#1530)
- TypeScript are now formatted with Prettier (#1529)
- Updated
EuiPopover
andEuiColorPicker
to pauseEuiOutsideClickDetector
in when not open (#1527)
- Changed animation settings for
EuiNavDrawer
(#1524) - Converted a number of components to support text localization (#1504)
- Updated
app_ems.svg
(#1517)
Bug fixes
- Updated
EuiPage
background color to match body background color (#1513) - Fixed React key usage in
EuiPagination
(#1514) - Fixed bug which prevented
EuiSwitch
with generated ID from having its label announced by VoiceOver (#1519) - Fixed
EuiFilterButton
handlingnumFilters
when0
was specified (#1510)
- Changed
flex-basis
value onEuiPageBody
for better cross-browser support (#1497) - Converted a number of components to support text localization (#1450)
- Added a seconds option to the refresh interval selection in
EuiSuperDatePicker
(#1503) - Changed to conditionally render
EuiModalBody
ifEuiConfirmModal
has nochildren
(#1500)
Bug fixes
- Remove
font-features
setting on@euiFont
mixin to prevent breaks in ACE editor (#1505)
- Added
textAlign
property to TypeScript definition forEuiText
(#1487) - Added missing
'm'
option for textsize
forEuiText
's TypeScript definition (#1487) - Added missing TypeScript definition for
EuiTextAlign
(#1487)
Bug fixes
- Fixed popover & tooltip positioning to properly account for arrow buffer (#1490)
- Fixed
EuiSuperDatePicker
unexpectedly closing start and end date popovers (#1494)
EuiHeader
no longer reduces height at mobile sizes (#1480)
Bug fixes
- Fixed
EuiSuperDatePicker
not updating derivedisInvalid
state on prop update (#1483) - Fixed
logoAPM
(#1489) - Remove Typescript type and interface definitions from ES and CJS exports (#1486)
- Default light theme now comes with an empty light variables file to make theme switching easier (#1479)
Bug fixes
EuiSuperDatePicker
always triggeronTimeChange
when time changes and propshowUpdateButton
is false (#1477)- Fixed font rendering in italics only in Safari (#1481)
Bug fixes
- Fixed an issue with font family inheritance by changing the CSS reset (#1474)
- Added
z-index
toEuiProgress
and example usage withEuiHeader
(#1471) - Added a new app icon for Code (#1467)
- Re-added EuiI18n, EuiI18nNumber, and EuiContext for localization (#1466)
- Expose
EuiSuperUpdateButton
component fromEuiSuperDatePicker
(#1470) - Set
type="button"
on accordion buttons (#1468)
Bug fixes
- Fixed
EuiSuperDatePicker
not updating derivedshowPrettyDuration
state on prop update (#1464) - Fixed
EuiSuperDatePicker
not passingrefreshInterval
to callback when refresh internval start/stop toggle button clicked (#1464) - Fixed
EuiSuperDatePicker
refreshInterval
input not allowing decimals (#1464)
- Added
uptimeApp
icon (#1445) - Added
wrapText
prop that enablesEuiListGroupItem
text to wrap (#1459) - Added
inputRef
prop toEuiFieldNumber
and updatedEuiFieldText
's to a Ref type (#1434) - Added
snowflake
icon (#1445) - Added
bell
icon (#1447) - Improved screen reader behavior for table header cell content, especially in sortable columns (#1426)
Bug fixes
- Fixed
textProps
andcontentProps
ofEuiButton
andEuiButtonEmpty
so they donβt override classes (#1455) - Fixed
closeButtonProps
ofEuiBadge
so it doesn't override classes (#1455) - Fixed font weight shift of
EuiFilterButton
when notification is present (#1455) - Fixed
$euiCodeFontFamily
monospace font stack and subsequent JSON asset build (#1465)
Reverts
- Reverts EuiI18n commit from previous release (#1453)
Note: this contains some i18n work that we reverted in the next release. Use the patch release above instead
- Added Inter UI to the font family stack (#1402)
- Changed padding on
EuiHeaderLogo
and updatedEuiNavDrawer
example (#1448) - Updated
EuiNavDrawer
docs example and adjustedEuiHeaderLogo
padding (#1449) - Added EuiI18n, EuiI18nNumber, and EuiContext for localization (#1404)
Bug fixes
- Added
legend
for accessibility ofEuiButtonGroup
and fixed opacity of disabled input (#1444)
- Added
EuiNavDrawer
side nav component (#1427) - Added
inputRef
prop toEuiComboBox
(#1433) - Added custom date string formatting for series charts crosshair overlay (#1429)
- Added new icons for
symlink
andsubmodule
(#1439)
Bug fixes
- Fix mouse interaction with
EuiComboBox
in IE11 (#1437)
Bug fixes
- Downgraded
@types/react
and@types/prop-types
verisons to align with Kibana (#1435)
- Added
onBlur
prop toEuiComboBox
(#1400) - Added
initialFocus
prop typedefs toEuiModal
andEuiPopover
(#1410) - Updated
gisApp
icon (#1413) - Added
isAutoRefreshOnly
prop toEuiSuperDatePicker
(#1412) - Migrate remaining files in
accessiblity/
to TS (#1408) - Added
titleProps
anddescriptionProps
toEuiDescriptionList
(#1419) - Propagate
className
onEuiCodeBlock
in fullscreen mode (#1422) - Added
iconProps
prop toEuiIconTip
(#1420) - Added ability to pass
isDisabled
to individualEuiButtonGroup
items (#1424) - Changed
EuiRange
PropType forvalue
to allownumber
(in addition tostring
) (#1421)
Bug fixes
- Support extended characters (e.g. non-latin, unicode) in
EuiSearchBar
andEuiQuery
(#1415) - Fixed line-heights of the differently sized
EuiDescriptionList
alternates (#1419) - Updated
EuiIconTip
TS definitions to inherit those fromEuiToolTip
as well (#1420)
- Added
logoCodesandbox
and updatedapmApp
icons (#1407) - Changed
EuiListGroup
PropType forextraAction
to remove console warning (#1405)
Bug fixes
- Account for
min
attribute when determiningEuiRange
input width (#1406)
- Added
EuiListGroup
andEuiListGroupItem
components (#1377) - Convert the other of the services to TypeScript (#1392)
- Changed single selection to select existing option in the list (#1391)
- Added
showUpdateButton
prop toEuiSuperDatePicker
(#1399)
Bug fixes
EuiColorPicker
align color picker popup with color selector when page is scrolled (#1397)
- Added
onFocus
prop toEuiComboBox
(#1375) - Added
DisambiguateSet
andExclusiveUnion
utility types (#1368) - Added
EuiSuperDatePicker
component (#1351) - Fixed up styles for
EuiSuperDatePicker
(#1389) - Altered a few icons and added more:
crossInACircleFilled
,editorRedo
,editorUndo
,grabHorizontal
,minusInCircleFilled
,plusInCircleFilled
,sortable
,starEmptySpace
,starFilledSpace
,starFilled
,starMinusEmpty
,starMinusFilled
,starPlusEmpty
,pinFilled
(#1374) - Exclude
custom_typings
fromeui.d.ts
(#1395)
Bug fixes
- Only style anchor tags in
EuiText
that have no class attribute (#1373) - Fixed some EUI services' TS definitions (#1380)
Breaking changes
- Moved
EuiExpressionButton
contents toEuiExpression
and deletedEuiExpressionButton
. Also added support forcolor
anduppercase
props as well as madeonClick
optional to support read only expressions. (#1368)
Note: this release is a backport containing fixes made in 6.4.0
Bug fixes
- Fix mouse interaction with
EuiComboBox
in IE11 (#1437)
Note: this release is a backport containing fixes made in 6.0.0
Bug fixes
- Fixed some EUI services' TS definitions (#1380)
Note: this release broke some of the exported TypeScript definitions.
- Reinstate (#1353)
onBlur
action onEuiComboBox
(#1364) - Convert roughly half of the services to TypeScript (#1360)
Bug fixes
- Fixed
onCreateOption
callback ofEuiComboBox
so it isn't called when the input is empty (#1364) - Added
anchorClassName
prop toEuiPopover
(#1367) - Added support for
fullWidth
onEuiSuperSelect
(#1367) - Applied new scrollbar customization for Firefox (#1367)
- Fixed
EuiSuperSelect
from accessing ref when unmounted (1369) - Allow any color value to be passed to
EuiIcon
(#1370)
- Adjust EUI coloring to better match brand guidelines from Creative Services (#1356)
Note: this release is a backport
Bug fixes
- Fixed
onCreateOption
callback ofEuiComboBox
so it isn't called when the input is empty (#1364)
Note: this release is a backport containing changes originally made in 5.8.0
Bug fixes
- Allow any color value to be passed to
EuiIcon
(#1370)
- Convert
EuiIcon
to TypeScript (#1355) - Add support for
aria-label
,aria-labelledby
andaria-describedby
toEuiCodeEditor
(#1354)
Bug fixes
react-datepicker
set milliseconds to zero when selecting time (#1361)- Revert (#1353)
onBlur
action onEuiComboBox
. It caused regressions on Kibana. (#1363)
Bug fixes
- Fixed TypeScript definitions in
eui.d.ts
(#1359)
Note: this release broke the exported TypeScript definitions and EuiComboBox
in certain situations. These are both fixed in 5.6.0
.
- Altered functionality of
truncate
onEuiBreadcrumbs
and addedtruncate
ability on breadcrumb item (#1346) - Altered
EuiHeader
's location ofEuiHeaderBreadcrumbs
based on the newtruncate
ability (#1346) - Added support for
href
andtarget
props inEuiBasicTable
actions (#1347) - Added
.eui-textBreakWord
CSS utility class (#1349) - Added support for
EuiComboBox
converting entered text into a custom option when the user removes focus, e.g. by tabbing to another element. This prevents theEuiComboBox
from being mistaken for anEuiInputText
. (#1353)
Bug fixes
- Fixed word-breaks in table cells for Firefox (#1349)
- Fixed EUI when used in an environment lacking ES Modules support, e.g. Jest (#1358)
Note: this release broke usage of EUI in non-ES Module compatible environments. This is fixed in 5.5.0
.
- Added 3 new icons β
folderOpen
,folderClosed
, andcrosshairs
(#1350) - Added
bottomGraphic
prop toEuiCard
for Kibana home page (#1338) - Added keyboard and screenreader support to
EuiDatePicker
(#1337)
Bug fixes
- Fixed bug in exporting
CommonProps
in TypeScript definitions (#1341)
- Introduced TypeScript support, converted
EuiSpacer
andEuiHorizontalRule
(#1317)
- Added
email
icon toEuiIcon
(#1331) - Added IBM logo in colour and mono (#1321)
- Added support for nodes as "Action" column headers in
EuiBasicTable
, which was overlooked in the original change in4.5.0
(#1312) - Updated
GlobalDatePicker
example to include all Kibana features (#1219) - Adjusted
EuiDatePickerRange
to allow for deeper customization (#1219) - Added
contentProps
andtextProps
toEuiButton
andEuiButtonEmpty
(#1219) - TypeScript types are now published to a
eui.d.ts
top-level file (#1304) - Added
filterWith
option forEuiSearchBar
filters of typefield_value_selection
(#1328)
Bug fixes
EuiBasicTable
now converts theEuiTableRowCell
header
intoundefined
if it's been provided as a non-string node, hiding the header and preventing the node from being rendered as[object Object]
on narrow screens (#1312)- Fixed
fullWidth
size ofEuiComboBox
, a regression introduced in4.7.0
(#1314) - Fixed error when passing empty string as
value
prop forEuiSuperSelect
(#1319) EuiExpressionButton
now shows focus state when user tabs to it (#1326)- Added
baseline
as a possible value toEuiFlexGroup
'sFlexGroupAlignItems
type (#1329)
EuiToken
now exports enumerated constants forSHAPES
andCOLORS
(#1301)- Added mixins for
EuiCallOut
coloring andEuiTooltip
styles (#1305) - Improve TypeScript definitions for
EuiTableRowCellProps
(#1310)
Bug fixes
- Fixed size of
EuiSuperSelect
's dropdown menu when there is no initial selection (#1295) - Added TypeScript definitions for
EuiPopoverTitle
and the beta and notification badges. Ensure tab TS definitions are included in the main definition index. Fix typo in icon types (#1299)
- Added
EuiToken
component (#1270) - Added
beaker
icon toEuiIcon
and updated theEuiBetaBadge
styling (#1291) - Removed calls to deprecated
findDOMNode
(#1285)
Breaking changes
- Changed
EuiMutationObserver
to a render prop component (#1285) EuiPortal
no longer accepts a React node forinsert.sibling
value (#1285)popover_positioning
service's methods no longer accept React node values (#1285)
Bug fixes
- Added TypeScript definitions for tab components (#1288)
Bug fixes
- Added TypeScript definitions for
EuiToolTip
'sdelay
prop. (#1284) - Added TypeScript definitions for step components, and some checkbox definition fixes (#1263)
Framer X
- Added Framer component for
EuiDescirptionList
(#1276)
- Added
apmTrace
icon toEuiIcon
set (#1263) - Added Framer X component source files under the
src-framer
directory (#1263) - Added
compressed
prop toEuiComboBox
(#1258) - Added guidelines for Sass usage. (#1257)
Bug fixes
EuiComboBox
no longer throws a Maximum update depth exceeded error when used in popovers/modals (#1258)Escape
key now closesEuiComboBox
options list (#1258)- Fixed margin issue around
EuiFlexGrid
in mobile displays (#1257) - Fixed positioning and padding display issue in
EuiRange
(#1257) - Fixed
highContrastTextColor
SASS function to account for background lightness and exit possible infinite loops (#1275)
Bug fixes
- Added TypeScript definitions for
EuiFieldPassword
. (#1255) - Added TypeScript definitions for
EuiConfirmModal
, removeAnyProps
, and several definition fixes (#1260)
- Increased default font size of tabs in K6 theme (#1244)
Bug fixes
- Fixed select warning on falsy value in EuiSelect (#1254)
Bug fixes
- Add TypeScript definitions for
EuiRange
andEuiRadio
, and correct the definitions forEuiRadioGroup
(#1253)
Bug fixes
- TypeScript definition changes for
EuiAccordion
,EuiDescriptionList
,EuiForm
,EuiFormHelpText
and the accessibility services, plus a number of other TS fixes (#1247)
Bug fixes
- Changed names of
*beatApp
types inEuiIcon
to follow a consistent naming pattern (#1243)
- Added export for
TYPES
toEuiAvatar
(#1238) - Updated node-sass dependency to support OSX Mojave (#1238)
- Added TypeScript definitions for
EuiFieldNumber
,EuiFormLabel
andEuiSelect
, and fix theEuiTextColor
definition. (#1240) - Added support for nodes as column headers in
EuiBasicTable
for supporting things like tooltips and localized text. (#1234)
Bug fixes
- Fixes TypeScript definitions for
EuiKeyPadMenuItem
andEuiKeyPadMenuItemButton
(#1232)
- Added TypeScript typings for
EuiKeyPadMenu
(#1229) - Forced
EuiPopover
contents to stick to its initial position when the content changes (#1199) - Updated
EuiIcon
app icon set and allow them to adjust colorschemes (#1225)
Bug fixes
- Fixed EuiToolTip to show tooltips on disabled elements (#1222)
- Fixed EuiAvatar when name is composed entirely of whitespace (#1231)
- Added a new
colorPalette
service for retrieving and generating color arrays for use in charts (#1209) - Added
1
as a valid value for thecolumns
prop inEuiFlexGrid
(#1210) - Make
htmlIdGenerator
only return valid HTML4 ids (#637) - Use
cursor: pointer
to indicate clickableEuiTable
rows (#1213) - Add
lockOpen
icon (#1215)
- Added some opacity options to
EuiLineSeries
andEuiAreaSeries
(#1198) - Added
initialFocus
prop for focus trapping toEuiPopover
andEuiModal
(#1099) - Added table footer support with
EuiTableFooter
andEuiTableFooterCell
(#1202)
- Added
direction
toEuiFlexGroup
prop types interface (#1196) - Made
description
prop optional forEuiDescribedFormGroup
(#1191) - Fixed issue with unselected tabs and aria-controls attribute in EuiTabbedContent
- Added
tag
icon (#1188) - Replaced
logging
app icon (#1194) - Made
EuiBasicTable
rows keyboard-accessibile when they are clickable (#1206)
Bug fixes
- Fixed cross-axis alignment bug when positioning EuiPopover (#1197)
- Added background to
readOnly
inputs (#1188) - Fixed some modal default and responsive sizing (#1188)
- Fixed z-index issue of
EuiComboBoxOptionsList
especially inside modals (#1192)
Bug fixes
- Fixed an issue in
EuiTooltip
because IE1 didn't supportdocument.contains()
(#1190) - Fixed some issues around parsing string values in
EuiSearchBar
andEuiQuery
(#1189)
- Added
delay
prop toEuiToolTip
(#1103)
Breaking changes
EuiBasicTable
now shows up to 2 actions before condensing to all popover, but still displaying the top/primary 2 actions as well (#1103)EuiBasicTable
will automatically addhasActions
andisSelectable
to allow proper responsive style handling, but are still overridable (#1103)
- Decorated
pagination
next and previous buttons withdata-test-subj
. (#1182) - Added
euiFacetButton
andeuiFacetGroup
(#1167) - Added
width
prop toEuiContextMenu
panels (#1173) - Added patterns for global query and filters (#1137)
Bug fixes
- Fixed
onClickAriaLabel
console error stemming fromEuiComboBoxPill
(#1183)
- Added
maxWidth
prop toEuiModal
(#1165) - Support field names with
_
characters in search queries (#1180) - Added ability to include multiple fields in a value selection filter for
EuiSearchBar
(#1179)
Bug fixes
- Fixed an IE11
EuiModal
width issue by changing themin-width
to a pixel value (#1174)
- Added
infraApp
icon (#1161) - Added sizes to
EuiButtonIcon
(#1145) - Added
singleSelection.asPlainText
prop toEuiComboBox
(#1139) - Added proper aria labeling to
EuiSearchBar
andEuiBasicTable
so searching is properly announced (#1181)
Bug fixes
- Fixed
makeHighContrastColor
sass mixin to properly output an accessible color contrast (#1158) - Fixed
EuiTooltip
to interact correctly when the anchor is a disabled form element (#1158) - Fixed
EuiButton
(with icon) andEuiButtonEmpty
truncation (#1145) - Fixed alignment and coloring of form control clear button (#1145)
- Fixed
EuiToolTip
from setting state after component unmounts (#1163)
- Added a new
EuiStat
component for displaying prominent stats (#1146) - Added color and monotone icons for AWS and GCP. (#1135)
- Added TypeScript definition for
EuiComboBox
(#1115)
Bug fixes
- Fixed
EuiSearchBar
when used as a controlled component in React 16.4 (#1153) - Fixed
onChange
typedef onEuiSwitch
(#1144 - Fixed
EuiToolTip
's inability to update its position when tooltip content changes (#1116) - Fixed
EuiSearchBar
's syntax parsing to allow multiple escaped characters in a single field value
- Added
zIndexAdjustment
toEuiPopover
which allows tweaking the popover content'sz-index
(#1097) - Added new
EuiSuperSelect
component andhasArrow
prop toEuiPopover
(#921) - Added a new
EuiWindowEvent
component for declarative, safe management ofwindow
event listeners (#1127) - Changed
Flyout
component to close on ESC keypress even if the flyout does not have focus, using new Window Event component (#1127) - Added TypeScript definitions for
EuiAvatar
component and thecolor
services (#1120)
Bug fixes
EuiFlyout
responsive mode now gracefully overrides a custommaxWidth
(#1124
- Added TypeScript definition for
findTestSubject
test util (#1106)
Bug fixes
- Fixed bug where
EuiToolTip
content wasn't removed if its anchor is removed from the document (#1119)
Bug fixes
-
EuiWrappingPopover
only re-attach anchor element on unmount if anchor element is still attached to DOM (#1114) -
Fixed
EuiSeriesChart
overridesreact-vis
classes.(#1123)
- Fixed a bug around
indeterminate
checkboxes (#1110)
- Added support for
indeterminate
toEuiCheckbox
(#1108)
- Added typings for
EuiToolTip
andEuiIconTip
(#1087) - Added
spacesApp
logo toEuiIcon
set (#1065) - Added
!default
to border SASS props (#1079) - Added
repositionOnScroll
prop toEuiPopover
which enables repositioning the popover when the window is scrolled. (#1064) - Allow
_
and*
characters to be used inEuiSearchBar
query terms (#1058) - Added more
status
options forEuiSteps
(#1088) - Added
maxWidth
propEuiFlyout
(#1090) - Added
string
to allowedrestrictWidth
prop type ofEuiPage
andEuiPageBody
(#1090) - Added
.eui-textBreakNormal
and@mixin euiTextTruncate
as CSS/SASS utilities (#1092) - Added
fullWidth
support toEuiComboBox
(#1095)
Bug fixes
EuiMutationObserver
'schildren
prop is no longer marked as required (#1076)- Fixed large drop shadows so they work on darker backgrounds (#1079)
- Added
resize-observer-polyfill
as a dependency (was previously a devDependency) (#1085) - Fixed
EuiBasicTable
to inform its parent about a selection change triggered by a different set ofitems
(#1086) - Fixed width of
EuiFilterGroup
's popover (#1078) - Fixed
EuiStepsHorizontal
's title wrapping in IE (#1088) - Fixed wrong class name being added to
EuiPageBody
whenrestrictWidth !== false
(#1090)
- Added
onTableChange
callback toEuiInMemoryTable
which notifies on sorting and pagination changes. (#1060) EuiComboBox
now applies the provideddata-test-subj
to its options list element with the suffix-optionsList
so you can find a specific combo box instance's options list. This wasn't previously possible because the options list is attached to the body element, not the combo box element. This is in addition to the existingdata-test-subj="comboBoxOptionsList"
. (#1054)- EUI now provides minified versions of the themes' CSS files. (#1070)
Bug fixes
- Fixed
EuiSeriesChart
(previouslyEuiXYChart
) responsive resize in a flexbox layout (#1041) EuiInMemoryTable
no longer mutates theitems
prop array when sorting, adding deterministic sorting (#1057)EuiBasicTable
actions now close their context menu when clicked (#1069)
Experimental breaking change
- Renamed
EuiXYChart
toEuiSeriesChart
,EuiXYChartUtils
toEuiSeriesChartUtils
,EuiXYChartAxisUtils
toEuiSeriesChartAxisUtils
, andEuiXYChartTextUtils
toEuiSeriesChartTextUtils
(#1066)
- Added
closeButtonAriaLabel
property toEuiFlyout
(#1031) - Added types for
EuiToast
,EuiGlobalToastList
, andEuiGlobalToastListItem
(#1045) - Added a handful of third-party logos to
EuiIcon
(#1033)
Bug fixes
- Removed IE flex column fix in favor of forcing the consumer to add a
grow
prop. (#1044) - Removed max-width to children of
EuiPopover
. (#1044)
Note: this release creates a minor regression to the display of EuiFlexItem
s inside a column
EuiFlexGroup
. This is fixed in 3.2.1
.
Note: this release creates a minor regression to the display of EuiPopoverTitle
. This is fixed in 3.2.1
.
- Added typings for 'EuiBadge' (#1034)
- Added a visual pattern for Kibana's Global Date Picker (#1026)
- Added
responsive
prop toEuiFlexGrid
(#1026) - Added
expand
prop toEuiTabs
andEuiTabbedContent
(#1026) - Allow
titleElement
to be passed toEuiCard
(#1032)
Bug fixes
- Fixed
EuiContextMenuPanel
callingref
after being unmounted (#1038) EuiOutsideClickDetector
supports nested detectors in the DOM tree (#1039)- To make it more accessible, added a random id to
EuiSwitch
's id prop if none is passed. (#779) BetaBadge
now shows outside ofEuiPanel
bounds in IE (#1032)
- Added
EuiMutationObserver
to expose Mutation Observer API to React components (#966) - Added
EuiWrappingPopover
which allows existing non-React elements to be popover anchors (#966) EuiPopover
accepts acontainer
prop to further restrict popover placement (#966)EuiPortal
can inject content at arbitrary DOM locations, addedportalRef
prop (#966)
Bug fixes
EuiPopover
re-positions with dynamic content (including CSS height/width transitions) (#966)
Note: this release is a backport containing changes originally made in 3.6.1
Bug fixes
- Fixed bug where
EuiToolTip
content wasn't removed if its anchor is removed from the document (#1119)
Note: this release is a backport containing changes originally made in 3.4.0
- Allow
_
and*
characters to be used inEuiSearchBar
query terms (#1058)
Note: this release is a backport bugfix release containing changes originally made in 3.2.0
Bug fixes
- Fixed
EuiContextMenuPanel
callingref
after being unmounted (#1038)
- Added
restrictWidth
option toEuiPageBody
(#1024)
Bug fixes
- Fixed
EuiPageContent
centered layouts (#1024)
- Added typings for
EuiEmptyPrompt
,EuiCode
,EuiCodeBlock
, andEuiCallOut
(#1010) - Make utility type
Omit
compatible with newkeyof
behaviour introduced in TypeScript 2.9 (#1017) - Added visualization chart type icons (#1020)
Bug fixes
- Fixed
EuiContextMenu
causing scroll-jumps because of premature browser focus. (#1018)
- Fixed
EuiHeader
responsive styles (#1009) - Added
prepend
andappend
props toEuiFormControlLayout
(#961) - Updated style implementation of
EuiFilterGroup
andEuiFilterGroupButton
(#961) - Added
EuiDatePickerRange
as a way to layout twoEuiDatePicker
s. (#961) - Temporarily removed
EuiPage
responsive styles (#1014)
Breaking changes
- Moved
EuiHeaderNotification
to a genericEuiNotificationBadge
component (#1009)
Bug fixes
EuiInMemoryTable
no longer resets to the first page on prop update whenitems
remains the same (#1008)- Fixed css selector for hiding responsive
EuiBreadcrumb
's (#1009) - Fixed responsive utility classes for IE (#1009)
- Fixed syntax errors in
keyCodes
's andEuiContextMenu
's typescript definition (#1012)
- Added more typings to
EuiContextMenuItemProps
(#1006) - Made some properties of
EuiFlyout
optional (#1003) - Added typings for
EuiFlyout
,EuiFlyoutBody
,EuiFlyoutHeader
, andEuiFlyoutFooter
(#1001) - Gave
EuiFlyout
close button a data-test-subj (#1000) - Updated
react-vis
version to1.10.2
(#999) - Added
component
prop toEuiTextColor
(#1011)
Breaking changes
- Altered
EuiPage
and sub-component layout (#998)EuiPageHeader
must now be contained withinEuiPageBody
EuiPageSideBar
must now be outside ofEuiPageBody
Bug fixes
EuiDescribedFormGroup
now renders itsdescription
inside of adiv
instead of aspan
(#1011)
Bug fixes
- Removed global manipulation of
EuiTitle
sizing in XYCharts (#997)
Note: this release creates a minor regression to the sizing of EuiTitle
s. This is fixed in 1.2.1
.
- Added typings for keyCodes (#988)
- Changed
EuiXYChart
components exports to/experimental
subfolder (#975) - Added beta version of
EuiXYChart
and associated components (#309) - Added
size
prop toEuiIconTip
(987) - Added
database
,filter
,globe
, andsave
icons (990) - Updated typings for
EuiButton
,EuiButtonEmpty
, andEuiButtonIcon
to include<a>
tag attributes likehref
(#992)
Bug fixes
- Fixed some IE11 flex box bugs and documented others (modal overflowing, image shrinking, and flex group wrapping) (#973)
- Fixed white square that show in double scollbar via
euiScrollBar()
(989) - Fixed issue with Accordion would attempt to use properties and accessors on null (#982)
- Added more (mainly style) options to
EuiRange
(#932) - Cleaned up some
EuiPopover
styles (#969) - Added
inputRef
prop toEuiFieldPassword
(#970)
Bug fixes
- Fixed disabled states of icon buttons (#963)
- Added word-break fallback for FF & IE in table cell (#962)
- Fixed
EuiPopover
to show content over modals, flyouts, etc (#967) - Fixed background transition on inputs (#969)
EuiAccordion
use MutationObserver to re-calculate height when children DOM changes (#947)- Add
inspect
type option to icon typedef file. (#952) - Simplified form control styles. (#954)
Bug fixes
EuiPopover
now positions popover content over all other elements, instead of sometimes clipping (#948)EuiOnClickOutside
works with child components rendered via React portals (#948)
Deprecations
- Replaced the following SASS variables have been replaced
$euiFormControlHeight--compressed
,$euiFormControlPadding--compressed
,euiFormBorderColor--disabled
. (#954)
- Reduced font sizes of
EuiAvatar
(#945) - Changed release process to be fully automated by script (#944)
Bug fixes
EuiTooltip
re-positions content correctly after the window is resized (#936)EuiComboBox
list is positioned correctly in IE (#946)
- Added
getPopoverScreenCoordinates
service function for positioining popover/tooltip content, updatedEuiToolTip
to use it (#924) - Allow
mode
prop inEuiCodeEditor
to take custom mode object (#935) EuiCodeEditor
is now decorated with adata-test-subj
selector (codeEditorContainer
) (#939)EuiCodeEditor
no longer automatically scrolls cursor into view on selection change (#940)
Bug fixes
EuiTabbedContent
now updates dynamic tab content when used as an uncontrolled component (#931)
EuiComboBox
is now decorated withdata-test-subj
selectors for the search input (comboxBoxSearchInput
), toggle button (comboBoxToggleListButton
), and clear button (comboBoxClearButton
) (#918)EuiComboBox
now gives focus to the search input when the user clicks the clear button, to prevent focus from defaulting to the body (#918)- Fixed visual size of inputs by setting the box-shadow border to
inset
(#928) - Per-column custom sort values added to
EuiInMemoryTable
(#929)
Non-breaking major changes
- Added close (
cross
) button as default way to close toEuiFlyout
whenonClose
is provided (#925) - Fleshed out
EuiFlyoutHeader
for consistency (see docs) (#925)
Bug fixes
- Added
role="dialog"
toEuiFlyout
to improve screen reader accessibility (#916) - Default sort comparator (used by
EuiInMemoryTable
) now handlesnull
andundefined
values (#922)
- Added updated logos for Cloud and Cloud ECE (#906)
- Added the ability for
EuiBetaBadge
to appear onEuiPanel
similar toEuiCard
(#885) - Added
restrictWidth
toEuiPage
(#896) - Added
resize
prop toEuiTextArea
that defaults to βverticalβ (only height) (#894) - Added multiple style-only adjustments to
EuiFormControlLayout
buttons/icons (#894) - Shifted
readOnly
inputs to not have left padding unless it has an icon (#894) - Added more customization options to
EuiAvatar
(#903) - Added more color options to
EuiButtonIcon
(#907) - Added icon for EMS (Elastic Map Service) (
emsApp
) (#914) - Added support for
href
,target
, andrel
properties forEuiContextMenu
items (#911) - Added responsive helpers in the form of
EuiShowFor
andEuiHideFor
components and corresponding CSS classes. (#909)
Deprecations
- Replaced
$breakpoints
in favor of better named$euiBreakpoints
(#909) - Replaced the following mixin
screenXSmall()
,screenSmall()
,screenMedium()
,screenLarge()
,screenSmallMediumLarge()
in favor of a singleeuiBreakpoint()
. (#909)
Bug fixes
- Removed
.nvmrc
file from published npm package (#892) EuiComboBox
no longer shows the clear icon when it's a no-op (#890)EuiIcon
no longer takes focus in Edge and IE unlesstabIndex
is defined as a value other than"-1"
(#900)- Fixed regression introduced in
0.0.50
in which the form control icons blocked users from clicking the control (#898) - Fixed
EuiSwitch
background in case itβs been placed on a gray background (#894) - Fixed
EuiComboBox
hidden input focus styles (#894) - Fixed responsive widths of
EuiDescribedFormGroup
(#894) - Fixed descenders being cut off in
EuiSelect
(#894) - Fixed extra spacing applied by Safari to
EuiFieldSearch
(#894) - Fixed contrast issues in dark theming (#907)
- Added
textStyle="reverse"
prop toEuiDescriptionList
as well as a class (.eui-definitionListReverse
) fordl
's withinEuiText
(#882) - Added
inspect
icon (#886) - Added
layout
prop toEuiCard
(#885)
Bug fixes
- Moved
EuiFieldSearch
's andEuiValidateControl
's ref out of render intosetRef
methods (#883)
Note: this release creates a minor regression to form controls containing icons, in which the icon blocks the user from clicking the control. This is fixed in 0.0.52
.
- Created
EuiToggle
,EuiButtonToggle
, andEuiButtonGroup
(#872) EuiBasicTable
andEuiInMemoryTable
now acceptrowProps
andcellProps
callbacks, which let you apply custom props to rows and props (#869)- Added
offine
andonline
icons (#881)
Bug fixes
EuiContextMenuPanel
now updates appropriately if its items are modified (#887)EuiComboBox
is no longer a focus trap, the clear button is now keyboard-accessible, and the virtualized list no longer interferes with the tab order (#866)EuiButton
,EuiButtonEmpty
, andEuiButtonIcon
now look and behave disabled whenisDisabled={true}
(#862)EuiGlobalToastList
no longer triggersUncaught TypeError: _this.callback is not a function
(#865)EuiGlobalToastList
checks to see if it has dismissed a toast before re-dismissing it (#868)- Added FF/IE fallback for
.eui-textBreakWord
(#864) - Fixed
EuiCard
description text color when used in/as an anchor tag (#864) - Fixed
EuiCard
IE bugs (#864) - Fixed button labeling for
EuiFormControlLayout
andEuiComboBox
accessibility (#876) - Fixed
EuiBreadcrumb
slash alignment when truncating (#878)
Breaking changes
EuiSearchBar
no longer has anonParse
callback, and now passes an object toonChange
with the shape{ query, queryText, error }
(#863)EuiInMemoryTable
'ssearch.onChange
callback now passes an object with{ query, queryText, error }
instead of only the query (#863)EuiFormControlLayout
no longer hasonClear
,iconSide
, oronIconClick
props. Instead ofonClear
it now accepts aclear
object of the shape{ onClick }
. Instead of the icon props, it now accepts a singleicon
prop which be either a string or an object of the shape{ type, side, onClick }
. (#866)EuiBasicTable
andEuiInMemoryTable
pass-through cell props (defined by thecolumns
prop and thecellProps
prop) used to be applied to thediv
inside of thetd
element. They're now applied directly to thetd
element. (#869)
Bug fixes
EuiInMemoryTable
now applies its search filter (#851)EuiInMemoryTable
andEuiBasicTable
now pass unknown props through to their child (#836)- Added
EuiHeaderLinks
which allow you to construct navigation in the header in place of the app menu. (#844) EuiPopover
will use an alert to warn the user it traps focus (#844)
Breaking changes
- EUI requires React
16.3
or higher (#849) EuiHeaderBreadcrumbs
refactored to useEuiBreadcrumbs
. This removed all child components ofEuiHeaderBreadcrumbs
. (#844)
Bug fixes
EuiComboBox
does not passisDisabled
prop toEuiComboBoxOptionsList
to avoid "React does not recognize the 'isDisabled' prop on a DOM element" console warning (#838)EuiComboBox
does not display clear icon whenisClearable
prop is set to false andselectedOptions
prop is provided (#838)
Breaking changes
- Move
EuiBasicTable
'sitemId
prop fromselection
to a top-level property (#830) - Renamed/refactored
requiresAriaLabel
prop validator to a more generalwithRequiredProp
(#830)
- Added utility CSS classes for text and alignment concerns (#774)
- Added
compressed
versions ofEuiFormRow
and all form controls (#800) - Removed pointer cursor on
EuiFormLabel
when afor
property is not set (#825) - Added the ability to add tooltips to
EuiContextMenuItem
s (#817) - Added
EuiBreadcrumbs
(#815)
Bug fixes
- Fixes height calculation error on
EuiAccordion
when it starts loads in an open state. (#816) - Added aria-invalid labeling on
EuiFormRow
(#777) - Added aria-live labeling for
EuiToasts
(#777) - Added aria labeling requirements for
EuiBadge
, as well as a generic prop_type functionrequiresAriaLabel
inutils
to check for it. (#777) (#802) - Ensure switchesβ inputs are still hidden when
[disabled]
(#778) - Made boolean matching in
EuiSearchBar
more exact so it doesn't match words starting with booleans, like "truest" or "offer" (#776) EuiComboBox
do not setState or call refs once component is unmounted (807 and #813)- Added better accessibility labeling to
EuiPagination
,EuiSideNav
,EuiPopover
,EuiBottomBar
andEuiBasicTable
. (#821) - Added
isDisabled
toEuiComboBox
(#829)
- Added
EuiDescribedFormGroup
component, a wrapper aroundEuiFormRow
(s) (#707) - Added
describedByIds
prop toEuiFormRow
to help with accessibility (#707) - Added
isLoading
prop toEuiButtonEmpty
(#768) - Removed individual badge cross icon when
EuiComboBox
hassingleSelection
prop enabled. (#769)
Bug fixes
- Removed specificity on
EuiText
that was causing cascade conflicts around text coloring. (#770)
NOTE v0.0.45 has a bug causing it to fail during installation, please use v0.0.46
- Added
EuiBetaBadge
for non-GA labelling including options to add it toEuiCard
andEuiKeyPadMenuItem
(#705) - Added
direction
prop to EuiFlexGroup (#711) - Added
EuiEmptyPrompt
which can be used as a placeholder over empty tables and lists (#711) - Added
EuiTabbedContent
(#737) EuiComboBox
added buttons for clearing and opening/closing the combo box (#698)
Bug fixes
- Fixed
EuiTableRowCell
from overwriting its child element'sclassName
#709 - Allow
EuiContextMenuPanel
s to update when theirchildren
changes (#710) EuiInMemoryTable
now passesitemIdToExpandedRowMap
prop toEuiBasicTable
(#759)- Expanded table rows in paginated data no longer leak to other pages (#761)
Breaking changes
- Rename
logoElasticSearch
tologoElasticsearch
#755
- Reduced
EuiToast
title size (#703)
Bug fixes
- Fixed inherited
line-height
of inputs and buttons (#702) - Fixed card title sizing in K6 theme. (#704)
- Added
status
prop toEuiStep
for additional styling (#673) EuiForm
andEuiFormRow
now accept nodes forerrors
prop (#685)- Removed the default
max-width
fromEuiText
. This can still be applied by settinggrow={false}
(#683) - Added support for text alignment with
EuiTextAlign
(#683) EuiBasicTable
added thecompressed
prop to allow for tables with smaller fonts and padding (#687)
Bug fixes
- Added a
paddingSize
prop toEuiAccordion
to better mitigate situations where a nestedEuiFlexGroup
causes scrollbars (#701) - Fixed
EuiCard
icon
prop to include user provided className (#684) EuiInMemoryTable
pagination state is now reset automatically when a search is executed (#686)- Fixed slow performance of
EuiComboBox
when there are hundreds or thousands of options by virtualizingEuiComboBoxOptionsList
(#670) - Fixed some text styles (#683)
- Fixed font-family of input, textarea, select, and buttons
- Fixed style of code, pre, and dlβs inside
EuiText
- Fixed ghost text color which was being set to a dark gray
Breaking changes
- Added responsive support for tables. This isn't technically a breaking change, but you will need to apply some new props (
hasActions
,isSelectable
) for certain tables to make them look their best in mobile. Responsive table views are on by default. (#584)
- Added
grow
prop toEuiText
(#662) - Added
disabled
prop toEuiComboBoxOption
(#650) - Added support for
<pre>
and<code>
tags to<EuiText>
(#654) - Added export of SASS theme variables in JSON format during compilation (#642)
- Close
EuiComboBox
singleSelection
options list when option is choosen (#645) - Wrap
EuiStepHorizontal
text instead of truncating it (#653) - Fixed a bug where
EuiSideNavItem
wouldn't pass anonClick
handler down to<a>
tags if they also had anhref
. (#664) - Updated existing and added additional TypeScript definitions (#666)
Bug fixes
- Fixed
EuiBasicTable
re-rendering on hover of table rows (#665)
Breaking changes
EuiStepsHorizontal
now requires anonClick
prop be provided for each step configuration object (#653)
- Tweaked sizing, weights, color, line-heights, and added more levels to
EuiTitle
andEuiText
(#627) - Added TypeScript type defitions for
EuiPortal
,EuiText
andEuiTitle
as well as thecalculatePopoverPosition
service (#638) - Grayed out labels for
disabled
controls (#648)
Bug fixes
- Fix visual shadow glitch on hover of
EuiToast
(#632)
Breaking changes
- Note: This breaking change is reversed in 0.0.43. Added a default
max-width
toEuiText
. (#627)
Bug fixes
- Allow accordions to dynamically change height, and support values on radio inputs (#613)
- Accordion toggle layout is no longer flagged responsive, in order to prevent unwanted stacking on mobile (#613)
Breaking changes
- Support values on radio inputs. This is breaking because now the second argument to the radio
onChange
callback is the value, which bumps the change event to the third argument (#613)
- Modified drop shadow intensities and color. (#607)
- Added SASS color functions. Made
$euiColorWarning
color usage more accessible while still being "yellow". (#628) - Removed extraneous
global_styling/mixins/_forms.scss
file and importing the correct files in thefilter_group.scss
andcombo_box.scss
files. (#609) - Added
isInvalid
prop toEuiComboBox
(#631) - Added support for rejecting user input by returning
false
from theonCreateOption
prop ofEuiComboBox
(#631)
Bug fixes
- Visual fix for the focus state of disabled
EuiButton
(#603) EuiSelect
can pass any node as a value rather than just a string (#603)- Fixed a typo in the flex TypeScript definition (#629)
- Fixed
EuiComboBox
bug in which the options list wouldn't always match the width of the input (#611) - Fixed
EuiComboBox
bug in which opening the combo box when there's no scrollbar on the window would result in the list being positioned incorrectly (#631) - Fixed
EuiComboBox
bug in which clicking a pill's close button would close the list (#631) - Fixed
EuiComboBox
bug in which moving focus from one combo box to another would remove theeuiBody-hasPortalContent
class from the body. (#631)
- Added
EuiComboBox
for selecting many options from a list of options (#567) - Added
EuiHighlight
for highlighting a substring within text (#567) calculatePopoverPosition
service now accepts apositions
argument so you can specify which positions are acceptable (#567)- Added
closeButtonProps
prop toEuiBadge
,hollow
badge type, and support for arbitrary hex color (#567) - Added support for arbitrary hex color to
EuiIcon
(#567)
Breaking changes
- Renamed
euiBody-hasToolTip
class toeuiBody-hasPortalContent
(#567)
- Added support for range queries in
EuiSearchBar
(works for numeric and date values) (#485) - Added support for emitting a
EuiSearchBar
query to an Elasticsearch query string (#598) - Added support for expandable rows to
EuiBasicTable
(#585)
Bug fixes
- Relaxed query syntax of
EuiSearchBar
to allow usage of hyphens without escaping (#581) - Fixed font-weight issue in K6 theme (#596)
- Modified
EuiLink
and all buttons to support both href and onClick (#554) - Added
color
prop toEuiIconTip
(#580)
- Adjust
EuiCallOut
and dark theme warning coloring (#563) - Added a
buttonColor
prop toEuiConfirmModal
(#546) - Added 'baseline' as option to
EuiFlexGroup
'salignItems
prop (#546)
Bug fixes
- Fixed
EuiToolTip
bug which caused the tooltip to hide when moving the mouse around inside of the trigger element (#557, #564) - Fixed a bug where
EuiButtonEmpty
would offer a white background on hover when it was disabled, even when there was no such background transition on hover when the buttons are not disabled (#561) - Fixed table cell bugs (#565)
EuiBasicTable
now supports explicitly settingtruncateText
andtextOnly
on column definitions, and supports passing through unrecognized props to the cell (e.g.data-test-subj
).- Updated table cell CSS so that long single-word cell content will break and wrap mid-word.
- Added initial sorting option to
EuiInMemoryTable
(#547) - Horizontally scrolling
EuiTabs
(#546) - Remove padding from both sides of
EuiEmptyButton
(#546) - Added
disabled
prop to placeholder (ellipses) button in pagination (#546) - Converted
.euiHeader__notification
intoEuiHeaderNotification
(#546)
Bug fixes
EuiConfirmModal
will now check for the presence of confirm and cancel buttons before trying to focus them (#555)
- Updated
EuiDescriptionList
to accept nodes for the titles and descriptions (#552) - Added
stop
andstopFilled
icons (#543)
Bug fixes
- Fixed
EuiToolTip
smart positioning to prevent tooltip from being clipped by the window where possible (#550)
- Made
<EuiProgress>
TypeScript types more specific (#518) - Removed
font-smoothing
from our reset css for better text legibility (#539)
Bug fixes
- Made
EuiIconTip
screen reader accessible (#534) - Fixed a sorting issue in
EuiInMemoryTable
(#453) - Fixed checkbox click for
EuiCheckbox
andEuiRadio
without a label (#541)
- Add ability to force
EuiSideNav
items open by settingitem.forceOpen
. (#515)
- Added
EuiIconTip
to make it easier to display icons with tooltips (#528) - Added
buttonRef
prop toEuiButton
,EuiButtonEmpty
, andEuiButtonIcon
(#529)
Bug fixes
EuiHealth
no longer stacks flex items on small screens (#530)- Fixed
EuiPageContent
centering withinEuiPage
issue (#527) EuiConfirmModal
will now correctly auto-focus on its confirm and cancel buttons (#529)
EuiInMemoryTable
pass items to BasicTable when message is provided (#517).EuiSearchBox
now passes unused props through toEuiFieldSearch
(#514)- Change
EuiBasicTable
noItemsMessage
andEuiInMemoryTable
messgae
propType to node instead of just string (#516)
- Don't propagate a null
onClick
on EuiPanels (#473) - Use 1.1px for the
EuiHorizontalRule
height, in order to work around strange Chrome height calculations (#473) - New icons for
logoGithub
andlogoSketch
(#494) EuiCard
now has anhref
andisClickable
prop for better handling hover animations. (#494)- Added
calculateContrast
andrgbToHex
to services (#494)
Bug fixes
EuiModal
is now responsive on mobile screens (#512)EuiFlexGrid
now collapses down in mobile layouts properly. (#515)- Made
EuiCard
proptypes more permission by changing strings to nodes. (#515) - Fixed
reponsive={false}
prop not working when flex groups were nested. (#494) EuiBadge
wrapping element changed from adiv
tospan
so it can be nested in text blocks (#494)
Bug fixes
EuiSelect
do not setdefaultValue
property whenvalue
property is provided (#504).EuiBottomBar
now usesEuiPortal
to avoid zindex conflicts (#487)- Upped dark theme contrast on disabled buttons (#487)
Breaking changes
- Removed
EuiTableOfRecords
(#490)
EuiSearchBar
acceptstoolsLeft
andtoolsRight
props (#458)- Added
search.onChange
callback toEuiInMemoryTable
(#469) - Added
initialPageSize
option toEuiInMemoryTable
(#477) - Added design guidelines for button and toast usage (#371)
Breaking changes
- Complete refactor of
EuiToolTip
. They now work. Only a breaking change if you were using them. (#484)
- Removed hover and focus states from non-selectable
EuiSideNavItem
s (#434) - Added
Ast
andQuery
services (#454) - Added icons for Kibana query language (#455)
Bug fixes
- Fix error stemming from
selected
prop onEuiSelect
(#436)
Breaking changes
- The
Random
service'soneOf
method now only accepts an array (#454)
- Added
EuiInMemoryTable
, which encapsulates sorting, searching, selection, and pagination state and logic (#390) - Added stack trace information to
EuiErrorBoundary
(#428) - Make full screen code block use the same font-size on the original code block. (#447)
Bug fixes
- Fixed
EuiContextMenu
bug when using the keyboard to navigate up, which was caused by unnecessarily re-rendering the items, thus losing references to them (#431)
- Added
EuiDelayHide
component. (#412) - Decreased overall size of checkbox, radio, and switches as well as better styles for the different states. (#407)
- Added
EuiFilePicker
component forinput type="file"
needs. (#402) - Added
isLoading
prop toEuiButton
(#427) - Added icons:
eye
,eyeClosed
,grab
,heatmap
,vector
(#427) - Added
hasNoInitialSelection
option toEuiSelect
. (#422)
Bug fixes
- Fixed appearance of checked checkeboxes and radios in IE (#407)
- Fixed disabled vs enabled appearance of checked checkeboxes and radios (#407)
- Fixed disabled & checked state of switches (#407)
- Fixed
EuiCard
content alignment when content is short. (#415) - Only apply the
$euiCodeBlockSelectedBackgroundColor
variable if it is a color (#427) - No margins for
<hr>
(#427) - Fixed
EuiButton
truncation (#427)
Breaking changes
- Changed
EuiAccordion
βs method ofonToggleOpen
toonToggle
(#427)
- Logstash icon set. #399
- Added support for
disabled
options inEuiSelect
. #324 - Badges can now accept onClicks and custom colors. They were changed stylistically to be bolder and smaller by default. (#381)
- Added component to wrap blocks of substeps
EuiSubSteps
in a shaded container. (#375) - Added horizontal steps component (#375)
- Changed look and feel of pagination. Added
compressed
prop for smaller footprint pagination. (#380) - Added
EuiBasicTable
as an opinionated, high level component for constructing tables. Its addition deprecatesEuiTableOfRecords
which is still avaiable, but now marked for removal. (#377) - Added styles for
readOnly
states of form controls. (#391) - Added importAction and exportAction icons (#394)
- Added
EuiCard
for UI patterns that need an icon/image, title and description with some sort of action. (#380) - Added TypeScript definitions for the
EuiHealth
component. (#403) - Added
SearchBar
component - introduces a simple yet rich query language to search for objects + search box and filter controls to construct/manipulate it. (#379)
Bug fixes
- Tables now default to
table-layout: fixed
to avoid some collapsing cell problems. #398 - Wrap long lines of text within the body of
EuiToast
instead of letting text overflow (#392) - Fixed dark theme coloring of Substeps (#396)
- Reorder selectors to fix fixed progress bar in Firefox (#404)
- Renamed class from
euiFlexGroup--alignItemsStart
toeuiFlexGroup--alignItemsFlexStart
(#378)
EuiGlobalToastList
now prevents toasts from disappearing while the user's mouse is over the list. Addedtimer/Timer
service. (#370)
Bug fixes
- Note: This is deprecated in 0.0.21 and removed in 0.0.26.
EuiTableOfRecords
selection bugs (#365)- Deleting selected items now resets the select all checkbox to an unchecked state
- The select all checkbox only becomes checked when all selectable rows are checked, not just some of them
Breaking changes
- Changed
EuiGlobalToastList
to be responsible for instantiating toasts, tracking their lifetimes, and dismissing them. It now aceptstoasts
,dismissToast
, andtoastLifeTimeMs
props. It no longer acceptschildren
. (#370)
Bug fixes
- Fixed
EuiCodeEditor
bug in which hitting ESCAPE to close the autocompletion suggestions menu would also exit editing mode. (#363)
Bug fixes
- Downgraded
lodash
version to3.10.0
to align it with Kibana. (#359)
EuiRadio
now supports theinput
tag'sname
attribute.EuiRadioGroup
accepts aname
prop that will propagate to itsEuiRadio
s. (#348)- Added Machine Learning create jobs icon set. (#338)
- Note: This is deprecated in 0.0.21 and removed in 0.0.26. Added
EuiTableOfRecords
, a higher level table component to take away all your table listings frustrations. (#250)
Bug fixes
- Added
react-color
as a dependency (was previously a devDependency) (#354) - Stop propagation and prevent default when closing components. Otherwise the same Escape keypress could close the parent component(s) as well as the one you intend to close. (#344)
- Added
EuiColorPicker
. (#328) EuiCodeBlock
now only shows fullscreen icons ifoverflowHeight
prop is set. Also forces large fonts and padding while expanded. (#325)- Exported
VISUALIZATION_COLORS
from services (#329) - Added typescript definitions for
EuiFormRow
,EuiRadioGroup
,EuiSwitch
,EuiLoadingSpinner
,EuiLoadingChart
andEuiProgress
. (#326) - Added
checkHrefAndOnClick
andgetSecureRelForTarget
to services.
Breaking changes
EuiCodeBlock
now only shows fullscreen icons ifoverflowHeight
prop is set. Also forces large fonts and padding while expanded. (#325)- React ^16.2 is now a peer dependency (#264)
EuiProgress
no longer accepts theindeterminate
property, which never had any effect. (#326)
Bug fixes
- Fix TypeScript definitions such that optional and readonly properties survive being passed through
Omit
(#322)
- Added
isColorDark
color util (#311) - EuiButton, EuiButtonEmpty and EuiButtonIcon can now take an
href
(#316) - In
EuiSideNav
, allow a callback to be passed that renders the individual items in the navigation. This makes interoperability with e.g.react-router
easier. (#310) - Add new icon types to
EuiIcon
TypeScript definitions (#323).
Bug fixes
- Set
EuiFlexGroup
toflex-grow: 1
to be more friendly with IE11 (#315)
- Added index management icons. (#307)
Breaking changes
- Reverted test helper for async functions that throw exceptions. See PR for details on how this can be handled in Jest 22. (#306)
Bug fixes
- Minor style-only changes to
EuiPagination
, button reset,EuiTableHeaderCell
, andEuiCodeBlock
. (#298) - All NPM dependencies now use ^ to install the latest minor version.
- Added Apache, Nginx, MySQL logos (#270)
- Added small version of
EuiCallOut
(#269) - Added first batch of TypeScript type definitions for components and services (#252)
- Added button for expanding
EuiCodeBlock
instances to be full-screen. (#259) - Add test helper for async functions that throw exceptions (#301)
Bug fixes
- Removed padding on
EuiPage
mobile breakpoint. (#282) - Fixed some
EuiIcon
type
s not setting theirviewBox
attribute, which caused them to not honor thesize
properly. (#277) - Fixed
EuiContextMenu
to pass theevent
argument to aEuiContextMenuItem
'sonClick
handler even when a panel is defined. (#265)
Breaking changes
- Removed
color
prop fromEuiCodeBlock
. This component's highlighting now matches whichever theme is currently active. See PR for details on SCSS breaking changes. (#259)
- Added
EuiImage
component to allow for image sizing and zooms. (#262) - Updated
EuiOverlayMask
to append<div>
to body. (#254)
Bug fixes
- Disabled tab styling. (#258)
- Proper classname for flexGroup alignItems prop. (#257)
- Clicking the downArrow icon in
EuiSelect
now triggers selection. (#255) - Fixed
euiFormRow
id's from being the same as the containing input and label. (#251)
Breaking changes
{rest}
prop attachment moved from wrapping div to the input on checkboxes and switches. (#246)
- Updated
euiPopover
to propagatepanelPaddingSize
padding values to content only (title does inherit horizontal values) via CSS. (#229) - Updated
EuiErrorBoundary
to preserve newlines in error. (#238) - Added more icons and fixed a few for dark mode (#228)
- Added
EuiFlyout
component. (#227)
Breaking changes
- Renamed
EuiModalOverlay
toEuiOverlayMask
. (#227)
Bug fixes
- Fixed bug in
Pager
service which occurred when there were no items. (#237) - Added
isPageable
method toPager
service and set first and last page index to -1 when there are no pages. (#242)
Breaking changes
- Renamed
euiFlexGroup--alignItemsEnd
class toeuiFlexGroup--alignItemsFlexEnd
. - Remove support for
primary
color fromEuiTextColor
because it looked too much like a link.
Bug fixes
- Give
EuiFormErrorText
andEuiFormHelpText
proper line-height. (#234)
Bug fixes
- Fix button vertical alignment. (#232)
Breaking changes
- Test helpers now published at
@elastic/eui/lib/test
Bug fixes
- Case sensitive file name fix for Kibana dark theme. (#216)
justify
prop ofEuiFlexGroup
now acceptsspaceEvenly
(#205)- Increased size of
<EuiTitle size="s">
so that it's distinguishable as a title (#204)
Bug fixes
- Fixed import paths for
EuiTable
,EuiHealth
, andEuiPopover
which prevented dependents of EUI from being able to compile when importing components from thelib
directory (#203)
- Added
EuiHealth
components for status checks (#158) - Cleaned up styling for checkboxes, switches, and radios (#158)
- Form
disabled
states are now more consistent (#158) - Page and title padding adjusted to be more compact (#158)
- Table spacing is now smaller (#158)
- Dark theme forms now have better contrast with their borders (#158)
- Added icons to match Kibana's app directory (#162)
- Converted icons from SVG to React component during the build and stop using sprites (#160)
- Added
isReadOnly
,setOptions
, andcursorStart
props toEuiCodeEditor
(#169) - Added
wrap
prop toEuiFlexGroup
(#170) - Added
scope
prop toEuiTableHeaderCell
andEuiTableHeaderCellCheckbox
(#171) - Added
disabled
prop toEuiContextMenuItem
(#172) - Added
EuiTablePagination
component andPager
service (#178) - Note: This is broken until 0.0.25. Added
EuiTooltip
component (#174, #193) - Added a bold weight of 700 and apply it to
<strong>
elements by default (#193) - Icon size prop now accepts
s
. Adjusted coloring of sidenav arrows (#178) - Added
EuiErrorBoundary
(#198) - Exported
test
module, which includesfindTestSubject
,startThrowingReactWarnings
,stopThrowingReactWarnings
,requiredProps
, andtakeMountedSnapshot
helpers (#198) - Added a more systematic way to add themes; includes a new K6 theme for Kibana. (#191)
Bug fixes
- Fixed bug where screen-reader styles weren't being imported (#103)
- Fixed a bug where
<progress>
wasn't being rendered underblock
display (#166) - Fixed a bug that caused
EuiPageSideBar
width to change when the width of its content changed (#181)
Breaking changes
- Fixed a bug where table cell classes were being applied twice (#167)
- React ^16.0 is now a peer dependency (#198)
EuiFlexItem
now accepts integers between 1 and 10 for thegrow
prop. (#144)EuiFlexItem
andEuiFlexGrow
now accept acomponent
prop which you can set tospan
ordiv
(default). (#141)- Added
isLoading
prop to form inputs to allow for a loading state (#150)
Breaking changes
EuiSideNav
now accepts a tree data structure via theitems
prop (#141)EuiSideNavGroup
,EuiSideNavItem
, andEuiSideNavTitle
have been removed from the public API (#141)
- Changed the hover states of
EuiButtonEmpty
to look more like links (#135) EuiCode
now wrapsEuiCodeBlock
, so it can do everythingEuiCodeBlock
could, but inline (#138)- Added
transparentBackground
prop toEuiCodeBlock
(#138) EuiCodeBlock
now uses thelight
theme by default (#138)EuiFormRow
generates its own uniqueid
prop if none is provided (#130)EuiFormRow
associates help text and errors with the field element via ARIA attributes (#130)
0.0.1
Initial Release
- Initial public release