- 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)
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)
Bug fixes
- 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
- 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)
Bug fixes
- 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
- Revert 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 attacmhment 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