Skip to content

Latest commit

Β 

History

History
3873 lines (2602 loc) Β· 258 KB

CHANGELOG.md

File metadata and controls

3873 lines (2602 loc) Β· 258 KB

Bug fixes

  • Fixed id usage throughout EuiTreeView to respect custom ids and stop conflicts in generated ids (#4435)
  • Fixed EuiTabs role if no tabs are passed in (#4435)
  • Added getDefaultEuiMarkdownProcessingPlugins method for better control over EuiMarkdownEditor's toolbar UI (#4383)
  • Changed EuiOutsideClickDetector events to be standard event types (#4434)
  • Added EuiFieldTextProps in type definitions for EuiSuggestInput (#4452)
  • Added virtualized cell rendering to EuiDataGrid (#4170)

Bug fixes

  • Fixed heights of append and prepend in EuiComboBox (#4410)
  • Fixed EuiResizableContainer initialization timing based on DOM readiness (#4447)
  • Added a size prop to EuiContextMenu and added a smaller size (#4409)
  • Added a textSize prop to EuiHealth (#4420)
  • Removed selected item of EuiSelect when hasNoInitialSelection=true and value reset to undefined (#4428)
  • Added support for adjusting buffer for individual window sides of EuiPopover. (#4417)
  • Added 'full' option to the height prop of EuiMarkdownEditor. Added autoExpandPreview and maxHeight props to EuiMarkdownEditor (#4245)
  • Reduced the size of the icons and clear button for compressed EuiFormControlLayout (#4374)
  • Added ability for text input updates in EuiDatePicker (#4243)
  • [REVERTED in 31.3.0] Fixed heights of append and prepend in EuiFormControlLayout (#4410)

Bug fixes

  • Fixed EuiSuperDatePicker extra margin when showUpdateButton and isAutoRefreshOnly are active (#4406)
  • Added collapsble behavior to EuiResizableContainer panels (#3978)
  • Updated EuiResizablePanel to use EuiPanel (#3978)
  • Changed showTimeSelect prop to true when showTimeSelectOnly prop is set to true. (#4372)
  • Updated EuiSuperSelect recently used list to render as <ol> and <li> elements (#4370)

Bug fixes

  • Fixed EuiSuggest popover opening when an empty array is passed into the suggestions prop (#4349)

Breaking changes

  • Removed size prop from EuiResizableButton (#3978)
  • Upgraded to TypeScript v4.0 (#4296)
  • Adjusted the shadow in EuiComment (#4321)
  • Added success and warning colors to EuiButtonEmpty (#4325)
  • Added a sorting indicator on the EuiDataGridColumn (#4343)
  • Added disabled and loading status to EuiStep (#4338)
  • Added closePopover prop to EuiDataGridColumnCellActionProps (#4346)

Bug fixes

  • Fixed EuiErrorBoundary error message not showing in non-Chromium browsers (#4324)
  • Fixed EuiToolTip closing during initial positioning period (#4327)
  • Added !default to SASS variables of EuiCollapsibleNav (#4335)
  • Fixed EuiDataGrid column property displayAsText (#4351)
  • Fixed propagation of esc key presses closing parent popovers (#4336)
  • Fixed overwritten isDisabled prop on EuiListGroupItem extraAction config (#4359)
  • Fixed inputRef for EuiCheckbox (#4298)
  • Limited the links allowed in EuiMarkdownEditor to http, https, or starting with a forward slash (#4362)
  • Aligned components with an href prop to React's practice of disallowing javascript: protocols (#4362)
  • Fixed form submit bug in EuiButtonGroup by adding an optional type prop for EuiButtonGroupOption (#4368)
  • Changed label type from string to ReactNode in EuiTreeViewNode (#4352)

Theme: Amsterdam

  • Removed the shadow in EuiComment (#4321)
  • Reduced font size for xs size in EuiButtonEmpty (#4325)
  • Increased font size for m size of EuiListGroupItem (#4340)
  • Reduced padding in EuiToolTip (#4353)
  • Reduced border-radius in EuiRange's tooltip (#4353)
  • Consolidated EuiStepNumber indicators for EuiSteps and EuiHorizontalSteps (#4338)
  • Upgraded highlight.js to 9.18.5 (#4313)
  • Export euiSelectableTemplateSitewideRenderOptions (#4305)

Bug fixes

  • Expose isPreFiltered in EuiSelectable props fixing consumer-side searching (#4305)
  • Fixed stale state argument passed to searchProps.onChange in an EuiSelectable(#4292)
  • Fixed initial focus of an EuiButtonGroup when first item in a popover (#4288)
  • Fixed visible scrollbar in EuiComboBox list (#4301)
  • Removed hiding of time select on small screens for EuiDatePicker (#4301)
  • Fixed wrong columns assigned to EuiDataGrid leadingControlColumns (#4269)

Theme: Amsterdam

  • Fixed styles for EuiMarkdownEditor (#4289)
  • Rounded all corners of dropdown type of inputs (#4301)

Bug fixes

  • Reverted changing of EuiPopovers ownFocus default from false to true (#4228)
  • Exported useDataGridColumnSelector, useDataGridColumnSorting, and useDataGridStyleSelector hooks (#4271)

Theme: Amsterdam

  • Unify colors with the Elastic brand (#4284)
  • Created one consistent look for disabled EuiButton (#4284)
  • Added eql glyph in EuiIcon (#4110)
  • Added testenv mock for htmlIdGenerator (#4212)
  • Added several Sass mixins for handling of unified focus/hover states (#4242)

Bug fixes

  • Fixed cell resizer overlapping of EuiDataGrid rightmost header cell (#4071)

Theme: Amsterdam

  • Unify focus states by leaning into outline and restricting to keyboard navigation (#4242)
  • Removed faux border from EuiAvatar (#4255)
  • Changed the color and font-weight of inline code block (#4272)
  • Added EuiColorPaletteDisplay component (#3865)
  • Added initialFocusedItemIndex support to EuiContextMenuPanelDescriptor (#4223)
  • Updated the default of the EuiPopovers ownFocus prop from false to true (#4228)
  • Added role="alert" and aria-live="assertive" to EuiForm's EuiCallOut for the errors (#4238)
  • Added menuDown and menuUp glyphs to EuiIcon (#4244)
  • Removed spacer after childrenBetween in EuiInMemoryTable (#4248)
  • Changed clickOutsideDisables to true when ownFocus={false} in EuiFlyout (#4236)

Bug fixes

  • Fixed focus trap + EuiPopover bug which prevented the anchor from receiving focus when the popover closes (#4071)
  • Fixed focus trap error & performance impact when one focus trap is deactivated and another becomes enabled (#4071)
  • Fixed a condition in EuiInMemoryTable to avoid mistaken assignment of sortName (#4138)
  • Fixed bug in small EuiImage's not respecting the optional sizes when allowFullScreen is set to true (#4207)
  • Fixed incorrect initial rendering of EuiDualRange thumbs when element width is 0 (#4230)
  • Fixed bug in EuiSelectable to call searchProps.onChange and searchProps.onSearch calls in EuiSelectable (#4153)
  • Fixed truncation of the EuiComboBox placeholder text (#4210)

Theme: Amsterdam

  • Fixed base line-heights for within euiFontSize[size]() SASS mixins (#4229)
  • Added labelWidth and descriptionDisplay props to EuiSuggestItem (#4180)
  • Added screen reader notification if EuiLink opens in a new window (#4172)
  • Set external prop to true if EuiLink opens in a new window (#4172)
  • Added float and margin props to EuiImage (#4209)
  • Added color and borderRadius props to EuiPanel (#4194)
  • Updated the use case for the EuiPanel prop hasShadow (#4194)
  • Deprecated the onClick, betaBadgeLabel, betaBadgeTooltipContent, and betaBadgeTitle props of EuiPanel (#4194)

Bug fixes

  • Fixed issue with labelDisplay not being passed to EuiSuggestItem (#4180)
  • Fixed copy in EuiDataGrid's header menu's sort actions (#4199)

Theme: Amsterdam

  • Fixed border-radius in EuiFormControlLayout (#4196)
  • Added more exports for EuiInMemoryTable types (#4179)

Bug fixes

  • Removed unnecessary shadow on hover of EuiButtonGroup (#4186)
  • Fixed position of EuiScreenReaderOnly elements within EuiButtonGroup (#4189)
  • Improved EuiButtonGroup focus, hover, selected and disabled states (#4142)
  • Added display prop to EuiToolTip for common display block needs (#4148)
  • Added support for more colors in EuiProgress such as vis0 through vis9, warning, success and custom colors (#4130)
  • Added affordForDisplacement prop to EuiBottomBar (#4156)
  • Added width property to mobileOptions prop of EuiTableRowCell (#4169)

Bug fixes

  • Fixed issue with duplicate checkmarks in EuiComboBox (#4162)
  • Reinstated base element type extensions for EuiStepHorizontal and EuiStepsHorizontal (4166)
  • Deprecated EuiKeyboardAccessible (#4135)
  • Refactored EuiStep, EuiHorizontalSteps, and EuiCodeEditor for better accessibility (#4135)
  • Added minWidth prop to EuiButton (#4056)
  • Added isSelected prop to easily turn EuiButton, EuiButtonEmpty, and EuiButtonIcon into toggle buttons (#4056)
  • Updated EuiButtonGroup props and render for better accessibility (#4056)
  • Added paddingSize prop to EuiPopoverTitle and EuiPopoverFooter (#4133)
  • Added more exports for EuiBasicTable types (#4125)
  • Updated types associated with EuiMarkdownEditor plugin dependencies (#4124)
  • Upgraded dependencies related to EuiMarkdownEditor: react-dropzone, rehype-*, remark-*, and unified (#4124)
  • Added cellActions to EuiDataGrid (#3668)

Bug fixes

  • Fixed focus management bug in EuiSelectable (#4152)

Breaking changes

  • Removed EuiToggle and EuiButtonToggle in favor of aria-pressed (#4056)
  • Updated legend and idSelected props of EuiButtonGroup to be required (#4056)
  • Removed logoAPM in favor of logoObservability (#4065)
  • Removed .euiHeaderNotification CSS class (#4065)
  • Removed EuiNavDrawer in favor of EuiCollapsibleNav (#4065)
  • Removed compressed and displayOnly props from EuiFormRow in favor of the display prop (#4065)
  • Removed EuiPopover's withTitle prop (#4065)

Theme: Amsterdam

  • Tightened line-height for some EuiTitle sizes (#4133)
  • Removed uppercase from EuiPopoverTitle and fixed inherited padding from EuiPopover (#4146)
  • Fixed EuiFilterGroup and EuiFilterButton styles (#4151)
  • Added plus and minus glyphs to EuiIcon (#4111)

Bug fixes

  • Fixed custom color render of EuiIcon app (two-tone) icons (#4104)
  • Changed iconType prop to be required in EuiButtonIcon (#4106)
  • Added childrenBetween prop to EuiInMemoryTable to add content between search bar and table (#4103)
  • Added max-width: 100% to EuiKeyPadMenu to allow it to shrink when its container is smaller than its fixed width ( #4092)
  • Added key to EuiComboBoxOptionOption to allow duplicate labels (#4048)
  • Changed EuiIcon test mock to render as span instead of div (#4099)
  • Added scripts/docker-puppeteer as the new home for test-related Docker images (#4062)

Bug fixes

  • Fixed EuiFieldSearch padding when isClearable but has no value (#4089)

Note: this release is a backport containing changes originally made in 30.6.0

Bug fixes

  • Upgraded highlight.js to 9.18.5 (#4313)
  • Limited the links allowed in EuiMarkdownEditor to http, https, or starting with a forward slash (#4362)
  • Aligned components with an href prop to React's practice of disallowing javascript: protocols (#4362)

Note: this release is a backport containing changes originally made in 30.0.0

Bug fixes

  • Fixed focus management bug in EuiSelectable (#4152)
  • Added both option to flush prop of EuiButtonEmpty (#4084)
  • Added both option to flush prop of EuiButtonEmpty (#4084)

Bug fixes

  • Fixed EuiRange and EuiDualRange display of internal spacer (#4084)
  • Fixed EuiFieldSearch padding for the different states (#4084)
  • Fixed EuiCheckableCard disabled but checked styles (#4084)

Theme: Amsterdam

  • Fixed line-height on EuiTitle (#4079)
  • Improved contrast for EuiIcon and EuiButtonIcon named colors. This affects EuiHealth which uses the EuiIcon colors. (#4049)
  • Added color accent to EuiButtonIcon (#4049)

Bug fixes

  • Fixed EuiComboBox rowHeight prop causing the height of the option list to be miscalculated (#4072)
  • Fixed EuiComboBox not focusing on the selected option if selectedOptions was set without reference to options (#4072)

Theme: Amsterdam

  • Removed border-radius from EuiCallout (#4066)
  • Updated styles for EuiToast (#4076)
  • Added footer row to EuiDataGrid via the renderFooterCellValue prop (#3770)
  • Added column header menu to EuiDataGrid (#3087)
  • Added horizontal line separator to EuiContextMenu (#4018)
  • Added controlled pagination props to EuiInMemoryTablee (#4038)
  • Added gutterSize, popoverBreakpoints, popoverButtonProps, and popoverProps props to EuiHeaderLinks (#4046)
  • Added 'all' and 'none' options to the sizes prop of EuiHideFor and EuiShowFor (#4046)

Bug fixes

  • Fixed EuiTextColor playground error due to color prop not getting captured by the documentation generator (#4058)
  • Added .browserslistrc for global browser support reference (#4022)
  • Added ability to specify color of EuiHeaderLink (#4008)
  • Added boolean type to the notification prop of EuiHeaderSectionItemButton to show a simple dot (#4008)
  • Added popoverButton and popoverButtonBreakpoints props to EuiSelectableTemplateSitewide for responsive capabilities (#4008)
  • Added isWithinMaxBreakpoint service (#4008)

Bug fixes

  • Fixed EuiSuperDatePicker got stuck in update mode if the value is not changed (#4025)
  • Fixed ref not being handled properly in EuiValidatableControl when used with react-hook-form (#4001)
  • Fixed EuiNotificationBadge color prop type (#4008)
  • Fixed z-index of EuiBottomBar to stay under header (#4008)
  • Fixed regression of EuiSelectable not abiding by the showIcons prop (#4008)
  • Fixed contrast of search input of EuiSelectableTemplateSitewide in dark header (#4008)
  • Fixed EuiImage unable to deactivate the full screen mode using the close icon (#4033)
  • Allowed onClick prop when href prop is provided in EuiBadge (#4035)

Breaking changes

  • Changed EuiHideFor and EuiShowFor from using media queries to hide content to not rendering the content. Children are now required and display has been removed (#4008)
  • Added loading icon to EuiComboBox input when isLoading is true (#4015)
  • Changed value prop in EuiExpression to not required (#4014)
  • Added fold and unfold glyphs to EuiIcon (#3994)

Bug fixes

  • Fix incorrect euiCodeBlockNameColor variable usage for .hljs-name in SCSS (#3991)
  • Fixed bug in EuiAccordion where the arrowDisplay="right" is ignored when extraAction is configured (#3971)

Theme: Amsterdam

  • Updated form control styles to use a uniform border-radius (#3741)

Bug fixes

  • Fixed EuiFieldSearch's clear button covering the value of the input (#3936)
  • Fixed bug in EuiComboBox where the input was dropping to the next line when a EuiBadge had a very long text (#3968)
  • Fixed type mismatch between EuiSelectable options extended via EuiSelectableOption and internal option types (#3983)
  • Fixed EuiButton CSS for RTL languages by using margin-inline-[pos] instead of margin-[pos] (#3974)
  • Fixed server-side rendering of EuiBreadcrumbs and EuiCollapsibleNav (#3970)
  • Adjusted coloring of EuiSideNav to be more consistent across open states (#3926)
  • Added build-specific babel configurations for docs and tests (#3911)
  • Updated browserslist configuration to remove IE accommodations (#3911)
  • Removed docgenInfo from non-docs production builds (#3911)
  • Added regressionJob, outlierDetectionJob and classificationJob icons to Machine Learning icon set, updated others. (#3931)
  • Added operator field to EuiSearchBar's field_value_selection filter configuration (#3922)

Bug fixes

  • Fixed bug in EuiBasicTable not fully expanding tall rows (height > 1000px) (#3855)
  • Fixed bug in EuiDataGrid which sometimes prevented header cells from being focusabled (#3943)
  • Fixed bug in EuiFieldSearch where a default value would not include the clear button (#3958)
  • Fixed focus fighting bug when EuiDataGrid cell content manages its own popover (#3951)
  • Fixed valueText getting cut off in EuiProgress (#3948)
  • Added EuiSelectableTemplateSitewide as wrapper of EuiSelectable for Elastic's global search component (#3800)
  • Updated styles of EuiMark to override browser default (#3800)
  • Updated EuiHighlight to use EuiMark as matching element wrapper (#3800)
  • Enhanced EuiSelectable's option type to allow for a separate searchableLabel and any generic keys (#3800)
  • Added listProps.onFocusBadge, loadingMessage, noMatchesMessage, and emptyMessage props to EuiSelectable (#3800)
  • Added bordered prop to EuiSelectableMessage (#3800)

Bug fixes

  • Fixed display of EuiBadge if only the iconType is passed (#3800)
  • Fixed accessibility error in EuiSelectable when the list isn't on the page (#3800)
  • Fixed accessibility error in EuiPopover when ownFocus = false (#3800)
  • Added isLoading and isLoadingMessage props to EuiAccordion (#3879)
  • Added testenv mock for EuiFocusTrap (#3930)

Bug fixes

  • Fixed bug in EuiCodeBlock content overlapping with control buttons when whiteSpace was set to "pre" (#3853)
  • Fixed EuiFocusTrap not applying provided style prop (#3916)
  • Fixed bug in EuiDataGrid when a new pagination object would cause every cell to render (#3919)
  • Update createTheme to apply latest changes to elastic charts Theme. (#3792)
  • Added icons for appSearchApp and workplaceSearchApp to EuiIcon (#3859)
  • Added unlink glyph to EuiIcon (#3869)
  • Added EuiMarkdownEditor and EuiMarkdownFormat components (#3522)

Bug fixes

  • Fixed EuiFacetGroup container expansion due to negative margin value (#3871)
  • Fixed EuiComboBox delimeter-separated option creation and empty state prompt text (#3841)
  • Fixed EuiDataGrid not properly resizing within a fixed height container (#3894)
  • Fixed bug in EuiFieldPassword where an edge case mutated its append prop (#3884)

Breaking changes

  • Requires @elastic/charts version 20.0.0 and above for chart theming utils.

Note: this release is a backport containing changes originally made in 28.1.0

  • Added testenv mock for EuiFocusTrap (#3930)
  • Added customOptionText prop to EuiComboBox (#3811)

Bug fixes

  • Improve EuiDataGrid Chrome rendering performance in full screen (#3726)
  • Removed @elastic/eui/src-docs entries from published eui.d.ts (#3856)

Bug fixes

  • Fixed bug in all input fields placeholders in Safari that weren't vertically centered (#3809)
  • Removed pointer-events: none in both EuiButton & EuiButtonEmpty to not override the pointer-events: auto in the button mixin euiButtonContentDisabled (#3824)
  • Fixed bug in EuiPagination showing wrong page count when compressed prop is true. (#3827)
  • Fixed bug in EUI's input field components where their inputRef couldn't be a RefObject (#3822)
  • Moved react-view and html-format to be devDependencies (#3828)
  • Fixed EuiComboBox keyboard selection when sortMatchesBy=startsWith (#3823)
  • Fixed EuiCodeEditor not exiting edit mode with esc when enableLiveAutocompletion=true (#3833)
  • Fixed issue where EuiDataGrid's cell expansion popover would sometimes render as a scrollable element (#3832)
  • Added possibility to hide "Rows per page" select in EuiDataGrid (#3700)
  • Updated lodash to v4.17.19 (#3764)
  • Added returnKey glyph to EuiIcon (#3783)
  • Added type prop to EuiFieldPassword to support toggling of obfuscation (#3751)

Bug fixes

  • Fixed bug in EuiDataGrid not calculating the width correctly (#3789)
  • Fixed EuiComboBox marking some very long inputs as invalid (#3797)
  • Added analyzeEvent glyph in EuiIcon (#3729)
  • Updated EuiComboBox to allow the options list to open for single selection custom options (#3706)
  • Added useEuiI18n hook for localization (#3749)
  • Added a hit enter badge to EuiComboBox when focusing an option and for empty states that allow pressing enter (#3782)

Bug fixes

  • Fixed EuiComboBox always showing a scrollbar (#3744)
  • Replaced react-focus-lock with react-focus-on (#3631)
  • Fixed errors in EuiSuperDatePicker related to invalid and null date formatting (#3750)
  • Fixed type definitions for findTestSubject and takeMountedSnapshot (#3763)
  • Fixed EuiComboBox not allowing clicks on previously virtualized items when inside of EuiFormRow (#3784)
  • Removed [Space] as a way to select options in EuiSelectable (#3784)
  • Fixed type definition for windowProps in EuiSelectable (#3787)
  • Added titleElement and descriptionElement props to EuiStat (#3693)
  • Updated securityAnalyticsApp app icon (#3720)
  • Removed src/test and @types/enzyme references from eui.d.ts (#3715)
  • Added index.d.ts file to lib/test and es/test (#3715)
  • Added descriptionFlexItemProps and fieldFlexItemProps props to EuiDescribedFormGroup (#3717)
  • Expanded EuiBasicTable's default action's name configuration to accept a function that returns a React node (#3739)
  • Added internal use only button building blocks for reusability in other button components (#3730)
  • Added paddingSize prop to EuiCard (#3638)
  • Added isClearable and placeholder options to EuiColorPicker (#3689)
  • Added SASS helper files for EUI theme globals (#3691)
  • Add label, labelProps and valueText props to EuiProgress (#3661)

Bug fixes

  • Fixed a bug in EuiResizableContainer preventing nested containers (#3699)
  • Fixed a bug in EuiResizableContainer preventing resizing by arrow keys in some cases (#3699)
  • Fixed EuiHorizontalSteps rendering over EuiHeader (#3707)
  • Fixed bug where EuiSuperSelect lost focus after a value selection (#3734)

Breaking changes

  • Significant accessibility refactor of EuiSelectable (#3169)
    • react-virtualized replaced with react-window
    • virtualizedProps on EuiSelectableOptionsList renamed to windowProps
    • Removed rootId and added makeOptionId, listId, and setActiveOptionIndex to EuiSelectableList
    • Added listId to EuiSelectableSearch
    • options passed into EuiSelectable cannot have an id
    • Requires an onChange to be passed into EuiSelectableSearch

Note: this release is a backport containing changes originally made in 27.2.0

Bug fixes

  • Fixed errors in EuiSuperDatePicker related to invalid and null date formatting (#3750)

Note: this release is a backport containing changes originally made in 27.3.1

Bug fixes

  • Fixed bug in EuiPagination showing wrong page count when compressed prop is true. (#3827)

Note: this release is a backport containing changes originally made in 27.1.0

  • Updated securityAnalyticsApp app icon (#3720)

Note: this release is a backport containing changes originally made in 27.0.0

  • Added isClearable and placeholder options to EuiColorPicker (#3689)
  • Expanded EuiBasicTable's default action's name configuration to accept any React node (#3688)
  • Added background.color to EUI_CHARTS_THEME_LIGHT/DARK.theme (#3669)
  • Added gutterSize prop to EuiFacetGroup (#3639)
  • Updated props of EuiCode and EuiCodeBlock to reflect only functional props (#3647)
  • Updated EuiResizableContainer onPanelWidthChange callback method to include all panel widths (#3630)
  • Extended Query / EuiSearchBar to allow any character inside double-quoted phrases (#3432)
  • Added headerZindexLocation prop to EuiOverlayMask (#3655)
  • Added maskProps prop to EuiFlyout and EuiCollapsibleNav (#3655)

Bug fixes

  • Fixed EuiContextMenu panel onAnimationEnd transition bug in Chrome (#3656)
  • Fixed EuiSkipLink interactive props and Safari click issue (#3665)
  • Fixed z-index issues with EuiHeader, EuiFlyout, and other portal content (#3655)
  • Fixed color prop error in EuiBadge to be more flexible with what format it accepts (#3655)
  • Fixed EuiSuperSelect popover from moving 16px horizontally when it's close to a window edge (#3685)

Theme: Amsterdam

  • Fixed EuiHeaderBreadcrumb height, onClick, border-radius, and single item display (#3655)
  • Optimized in-memory datagrid mount performance (#3628)
  • Exported EuiCardProps and EuiCheckableCardProps types (#3640)

Bug fixes

  • Fixed fullscreen render issue in EuiCode (#3633)
  • Added useEuiTextDiff react hook utility (#3288)
  • Converted EuiOverlayMask to be a React functional component (#3555)
  • Changed responsive and max behavior of EuiBreadcrumbs to always display collapsed items in popover #3578)
  • Added BREAKPOINTS and getBreakpoint utilities #3578)
  • Added 'any' option to the step prop of the EuiFieldNumber (#3562)
  • Moved all EuiHeader SASS variables to global_styles (#3592)
  • Added side prop to EuiGlobalToastList for choosing which window side to display toasts (#3600)
  • Default titleSize get's implicitly set to 'm' for EuiEmptyPrompt (#3598)
  • Updated logoElastic to meet brand guidelines (#3613)
  • Allowed user to enter hexcode for colors in EuiStat (#3617)
  • Extended CommonProps in EuiColorPalettePickerPaletteTextProps, EuiColorPalettePickerPaletteFixedProps and EuiColorPalettePickerPaletteGradientProps types (#3616)
  • Updated onToggle callback in EuiAccordion to allow for external state control (#3614)

Bug fixes

  • Added display prop to EuiDataGridColumnSortingDraggable to pass displayAsText prop correctly to the column sorting popover.(#3574)
  • Fixed EuiCodeBlockImpl testenv mock pass-through of data-test-subj attribute (#3560)
  • Fixed DOM element creation issues in EuiOverlayMask by using lifecycle methods (#3555)
  • Fixed EuiComboBox's options list zIndex positioning when nested in other zIndex contexts (#3551)
  • Fixed euiHeaderAffordForFixed mixin's use of header SASS variable (#3592)
  • Included onClick as a valid prop for EuiControlBar icon controls (#3581)
  • Fixed poor performance of EuiToolTip during frequent mouesover/mouseout events (#3596)
  • Fixed EuiBasicTable custom actions popover from remaining open after click (#3619)

Breaking changes

  • Changed breadcrumb TS type exported name from Breadcrumb to EuiBreadcrumb (#3578)
  • Removed $euiZComboBox SCSS variable (value was 8001) (#3551)

Theme: Amsterdam

  • Updated EuiCallout by removing left border, adding border radius and increasing font weight on titles (#3557)
  • Updated EuiHeaderBreadcrumbs style to be more prominent (#3578)
  • Fixed EuiFilterGroup border-radius (#3591)
  • Updated EuiCodeBlock inline code style to use border radius (#3599)
  • Added conditional rendering of the title element in EuiCallOut to avoid usage of additional space caused by the rendered <div> element (#3549)
  • Added invalidCallout prop to EuiForm to allow conditional rendering of error callout(#3585)

Bug fixes

  • Fixed EuiCard image corners to be contained within border radius (#3556)
  • Fixed EuiKeyPadMenu and EuiKeyPadMenuItem aria roles (#3502)
  • Fixed EuiFieldSearch input clear button doesn't show when external input is passed(#3497)
  • Fixed EuiBasicTable footers to always use a unique key (#3559)
  • Fixed EuiInMemoryTable by changing the getDerivedStateFromProps to not block the updates as soon as it hits a true if condition (#3579)

Breaking changes

  • A fixed EuiHeader no longer automatically padding directly to the <body> element (#3538)
  • Improved EuiPagination, EuiDataGrid, EuiBasicTable and EuiInMemoryTable accessibility, causing EuiPaginationButton to require a new prop pageIndex (#3294)
  • Replaced all usages of KeyboardEvent.keyCode (deprecated) with KeyboardEvent.key. From @elastic/eui/lib/services, keyCodes has been replaced with keys, as has cascadingMenuKeyCodes->cascadingMenuKeys, and comboBoxKeyCodes->comboBoxKeys. The implementation of all of those exports (as well as accessibleClickKeys) all now use KeyboardEvent.key values. (#3517)
  • Added displayAsText prop to EuiDataGridColumn (#3520)
  • Added minSizeForControls prop to EuiDataGrid to control the minimum width for showing grid controls (#3527)
  • Passed getSelectedOptionForSearchValue to EuiComboBoxOptionsList as prop (#3501)
  • Added appendIconComponentCache function to allow manual pre-emptive loading of source elements into the EuiIcon cache (#3481)
  • Added initialSelected to EuiTableSelectionType properties to set initial selected checkboxes for EuiBasicTable (#3418)
  • Added exports for EuiSteps and related components types (#3471)
  • Added displayName to components using React.forwardRef (#3451)
  • Added event target checker for EuiOverlayMask's onClick prop (#3462)
  • Added EuiColorPalettePicker component (#3192)
  • Added left-start popover placement to EuiDatePicker (#3511)
  • Added theme prop to EuiHeader (#3524)
  • Added .euiHeaderLink-isActive class to EuiHeaderLink when isActive (#3524)
  • Added display, descriptionWidth, textWrap and isInvalid props to EuiExpression (#3467)
  • Added more exports for EuiColorPalettePicker types (#3542)

Bug Fixes

  • Fixed issue where multiple EuiToolTip components could be visible when element was focused (#3335)
  • Fixed EuiSuperSelect not rendering full width when isOpen is true (#3495)
  • Fixed EuiBasicTable shows no items if all items of last page is deleted (#3422)
  • Fixed TypeScript module name in generated eui_charts_theme.d.ts file (#3492)
  • Fixed code highlight color contrast in EuiCodeBlock (#3309)
  • Fixed regression in EuiComboBox not triggering its inputRef callback (#3532)

Deprecations

  • Added a deprecation notice for EuiNavDrawer family of components. Advise usage of EuiCollapsibleNav instead (#3487)

Notes

  • Removed src-framer files from the repository (#3487)

Theme: Amsterdam

  • Removed borders EuiModal (#3515)
  • Improve EuiOverlayMask colors (#3515)
  • Updated shadow styles to improve smoothness, use black as the base color, and deprecated opacity value of shadow mixins (#3428)
  • Removed borders from EuiFlyout and EuiPopover (#3477)
  • Updated EuiHeader and components (#3524)
  • Added null as acceptable icon prop for EuiCard (#3470)
  • Added sortBy and sortShift props to euiPaletteColorBlind() for sorting along the color wheel (#3387)
  • Added utcOffset prop to EuiSuperDatePicker (#3436)
  • Added partition key to EuiChartThemeType for Partition chart support (#3387)
  • Updated EuiImage's caption prop type from string to ReactNode (#3387)
  • Improved contrast for EuiCollapsibleNav close button (#3465)

Bug Fixes

  • Fixed EuiSuperDatePicker quick selection menu overriding specified time range with default values (#3446)
  • Fixed EuiCodeEditor console error when using the editor without import the default theme (#3454)
  • Fixed EuiDatePopoverContent onChange event to only accept string date input (#3460)

Breaking changes

  • Changed parameters for euiPaletteColorBlind() to an object (#3387)
  • Changed the default palette of EUI_CHARTS_THEME_LIGHT/DARK themes to the naturally sorted euiPaletteColorBlind() (#3387)

Note: this release is a backport containing changes originally made in 24.0.0

Bug Fixes

  • Fixed EuiSuperDatePicker quick selection menu overriding specified time range with default values (#3446)
  • Fixed EuiDatePopoverContent onChange event to only accept string date input (#3460)
  • Added aria-hidden = true to EuiRangeSlider and EuiRangeTrack if showInput = true (#3423)
  • Added testenv mock for EuiCode and EuiCodeBlock (#3405)
  • Added displayName to components using React.forwardRef (#3440)

Bug Fixes

  • Fixed EuiCode and EuiCodeBlock from erroring in environments without a DOM implementation (#3405)
  • Fixed ApplyClassComponentDefaults typescript utility to correctly determine defaulted properties' types (#3430)
  • Fixed prettyDuration return type to be string, use fallback value (#3438)
  • Added iconType prop to EuiDatePicker (#3383)
  • Applied max-width: 100% to EuiPageBody so inner flex-based items don't overflow their containers (#3375)
  • Added titleSize prop to EuiStep and EuiSteps (#3340)
  • Handled ref passed to EuiHeaderSectionItemButton (#3378)
  • Added iconProps prop to EuiCollapsibleNavGroup to extend the props passed to the rendered EuiIcon (#3365)
  • Added closeButtonProps to EuiCollapsibleNav (#3398)
  • Added buffer prop to EuiPopover for altering minimum distance to container edges (#3398)
  • Allowed search prop changes to update EuiInMemoryTable internal query state (#3371)
  • Added EuiResizableContainer component (#2701)
  • Added caching layer on EuiIcon to prevent delays and flickering when rendering an already fetched icon (#3404)

Bug Fixes

  • Fixed EuiFieldSearch to trigger onSearch single time instead of two times (#3425)
  • Fixed EuiBasicTable item selection when id is 0 (#3417)
  • Fixed EuiNavDrawer not closing on outside click after being unlocked (#3415)
  • Fixed EuiBadge iconOnClick props makes badge text clickable (#3392)
  • Added id requirement if label is used in EuiRadio (#3382)
  • Fixed z-index issue in EuiDatePicker where it's popover would sit beneath other DOM siblings that had z-index applied (#3376)
  • Added download glyph to EuiIcon (#3364)
  • Applies max-width: 100% to EuiPageBody so inner flex-based items don't overflow their containers (#3375)
  • Added ReactElement to EuiCard image prop type to allow custom component (#3370)
  • Fixed EuiCollapsibleNavGroup titleSize prop type to properly exclude l and m sizes (#3365)
  • Fixed EuiDatePickerRange start date popover to sit left under the icon (#3383)
  • Fixed euiFormControlIsLoading SASS mixin to prevent the loading icon from overlapping with the text when the form control is compressed and adjusted the amount of padding (#3401
  • Fixed EuiHeader z-index issues with popovers and added body classes for the presence of EuiFlyout and EuiCollapsibleNav.isOpen (#3398)
  • Fixed EuiInMemoryTable data reset when filter is set and item is selected (#3419)
  • Fixed popoverPlacement default value for EuiDatePicker (#3427)
  • Removed additional padding applied to $euiHeaderHeightCompensation when EuiHeader is fixed (#3369)

Bug Fixes

  • Fixed EuiDescribedFormGroup issue that prevented it from shrinking down properly in smaller viewports (#3369)
  • Added showCloseButton and dockedBreakpoint flexibility to EuiCollapsibleNav (#3330)
  • Added panelStyle prop to EuiPopover to distinguish style object configuration (#3329)
  • Added popoverPlacement prop in EuiDatePicker (#3359)
  • Extended EuiDatePicker's startDate and endDate types to accept null values for better interoperability (#3343)
  • Added EuiCommentList component (#3344)
  • Added secondary color value input element to EuiColorPicker (#3336)

Bug Fixes

  • Fixed EuiInMemoryTable isClearable property to initiate reset (#3328)
  • Removed schema attribute form <input/> in EuiInMemoryTable (#3337)
  • Fixed EuiCollapsibleNav docked states on mobile (#3330)
  • Fixed EuiPopover positioning from being overridden by style prop (#3329)
  • Fixed EuiCodeBlock not copying updated content (#3351)
  • Fixed alignment of popover of end date of EuiDatePickerRange (#3359)

Breaking changes

  • Upgraded TypeScript to 3.7.2 (#3295)
  • Changed EuiCollapsibleNav prop name from hideButtonIfDocked to showButtonIfDocked and flipped default (#3330)
  • Converted NavDrawer, NavDrawerGroup, and NavDrawerFlyout to TypeScript (#3268)
  • Converted EuiDatePicker, EuiDatePickerRange, EuiSuperDatePicker, and EuiSuperUpdateButton to TypeScript (#2891)
  • Improved condensed EuiTabs focus states (#3299)
  • Added EuiTour, EuiTourStep, and useEuiTour components (#2766)
  • Added EuiBeacon component (#2766)
  • Added offset and arrowChildren props to EuiPopover for anchor element customization (#2766)

Bug Fixes

  • Fixed EuiProgress max property to allow undefined (#3198)
  • Added forceState prop to control EuiAccordion state from outside (#3240)

Bug Fixes

  • Fixed EuiI8n hasPropName utility errors on null values (#3303)
  • Fixed the inline styles being overwritten by consumer-passed inline styles in EuiBadge (#3284)
  • Added support for href, onClick, and related props in EuiBasicTable default actions (#3115)
  • Added support for EuiCodeEditor to set readonly and id on <textarea /> (#3212)
  • Added EuiComment component (#3179)

Deprecation

  • Updated makeId to DEPRECATED, shifted all the calls to htmlIdGenerator (#3129)

Bug Fixes

  • Fixed EuiTabbedContent focus discrepancy between selected and initialFocus tabs (#3285)
  • Fixed the initialSelectedTab prop of EuiTabbedContent to not steal focus from content. Which fixed the bug in EuiSuperDatePicker that required two clicks to focus input in relative tab (#3154)
  • Fixed the img element in EuiIcon using custom SVGs to have an alt attribute with an empty string, rather than no alt attribute at all (#3245)
  • Added overflows to EuiDataGrid toolbar dropdowns when there are many columns (#3238)
  • Fixed EuiIcon's icon type definition to allow custom React components (#3252)
  • Fixed initialSelectedTab properties used in EuiDatePopoverContent (#3254)
  • Fixed EuiSideNavItem overriding custom className of item and icon (#3283)
  • Fixed EuiFieldSearch clear button inconsistencies (#3270)
  • Fixed components with href usage of rel (#3258)

Note: this release is a backport containing changes originally made in 23.0.0, 23.1.0, and 23.2.0

  • Removed additional padding applied to $euiHeaderHeightCompensation when EuiHeader is fixed (#3369)
  • Handled ref passed to EuiHeaderSectionItemButton (#3378)
  • Added showCloseButton and dockedBreakpoint flexibility to EuiCollapsibleNav (#3330)
  • Added closeButtonProps to EuiCollapsibleNav (#3398)
  • Added buffer prop to EuiPopover for altering minimum distance to container edges (#3398)

Bug Fixes

  • Fixed EuiDescribedFormGroup issue that prevented it from shrinking down properly in smaller viewports (#3369)
  • Fixed EuiCollapsibleNav docked states on mobile (#3330)
  • Fixed EuiHeader z-index issues with popovers and added body classes for the presence of EuiFlyout and EuiCollapsibleNav.isOpen (#3398)

Breaking changes

  • Changed EuiCollapsibleNav prop name from hideButtonIfDocked to showButtonIfDocked and flipped default (#3330)
  • Removed dependency on option list for custom option of EuiComboBox (#3183)
  • Fixed EuiPopover arrow position in Android and Linux (#3188)
  • Improved htmlIdGenerator when supplying both prefix and suffix (#3076)
  • Updated pagination prop descriptions for EuiInMemoryTable (#3142)
  • Added title and aria attributes to EuiToken's icon element (#3195)
  • Added new Elasticsearch token types (#2758)

Bug Fixes

  • Fixed bug in EuiAccordion to adjust to the correct height when content height changes (#3160)
  • Fixed bug in EuiBasicTable to handle dynamic icon value properly in collapsed actions (#3145)
  • Fixed availability check for actions in EuiBasicTable (3030)
  • Improved EuiModal close button position to prevent from overlapping with the title (#3176)

Bug Fixes

  • Removed outline of EuiSelect in Firefox ([#3197] (elastic#3197))
  • Fixed EuiBasicTable proptypes of itemId (#3133)
  • Updated EuiSuperDatePicker to inherit the selected value in quick select (#3105)

Feature: EuiCollapsibleNav (#3019)

  • Added EuiCollapsibleNav and EuiCollapsibleNavGroup components
  • Added EuiPinnableListGroup, an extension of EuiListGroup
  • Added ghost colored EuiListGroupItem, increased overall large size, and fixed focus states
  • Added color and size props to EuiListGroup
  • Added home and menu glyphs to EuiIcon
  • Added simple euiXScroll and euiYScroll SASS mixins and CSS utility equivalents

Bug Fixes

  • Fixed EuiAccordion icon margins, focus state, and flex issue in IE
  • Fixed 1.1px height of EuiHorizontalRule

Bug Fixes

  • Fixed infinite call stack in EuiResizeObserver's fallback polyfill (#3180)
  • Correct defaultProps definition in EuiComboBox (#3180)
  • Added delimiter prop to EuiComboBox (#3104)
  • Added useColorPickerState and useColorStopsState utilities (#3067)
  • Fixed EuiSearchBar related types (#3147)
  • Added prepend and append ability to EuiSuperSelect (#3167)

Bug Fixes

  • Fixed EuiNavDrawer scrolling issue on mobile (#3174)
  • Replaced various lodash functions with native functions (#3053)
  • Added whiteSpace prop to EuiCodeBlock (#3103)
  • Added sortMatchesBy prop for EuiComboBox (#3089)
  • Added prepend and append ability to EuiFieldPassword (#3122)
  • Added Enter key press functionality to EuiSuperDatePicker (#3048)
  • Added title to headers of EuiTable in case of truncation (#3094)
  • Added i18n to EuiTableHeaderCell (#3094)
  • Added number and string to size type of EuiImage for setting custom sizes (#3012)
  • Improved EuiButtonEmpty focus state when the color type is text (#3135)
  • Added EuiLoadingElastic component (#3017)
  • Upgraded react-beautiful-dnd to v13 (#3064)
  • Fixed EuiPagination vertical alignment of the text when used as compressed (#3152)
  • Added showTooltip prop for EuiSuperUpdateButton to show tooltip and showing only once popovers are closed (#3127)

Bug Fixes

  • Fixed bug in EuiSuperDatePicker not showing correct values in relative tab of end date (#3132)
  • Fixed bug in EuiSuperDatePicker to show correct values of commonly used values in relative tab (#3106)
  • Fixed race condition in EuiIcon when switching from dynamically fetched components (#3118)
  • Fixed the issue that EuiResizeObserver fallback did not properly listen to pure window resizing (#3088)

Breaking changes

  • Removed EuiKeyPadMenuItemButton in favor of just EuiKeyPadMenuItem that can also accept an onClick (#3062)
  • Updated EuiFilterSelect to retain the order of its filters (#3063)
  • Added href prop to EuiBadge (#3009)
  • Added props descriptions for EuiComboBox (#3007)
  • Exported dateFormatAliases as a part of the public API (#3043)
  • Exported EuiTextProps type definition (#3039)
  • Added a component prop to EuiForm to render a <form>(#3010)
  • Removed role attribute from EuiImage(#3036)
  • Added prepend and append ability to EuiComboBox single selection only (#3003)
  • Added onColumnResize prop to EuiDataGrid of type EuiDataGridOnColumnResizeHandler that gets called when column changes it's size (#2963)
  • Added logoEnterpriseSearch to EuiIcon (#3066)
  • Added RGB format support to EuiColorPicker and EuiColorStops (#2850)
  • Added alpha channel (opacity) support to EuiColorPicker and EuiColorStops (#2850)
  • Added useResizeObserver hook (#2991)
  • Added showColumnSelector.allowHide and showColumnSelector.allowReorder props to EuiDataGrid UI configuration (#2993)
  • Added EuiMark component (#3060)
  • Changed tabs.name prop shape in EuiTabbedContent to accept a node, which aligns it with EuiTab (#3100)

Bug Fixes

  • Fixed EuiFieldNumber so values of type number are now allowed (#3020)
  • Fixed SASS contrastRatio() function in dark mode by fixing the pow() math function ([#3013], (elastic#3013))
  • Fixed bug preventing EuiDataGrid from re-evaluating the default column width on resize (#2991)
  • Fixed padding in EuiCallOut when used as a banner for EuiFlyout (#3098)

Bug Fixes

  • Made EuiDataGrid's schema.isSortable value optional (#2991)
  • Added EuiDataGrid's default sort order property (#2987)
  • Fixed EuiDataGrid's pagination visibility when changing rows per page (#2978)
  • Added highlightAll prop to EuiHighlight to highlight all matches (#2957)
  • Added showOnFocus prop to EuiScreenReaderOnly to force display on keyboard focus (#2976)
  • Added EuiSkipLink component (#2976)
  • Created EuiBadgeGroup component (#2921)
  • Added sections and position props to EuiHeader (#2928)
  • Added gutterSize prop to EuiListGroup (#2980)
  • Added color prop to EuiListGroupItem and updated size style (#2980)
  • Added enableAllColumns to EuiBasicTable component (#2906)

Bug Fixes

  • Fixed EuiDataGrid's sort popover to behave properly on mobile screens (#2979)
  • Fixed EuiButton and other textual components' disabled contrast (#2874)
  • Fixed z-index conflict with cell popovers in EuiDataGrid while in full screen mode (#2959)
  • Adjusted the header on EuiDataGrid to fix to the top within constrained containers and full screen mode (#2959)
  • Refactored EuiDescribedFormGroup to allow the content inside the EuiTitle to be accessible to screen reader users (#2989)

Breaking changes

  • Updated @types/react and @types/react-dom to utilize React.RefCallback type instead of custom implementation (#2929)

Theme: Amsterdam

  • Buttons have a new visual style (#2874)
  • Added theme prop to EuiCodeEditor in support of AceEditor themes (#2970)
  • EuiButton now has a single return statement (#2954)
  • Added isSortable props to EuiDataGridColumn and EuiDataGridSchemaDetector to mark them as un-sortable (#2952)
  • Converted EuiForm to TypeScript, added many missing /form Prop types (#2896)
  • Empty table th elements replaced with td in EuiTable. (#2934)
  • Added default prompt text to aria-describedby for EuiFilePicker (#2919)
  • Added SASS variables for text variants of the primary palette $euiColorPrimaryText, $euiColorSecondaryText, etc... Updated components to use these new variables. (#2873)
  • Updated SASS mixin makeHighContrastColor() to default $background: $euiPageBackgroundColor and $ratio: 4.5. Created makeGraphicContrastColor() for graphic specific contrast levels of 3.0. (#2873)
  • Added arrowDisplay prop to EuiAccordion for changing side or hiding completely (#2914)
  • Added prepend and append ability to EuiFieldSearch (#2914)
  • Added notification and notificationColor props to EuiHeaderSectionItemButton (#2914)
  • Added folderCheck, folderExclamation, push, quote, reporter and users icons (#2935)
  • Updated folderClosed and folderOpen to match new additions and sit better on the pixel grid (#2935)
  • Converted EuiSearchBar to Typescript (#2909)

Bug fixes

  • Fixed EuiDataGrid breaking if invalid schema passed (#2955)
  • Fixed EuiTitle not rendering child classes (#2925)
  • Extended div element in EuiFlyout type (#2914)
  • Fixed popover positioning service to be more lenient when positioning 0-width or 0-height content (#2948)

Theme: Amsterdam

  • Text sizes are now based on a 14px base font size. Headings are now bold. (#2936)
  • Altered secondary, accent colors to be more saturated (#2873)

Bug fixes

  • Fixed type definitions for EuiComboBox (#2971)

Bug fixes

  • Added TypeScript definition for EuiCodeEditor's accepting react-ace props (#2926)
  • Added @types/react-input-autosize to project's dependencies (#2930)
  • Converted EuiComboBox, EuiComboBoxInput, EuiComboBoxPill, EuiComboBoxOptionsList, EuiComboBoxOption, and EuiComboBoxTitle to TypeScript (#2838)
  • Converted EuiCodeEditor to TypeScript (#2836)
  • Converted EuiCode and EuiCodeBlock and to TypeScript (#2835)
  • Converted EuiFilePicker to TypeScript (#2832)
  • Exported EuiSelectOptionProps type (#2830)
  • Added paperClip glyph to EuiIcon (#2845)
  • Added banner prop to EuiFlyoutBody and updated euiOverflowShadow mixin (#2837)
  • Updated editorLink icon (#2866)
  • Added control columns to EuiDataGrid to support non-data columns like row selection and actions (#2846)
  • Added image glyph to EuiIcon (#2870)
  • Exported TS props from top level EuiListGroupProps, EuiListGroupItemProps, EuiSelectableProps, EuiSelectableOption, EuiSelectableOptionsListProps (#2869)
  • Extending EuiSelectable[options] type with correct HTML element (#2869)
  • Added check mark to single selection EuiComboBox (#2890)
  • Added logoGoogleG third-party logo to EuiIcon (#2853)
  • Added Jest modulesNameMapper alias for EuiIcon using test environment mock (#2878)
  • Removed sinon and @types/sinon as dependencies, and converted usages to jest.fn (#2885)

Bug fixes

  • Fixed building dev & docs on Windows (#2847)
  • Fixed screen reader discovery issues with EuiBottomBar and EuiControlBar (#2861)
  • Fixed a bug in EuiDataGrid causing the first cell to autofocus if interactive (#2872)

Breaking changes

  • Removed visControls and visHeatmap duplicate icons from docs (#2908)
  • Added cheer glyph to EuiIcon (#2814)
  • Added tableCaption prop to EuiBasicTable and improved the default one (#2782)
  • Converted EuiDescribedFormGroup to TypeScript (#2810)
  • Changed SASS comments to non-compiled comments in invisibles files (#2807)
  • Optimized the third party logos Ceph, DropWizard, Golang, and Haproxy (#2812)
  • Added rowHeader prop to EuiBasicTable to allow consumers to set the identifying cell in a row (#2802)
  • Added prepend and append to EuiColorPicker (#2819)
  • Improved EuiDescribedFormGroup accessibility by avoiding duplicated output in screen readers (#2783)
  • Added optional key attribute to EuiContextMenu items and relaxed name attribute to allow any React node (#2817)
  • Converted EuiColorPicker color conversion functions to chroma-js methods (#2805)
  • Added direction parameter to euiPaletteColorBlind() for specifying lighter or darker (or both) alternates (#2822)
  • Converted EuiSideNav to TypeScript (#2818)
  • Added babel-transformed and partially mocked commonjs build (test-env/) to target Kibana's Jest environment (#2698)
  • Altered styles of EuiToken and add added more token types to match ES field types of tokenAlias, tokenDate, tokenGeo, tokenIP, tokenNested, tokenRange, tokenShape (#2758)

Bug fixes

  • Exported missing EuiSelectProps type (#2815)
  • Fixed EuiCode's & EuiCodeBlock's ability to accept non-string children (#2792) (#2820)
  • Fixed EuiSearchBar, Query, and AST's ability to accept literal parenthesis characters (#2791)
  • Fixed coloring of input fields when autofill is on in Chrome (#2798)
  • Moved @types/enzyme and @types/react-virtualized to dependencies status (#2828)
  • Removed @elastic/charts from inclusion in eui.d.ts output (#2828)

Breaking changes

  • Removed idAria prop from EuiDescribedFormGroup (#2783)
  • Removed EuiToken's hideBorder and displayOptions prop for applying color, shape, and fill props directly. Changed fill prop type from boolean to light | dark | none. (#2758)
  • Converted EuiModal and EuiConfirmModal to TypeScript (#2742)
  • Converted EuiTabs to TypeScript (#2717)
  • Converted EuiFormRow to TypeScript (#2712)
  • Updated logoAPM, logoSecurity and logoEnterpriseSearch. Added logoWorkplaceSearch and logoObservability (#2769)
  • Converted EuiFilterButton to TypeScript (#2761)
  • Converted EuiFilterSelectItem to TypeScript (#2761)
  • Converted EuiFieldSearch to TypeScript (#2775)
  • Added data-test-subj to the EuiContextMenuItem in EuiTablePagination (#2778)
  • Improved EuiIcon a11y by using a title and aria-labelledby (#2786)
  • Improved compressed EuiPagination by including active and last page numbers (#2779)
  • Converted EuiSuperSelect to TypeScript (#2776)

Bug fixes

  • Increased column width on EuiTableHeaderCellCheckbox to prevent EuiCheckbox's focus ring from getting clipped in EuiBasicTable (#2770)
  • Fixed the display of EuiButton within EuiControlBar when fill={true} to be more consistent with other buttons (#2781)
  • Fixed EuiFormControlLayout from overwriting className for prepend nodes. (#2796)
  • Fixed useRenderToText and EuiButtonToggle from attempting state updates on unmounted components (#2797)
  • Refactored function and hook instantiation to fix drag action sluggishness in EuiColorStops (#2557)

Deprecations

  • EuiIcon's logoEnterpriseSearch type deprecated in favor of logoWorkplaceSearch
  • EuiIcon's logoAPM type deprecated in favor of logoObservability

Note: this release is a backport containing changes originally made in 18.3.0

  • Updated logoAPM, logoSecurity and logoEnterpriseSearch. Added logoWorkplaceSearch and logoObservability (#2769)

Bug fixes

  • Fixed useRenderToText and EuiButtonToggle from attempting state updates on unmounted components (#2797)

Deprecations

  • EuiIcon's logoEnterpriseSearch type deprecated in favor of logoWorkplaceSearch
  • EuiIcon's logoAPM type deprecated in favor of logoObservability

Bug fixes

  • Fixed EuiFieldSearch's trigger of onChange when clearing the field value (#2764)
  • Added recentlyViewedApp app icon to EuiIcon (#2755)

Bug fixes

  • Fixed EuiBasicTable & EuiInMemoryTable to not un- and re-mount rows when toggling loading prop (#2754)
  • Lightened EuiBadge hollow border color in dark mode (#2746)
  • Added minInputProps and maxInputProps to supply more props to the inputs of EuiDualRange (#2738)
  • Changed EuiBadge to use EUI palette colors (#2455)
  • Darkened a few euiPaletteColorBlind colors (#2455)
  • Fixed bug in EuiCard where button text was not properly aligned (#2741)
  • Converted EuiRange to TypeScript (#2732)
  • Converted EuiDualRange to TypeScript (#2732)
  • Converted EuiRangeInput to TypeScript (#2732)
  • Added bellSlash glyph to EuiIcon (#2714)
  • Added legend prop to EuiCheckboxGroup and EuiRadioGroup to add EuiFieldset wrappers for title the groups (#2739)
  • Changed EuiNavDrawerFlyout to close after child nav items are clicked (#2749)
  • Changed EuiNavDrawerFlyout to trap focus while navigating via keyboard (#2749)
  • Created a euiPaletteColorBlindBehindText variant of the color blind palette (#2750)
  • Improved focus state of EuiSwitch, EuiCheckbox, EuiRadio and EuiRange (#2745)

Bug fixes

  • Changed EuiRadio and EuiCheckbox labels to be inline-block (#2739)
  • Fixed EuiCheckboxGroup's options type to fully extend the EuiCheckbox type (#2739)
  • Converted EuiFieldText to Typescript (#2688)
  • Added nested glyph to EuiIcon (#2707)
  • Added tableLayout prop to EuiTable, EuiBasicTable and EuiInMemoryTable to provide the option of auto layout (#2697)
  • Converted EuiSuggest to Typescript (#2692)
  • Converted EuiErrorBoundary to Typescript (#2690)
  • Updated EuiNavDrawer to accept React fragments (#2710)
  • Added EuiFormFieldset and EuiFormLegend components (#2706)
  • Adjusted colors of color blind viz palette (#2686)
  • Converted EuiSelect to Typescript (#2694)
  • Added aggregate, pageSelect, pagesSelect, securitySignal, securitySignalDetected, securitySignalResolved and timeline icons (#2704)
  • Added useDependentState custom hook (#2725)
  • Added isClearable prop to EuiFieldSearch (#2723)

Bug fixes

  • Fixed isExpanded property of nodes from EuiTreeView (#2700)
  • Added text selection to EuiLink button (#2722)
  • Fixed bug in EuiDataGrid where resizing columns changed the active DOM element (#2724)
  • Fixed position of scrollbar in EuiCodeBlock (#2727)
  • Fixed bug in EuiDataGrid that prevented the "Hide fields" popover from showing an updated column list (#2725)

Breaking changes

  • Changed accepted properties of the color_palette method to accept an array of colors (#2686)
  • Removed the palette export to export each palette function directly (#2686)
  • Changed the palette functions to be methods that accept a number of steps and removed .colors key (#2686)

Bug fixes

  • Fixed TS types and exports for EuiTextArea and EuiFieldNumber (#2703)
  • Converted EuiFieldNumber to Typescript (#2685)
  • Converted EuiFieldPassword to Typescript (#2683)
  • Converted EuiHighlight to Typescript (#2681)
  • Added data-test-subj property to the EuiCodeEditor component (#2689)
  • Converted EuiTextArea to Typescript (#2695)
  • Converted EuiPage and related child components to TypeScript (#2669)
  • Added annotation glyph (#2691)
  • Added initialWidth and isResizable configurations to EuiDataGrid's columns (#2696)

Bug fixes

  • Reverted removal of toggleOpen method from EuiNavDrawer (#2682)
  • Improved EuiDataGrid update performance (#2676)
  • Fixed EuiDatagrid header top border when configured to have no toolbar (#2619)

Bug fixes

  • Changed package.json version to match sure our build scripts release the correct sequential number (#2674)

NOTE: This release came out of order due to a release script error. It actually came after 17.2.0 and can be ignored in favor of 17.2.1

  • Reverted docs changes in 17.2.0 that caused the build script to die (#2672)

Bug fixes

  • Removed TypeScript definitions in *.test.tsx? files from eui.d.ts (#2673)

NOTE: This release had an error in our documentation layer. Use 17.2.1 instead

  • Improved a11y of EuiNavDrawer lock button state via aria-pressed (#2643)
  • Added new stylesheets for the EUI Amsterdam theme (#2633)
  • Added exports for available types related to EuiDataGrid (#2640)

Bug fixes

  • Improved EuiDataGrid update performance (#2638)
  • Fixed EuiDroppable not accepting multiple children when using TypeScript (#2634)
  • Fixed EuiComboBox from submitting parent form element when selecting options via Enter key (#2642)
  • Fixed EuiNavDrawer expand button from losing focus after click (#2643)
  • Fixed instances of potentially duplicate EuiPopover id attributes (#2667)

Bug fixes

  • Fixed EuiCodeEditor custom mode file error by initializing with existing mode (#2616)
  • Removed EuiIcon default titles (#2632)

Bug fixes

  • Fixed screenreader text in EuiTreeView and added truncation (#2627)
  • Added an optional key property inside the options prop in EuiSelectableList component (#2608)
  • Added toolbarAdditionalControls prop to EuiDataGrid to allow for custom buttons in the toolbar (#2594)
  • Added TypeScript definitions for EuiBasicTable, EuiInMemoryTable, and related components (#2428)
  • Updated logoSecurity and appSecurityAnalytics icons (#2613)
  • Added support for .gif base64 images in the webpack.config

Bug fixes

  • Fixed UX/focus bug in EuiDataGrid when using keyboard shortcuts to paginate (#2602)
  • Fixed EuiIcon accessibility by adding a title prop and a default aria-label (#2554)
  • Fixed EuiDataGrid's in-memory sorting of numeric columns when the cell data contains multiple digit groups (#2603)
  • Improved pagination in EuiBasicTable. paginationBar is hidden when there is no data and EuiPagination is displayed even when there is only one page (#2598)
  • Fixed react-dom warning when EuiPopover was unmounted before calls to setState (#2614)

Breaking changes

  • Moved any shared component-level Sass variables and mixins into the global_styling directory (#2551)
  • Reworked euiPanel() mixin to require the entirety of a selector (i.e. require the '.' in addition to the string) (#2551)
  • Updated React peerDependencies to version 16.12 (#2571)
  • Changed to generated id value for EuiFormRow to ensure uniqueness (#2588)

Bug fixes

  • Fixed label wrapping of EuiSwitch (#2585)
  • Replaced <p> tag surrounding the label with a <span> tag in EuiSwitch to fix any inherited margin (#2585)
  • Added the same padding from EuiSelectableListItem to the heading to fix alignment (#2585)
  • Added exports for EuiCheckboxType, EuiCheckboxGroupOption, and EuiCheckboxGroupIdToSelectedMap types (#2593)
  • Fixed .euiHeaderLinks__mobileList in EuiHeaderLinks to only display it on mobile (#2590)
  • Fixed EuiAccordion icon rotation when it is a child of another accordion so it doesn't inherit the rotation state of the parent (#2595)
  • Added EuiCheckableCard component, for radio buttons or checkboxes with complex child content (#2555)
  • Updated EuiCheckbox and EuiCheckboxGroup to TypeScript (#2555)

Bug fixes

  • Fixed EuiSwitch clicking on disabled label (#2575)
  • Fixed EuiComboBox options list closing when clicking outside the component after scrolling (#2589)
  • Updated compressed styles for EuiButtonGroup to include a background color (#2568)
  • Added heading prop to EuiCallOut to allow for variance in the title tag (#2357)
  • Added badge prop and new styles EuiHeaderAlert (#2506)
  • Added new keyboard shortcuts for the data grid component: Home (same row, first column), End (same row, last column), Ctrl+Home (first row, first column), Ctrl+End (last row, last column), Page Up (next page) and Page Down (previous page) (#2519)
  • Added disabled prop to the EuiCheckboxGroup definition (#2545)
  • Added disabled option to the option attribute of the options object that is passed to the EuiCheckboxGroup so that checkboxes in a group can be individually disabled (#2548)
  • Added EuiAspectRatio component that allows for responsively resizing embeds (#2535)
  • Added display and titleSize props to EuiCard (#2566)
  • Added accessibility glyph to EuiIcon (#2566)

Bug fixes

  • Fixed EuiDataGrid schema detection on already defined column schemas (#2550)
  • Added euiTextBreakWord() to EuiToast header (#2549)
  • Fixed .eui-textBreakAll on Firefox (#2549)
  • Fixed EuiBetaBadge accessibility with tab-index=0 (#2559)
  • Improved EuiIcon loading performance (#2565)

Bug fixes

  • EuiSwitch now passes name attribute into underlying button (#2533)
  • Made EuiCard more accessible (#2521)
  • Added ability to pass children to EuiCard (#2521)
  • Replaced root element in EuiFlyout, switching from span to Fragment (#2527)
  • Upgraded react-virtualized to 9.21.2 (#2531)

Bug fixes

  • Added support for timeFormat formatting in EuiSuperDatePicker and fixed some formatting inconsistencies (#2518)
  • Added support for locale in EuiSuperDatePicker and EuiDatePicker both as a prop and from EuiContext (#2518)

Breaking changes

  • Removed EuiCardGraphic (#2521)
  • Converted EuiShowFor and EuiHideFor to TS (#2503)
  • Upgraded react-ace to 7.0.5 (#2526)

Bug fixes

  • Fixed EuiButton disabled text color (#2534)
  • Created .euiTableCaption with position: relative to avoid double border under header row (#2484)
  • Fixed EuiSwitch to use aria-labelledby (#2522)
  • Fixed EuiPanelProps type definition (#2516)

Breaking changes

  • Added display modifier to EuiShowFor (#2503)
  • Updated minimum TypeScript version to 3.5.3 (#2510)
  • Removed Omit type in favor of TypeScript's built-in (#2510)
  • Added new euiControlBar component for bottom-of-screen navigational elements. (#2204)
  • Converted EuiFlyout to TypeScript (#2500)
  • Added an animation to the arrow on EuiAccordion as it opens / closes (#2507)
  • Upgraded react-input-autosize to 2.2.2 (#2514)

Bug fixes

  • Simplified EuiColorStops popover toggling (#2505)
  • Added new euiTreeView component for rendering recursive objects such as folder structures. (#2409)
  • Added euiXScrollWithShadows() mixin and .eui-xScrollWithShadows utility class (#2458)
  • Fixed EuiColorStops where empty string values would cause range min or max to be NaN (#2496)
  • Improved EuiSwitch a11y by aligning to aria roles (#2491)
  • Converted EuiSwitch to TypeScript (#2491)
  • Added an accessible label-less EuiSwitch variation (#2491)

Bug fixes

  • Normalized button moz-focus-inner (#2445)
  • Fixed typo to correct aria-modal attribute inEuiPopover (#2488)
  • Fixed position of EuiCodeBlock controls and added more tests (#2459)
  • Changed EuiCodeBlock so that overflowHeight now applies a maxHeight instead of a height on the block (#2487)
  • Fixed potentially inconsistent state update (#2481)
  • Fixed EuiSwitch form behavior by adding a default button type of 'button' (#2491)
  • EuiButtonGroup and EuiButtonToggle now accept ReactNode for their label prop instead of string (#2392)
  • Added useRenderToText to inner_text service suite to render ReactNodes into label text (#2392)
  • Added icons tableDensityExpanded, tableDensityCompact, tableDensityNormal to EuiIcon (#2230)
  • Added !important to the animation of EuiFocusRing animation to make sure it is always used (#2230)
  • Added expandMini icon to EuiIcon (#2207)
  • Changed EuiPopover to use role="dialog" for better screen-reader announcements (#2207)
  • Added function callback onTrapDeactivation to EuiPopover for when a focus trap is deactivated (#2366)
  • Added logic for rendering of focus around EuiPopover to counteract a race condition (#2366)
  • Added EuiDataGrid (#2165)

Bug fixes

  • Corrected lockProps passdown in EuiFocusTrap, specifically to allows style to be passed down. (#2230)
  • Changed children property on I18nTokensShape type from a single ReactChild to now accept an array (#2230)
  • Adjusted the color of $euiColorHighlight in dark mode (#2176)
  • Changed EuiPopoverFooter padding to uniformly adjust with the size of the popover (#2207)
  • Fixed isDragDisabled prop usage in EuiDraggable (#2207)
  • Fixed EuiMutationObserver's handling ofonMutation when that prop's value changes (#2421)
  • Converted EuiRadio and EuiRadioGroup 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 to EuiLink (#2442)
  • Added disabled state to EuiBadge (#2440)
  • Changed EuiLink to appear non interactive when passed the disabled prop and an onClick handler (#2423)
  • Added minimize glyph to EuiIcon (#2457)

Bug fixes

  • Re-enabled width property for EuiTable cell components (#2452)
  • Fixed EuiNavDrawer collapse/expand button height issue (#2463)
  • Added new updated infraApp and logsApp icons. (#2430)

Bug fixes

  • Fixed missing misc. button and link type definition exports (#2434)
  • Strip custom semantics from EuiSideNav (#2429)

Note: this release is a backport containing changes originally made in 14.6.0 and 14.7.0

  • Added new updated infraApp and logsApp icons. (#2430)
  • Made EuiIcon a PureComponent, to speed up React re-render performance (#2448)

Bug fixes

  • Fixed EuiNavDrawer collapse/expand button height issue (#2463)
  • 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, and EuiLink to TypeScript (#2391)
  • Added hasChildLabel prop to EuiFormRow to avoid duplicate labels (#2411)
  • Added component prop to EuiPageBody, switching the default from div to main (#2410)
  • Added focus state to EuiListGroupItem (#2406)
  • Added keyboardShortcut glyph to 'EuiIcon (#2413)
  • Improved a11y in EuiNavDrawer (#2417)
  • Improved a11y in EuiSuperDatePicker (#2426)

Bug fixes

  • Fixed EuiSelectable to accept programmatic updates to its options 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 of useInnerText hook (#2425)
  • Migrate EuiEmptyPromptand EuiCard 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 for EuiBreadcrumbs to display all items when a max 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 in EuiBasicTable (#2376)
  • Added visAreaStacked, visBarVerticalStacked, and visBarHorizontalStacked icons to glyph set (#2379)
  • Adjusted style of beta badge on EuiKeyPadMenuItem (#2375)
  • Migrate EuiFacetGroup, EuiKeyPadMenu and EuiCallOut to TS (#2382)

Bug fixes

  • Fixed spacing of EuiFormErrorText to match EuiFormHelpText (#2354)
  • Fixed bug in EuiPopover where Array.prototype.slice() may have been called on 'undefined' (#2369)
  • Properly exported copy, move, and reorder drag-and-drop service methods (#2377)
  • Added compressed option to buttonSize prop of EuiButtonGroup (#2343)
  • Added disabled states to EuiCard, EuiKeyPadMenuItem and EuiKeyPadMenuItemButton (#2333)
  • Added missing compressed TS definitions to EuiComboBox, EuiCheckboxGroup, EuiCheckbox, EuiFieldSearch, EuiRadioGroup, EuiSwitch (#2338)
  • Added auto-margin between EuiFormRow and EuiButton (#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 and append 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 to EuiSwitch (#2327)
  • Migrate EuiBottomBar, EuiHealth and EuiImage to TS (#2328)
  • Added hover and focus states when allowFullScreen is true in EuiImage(#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 via display prop

  • Reduced overall height of compressed EuiRange and EuiDualRange

  • Added showInput = 'inputWithPopover' option for compressed EuiRange and EuiDualRange to display the slider in a popover

  • Made all inputs in the EuiSuperDatePicker popover compressed

  • Added controlOnly prop to EuiFieldText and EuiFieldNumber

  • Allow style prop to be passed down in EuiColorPickerSwatch

  • EuiFilePicker now has default and large display sizes that both have compressed 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 accommodate down caret
  • Fixed sizings of EuiComboBox and pills
  • Fixed truncation on EuiContextMenuItem
  • Fixed style of more append/prepend options of EuiFormControlLayout

Deprecations

  • EuiFormRow's compressed prop deprecated in favor of display: rowCompressed
  • EuiFormRow's displayOnly prop deprecated in favor of display: center

Breaking changes

  • SASS mixin euiTextOverflowWrap() has been removed in favor of euiTextBreakWord()
  • EuiFormLabel no longer has a bottom margin
  • EuiFormRow no longer has bottom padding, nor does it add margin to any + * siblings only sibling EuiFormRows

Bug fixes

  • Corrected EuiCodeBlock's proptype for children to be string or array of strings. (#2324)
  • Fixed onClick TypeScript definition for EuiPanel (#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 of 0 (#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 update asyncInterval.isStopped on a isPaused prop change. (#2298)

Bug fixes

  • Removed extra right side margin in EuiSuperDatePicker (#2236)
  • Fixed incorrect onClick type for EuiButtonEmpty (#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 a ref (#2223)

Bug fixes

  • Fixed EuiSuperDatePicker to update asyncInterval.isStopped on a isPaused 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 to button[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 to button[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, and logoSecurity SVGs in EuiIcon to be center aligned (#2246)
  • Added locking behavior of EuiNavDrawer expanded state including the following props isLocked, 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 the EuiDatePicker component (#2235)
  • Added support for onClick and href props on EuiListGroupItem 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 and EuiSuperUpdateButton
  • Converted EuiStep, EuiSteps, EuiStepHorizontal, EuiStepsHorizontal, and EuiSubSteps to Typescript (#2186)

Bug fixes

  • Fixed EuiBadge truncation and auto-applied title attribute with innerText (#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 the attributes 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 to EuiIcon (#2152)
  • Added tall, fullWidth, and isInvalid props to EuiFilePicker (#2145)
  • Added exports for react-beautiful-dnd interfaces used by EUI components (#2173)
  • Added isDisabled prop & styles to EuiSuperDatePicker (#2139)
  • Added responsiveColumn option to type prop of EuiDescriptionList (#2166)
  • Removed <use> and <def> from svg icons (#2162)

Bug fixes

  • Fixed invalid aria-describedby values set by EuiToolTip (#2156)
  • Added "center" as an acceptable value to EuiBasicTable's align 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 from EuiAccordion (#2143)
  • Exported prettyDuration and commonDurationRanges for pretty printing date ranges outside EuiSuperDatePicker (#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, and EuiRange components (#2135)
  • Centered the square of the popout glyph in the artboard (#2120)
  • Added useInnerText and EuiInnerText component utilities for retrieving text content of elements (#2100)
  • Converted EuiRangeHighlight, EuiRangeLabel, EuiRangeLevels, EuiRangeSlider, EuiRangeThumb, EuiRangeTicks, EuiRangeTrack, and EuiRangeWrapper 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 and EuiFilterButton title attribute to prevent unreadable popover (#2100)
  • Fixed a nearly infinite requestAnimationFrame loop caused by focus state changes in nested EuiPopover 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 and logoLogging to EuiIcon types (#2111)
  • Added a column direction option to EuiFlexGrid (#2073)
  • Updated EuiSuperDatePicker's commonly used date/times to display as columns. (#2073)
  • Added TypeScript definition for EuiFormControlLayout (#2086)
  • Changed SASS mixin euiOverflowShadow() to use mask-image instead of box-shadow (#2088)
  • Added SASS mixin and CSS utility euiYScrollWithShadows (#2088)
  • Added cloudDrizzle, cloudStormy, cloudSunny, documents, documentEdit, training and videoPlayer glyphs to EuiIcon (#2102)
  • Added display prop to EuiPopover (#2112)

Bug fixes

  • Widened EuiComboBox's options[].value / EuiComboBoxOptionProps.value TypeScript definition (#2080)
  • Added TS defs for EuiComboBox's props spreading onto a div (#2080)
  • Fixed responsive display of inline EuiDatePicker (#1820)
  • Removed time from default dateFormat of EuiDatePicker (#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 logoXpackfrom EuiIcon 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 by focus state changes in nested EuiPopover components (#2110)
  • Made aria-label attribute equal to title of the the selection checkbox in table items (for each row) in EuiBasicTable (#2043)
  • Updated appApm and logoAPM with new updated icons (#2084)

Bug fixes

  • Added requirement that EuiFormRow has exactly one child element #2054
  • Changed EuiNavDrawerFlyout title from h5 to div (#2040)
  • Converted EuiGlobalToastList into ARIA live region by adding role="region" attribute to add NVDA/JAWS support (#2055)
  • Added magnifyWithMinus and magnifyWithPlus glyphs to EuiIcon (2056)
  • Added a fully black (no matter the theme) color SASS variable $euiColorInk (2060)
  • Added autoFocus prop to EuiTabbedContent (2062)
  • Changed popout glyph in EuiIcon 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's popoverClassName to the popover's panel (#2068)
  • Added editorItemAlignLeft, editorItemAlignCenter, editorItemRight, editorItemAlignTop, editorItemAlignMiddle, editorItemAlignBottom, editorDistributeHorizontal, editorDistributeVertical, editorPositionTopLeft, editorPositionTopRight, editorPositionBottomRight, and editorPositionBottomLeft glyphs to EuiIcon (2070)
  • Added missing TS definitions for EuiRange (#2072)

Bug fixes

  • Fixed proptype for EuiCopy's children (#2048)
  • Fixed EuiInMemoryTable to allow sorting on computed columns (#2044)
  • Fixed TypeScript Toast member export (#2052)
  • Fixed style of readOnly input groups via EuiFormControlLayout and prepend/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 and EuiCopy (#2052)
  • Attached noreferrer also to links without target="_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 to EuiIcon (2010)
  • Changed logoAWS SVG in EuiIcon 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 like core-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 both iconOnClick and onClick (#1994)
  • Fixed optional TS definitions for EuiColorPicker onBlur and onFocus 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's compressed 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 to EuiAccordion (#1974)
  • Removed options defaultProps value from EuiSuperSelect (#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 accept node instead of just string (#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 toast title (#1978)
  • Fixed missing Typescript definition for EuiButton's color="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 to EuiDraggable and EuiDroppable (#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 in EuiFlexGrid is set to none. (#1941)
  • Format all JavaScript files with Prettier through ESLint (#1906)
  • Replaced appSecurityAnalytics in EuiIcon with an updated SVG (#1948)

Bug fixes

  • Removed unused prop enum of l in EuiButton (#1936)
  • Fixed EuiSelect browser event inconsistencies by normalizing mouseup propagation (#1926)
  • Removed children as a required prop for EuiOverlayMask (#1937)

Bug fixes

  • Fixed EuiIconTip's typescript definition (#1934)
  • Reinstated EuiIcon component ability to handle type 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 in EuiIcon with an updated SVG (#1948)
  • Added display prop to EuiTabs and EuiTabbedContent components for ability to use an alternative condensed style (#1904)

Bug fixes

  • Fixed a regression where EuiStat reported accepting string for title, description, even though ReactNode is acceptable (#1910)
  • Added support for href on the last item in EuiBreadcrumbs (#1905)
  • Added selectable prop to EuiCard (#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 and EuiConfirmModal for Chrome and Safari (#1902)
  • Fixed EuiOverlayMask children element mismatch TS error (#1900)

Bug fixes

  • Fixed responsiveness of EuiFilterGroup (#1849)

Deprecations

  • Replaced EuiFilterButton's noDivider prop with withNext (#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 to EuiStat (#1848)
  • Added roundUp prop to relative tab of EuiSuperDatePicker (#1827)
  • Changed position of EuiSwitch for date rounding used at relative tab of EuiSuperDatePicker (#1827)
  • Added bug, flag, and heart glyphs to EuiIcon (#1887)
  • Updated alert glyph in EuiIcon (#1887)

Bug fixes

  • Fixed EuiComboBox to not pass its inputRef prop down to the DOM (#1867)
  • Fixed euiBreakpoint() warning to give accurate feedback (#1874)
  • Fixed type definitions around EuiI18n's default 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 with singleSelection and onAddCustomOption 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 and tokenNamespace icons to EuiToken (#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 to EuiFieldSearchProps's type definition (#1627)
  • Added moon glyph to EuiIcon (#1859)
  • Added logoAzure and logoAzureMono logos to EuiIcon (#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 and EuiLoadingContent components to use spans instead of divs (#1845)

Bug fixes

  • Added toastLifeTimeMs typescript definition for individual toasts in EuiGlobalToastList (#1846)
  • Added logic to prevent refocusing EuiComboBox input after container blur event (#1863)
  • Changed EuiLoadingKibana so it could better nest within EuiFlexItem (#1845)
  • Converted EuiText, EuiTextColor and EuiTextAlign 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 trigger onChange (#1817)
  • Updated the overflow shadows for EuiModal and EuiFlyout (#1829)
  • Added confirmButtonDisabled prop to EuiConfirmModal (#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 with euiOverflowShadow. (#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 to EuiSuperDatePickerProps (#1812)
  • Fixed EuiSearchBox query input resetting on prop updates (#1823)
  • Fixed EuiSearchBar filter button highlighting (#1824)
  • Added initialPageIndex pagination prop to EuiInMemoryTable (#1798)
  • Converted EuiToolTipPopover to TS (#1800)
  • Converted EuiTableHeaderMobile to TS (#1786)
  • Added menuLeft and menuRight icons (#1797)
  • Updated EuiNavDrawer’s collapse/expand button to use menuLeft and menuRight icons (#1797)
  • Added isInvalid prop to EuiSuperSelect (#1804)
  • Added cut glyph to EuiIcon (#1802)
  • Added glasses glyph to EuiIcon (#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, and EuiDroppable (#1733)
  • Converted EuiFormErrorText to TS (#1772)
  • Added data-test-subjs to EuiSuperDatePicker's EuiRelativeTab inputs (#1782)

Bug fixes

  • Update ButtonIconColor type to provide all available options (#1783)
  • Prevent calculation on null ref during EuiResizeObserver 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 inheritance (#1760)
  • Updated button elements in EuiFilePicker, EuiFormControlLayoutClearButton, EuiFormControlLayoutCustomIcon, EuiListGroupItem, and EuiSideNavItem to type=button (#1764)
  • Fixed outside click detection inconsistencies by comparing mouseup and mousedown event targets rather than using click event target (#1761)
  • Changed EuiSuperDatePicker to call onRefresh instead of onTimeChanged when user clicks "Refresh" button (#1745)
  • Added a new EuiLoadingContent component that displays blocks as placeholders for text. (#1730)
  • Added documentation entry in EuiPagination for activePage prop. (#1740)
  • Changed EuiButton to use "m" as it's default size prop (#1742)
  • Adds type definitions for EuiListGroup and EuiListGroupItem (#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 custom color 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's onRefresh callback (#1732)
  • Changed EuiBottomBar to refer to the end of document (#1727)
  • Fixed EuiComboBox's calls to its onBlur prop (#1739)
  • Allow toasts in EuiGlobalToastList to override toastLifeTimeMs (#1720)
  • Allow EuiListGroupItem to pass a custom element as the icon (#1726)
  • Added default icon for EuiListGroupItem if one is not passed (#1729)
  • Added toInitials string service (#1729)

Bug fixes

  • Removed all lodash imports in eui.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 and showToolTips to EuiNavDrawer and added EuiNavDrawerGroup (#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 the EuiPopoverProps type definition (#1628)
  • Added support to findTestSubject for an optional matcher argument, which defaults to ~=, enabling it to identify an element based on one of multiple space-separated values within its data-test-subj attribute (#1587)
  • Converted EuiFlexGrid, EuiFlexGroup, EuiFlexItem, EuiDescriptionList, EuiDescriptionListTitle, and EuiDescriptionListDescription to TypeScript (#1365)
  • Converted EuiAvatar to Typescript (#1654)
  • Added missing anchorClassName prop to EuiToolTip definition (#1657)
  • Added fullWidth prop to EuiButton (#1665)
  • Added .eui-fullWidth utility class (#1665)
  • Added EuiPopoverFooter and converted EuiPopoverTitle to TS (#1666)
  • Converted EuiLoadingSpinner, EuiLoadingKibana, and EuiLoadingChart 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 activeOptionIndex 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 to EuiInMemoryTable to support unsorting table columns (#1591)
  • Added mobileOptions object prop for handling of all the mobile specific options of EuiBasicTable (#1462)
  • Table headers now accept React.node types (#1462)
  • Added displayOnly prop to EuiFormRow (#1582)
  • Added numActiveFilters prop to EuiFilterButton (#1589)
  • Updated style of EuiFilterButton to match EuiFacetButton (#1589)
  • Added size and color props to EuiNotificationBadge (#1589)
  • Allow EuiDescribedFormGroup to exist as a description-only row (#1522)
  • Added type prop for EuiFormLabel for the option to make it a legend (#1613)
  • Added labelAppend and labelType props to EuiFormRow (#1613)
  • Aligned text styles of table headers and form labels (#1613)
  • Converted EuiModalBody, EuiModalFooter, EuiModalHeader, EuiModalHeaderTitle, EuiFlyoutBody, EuiFlyoutFooter, EuiFlyoutHeader, EuiPortal, and EuiProgress 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 for EuiFilterButton type and fixes onChange signature for EuiButtonGroup (#1603)
  • Included react-datepicker TS types in EUI itself to avoid outside dependency (#1618)
  • Prevent EuiGlobalToastList from attempting calculations on null DOM elements (#1606)
  • Fixed EuiFormRow errors from the possibility of having duplicate key values (#1522)

Breaking changes

  • EuiBasicTable's select all checkbox appends a makeId 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 to peerDependencies (#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 for EuiSuperDatePicker (#1577)
  • Converted EuiToggle to TypeScript (#1570)
  • Added type definitions for EuiButtonGroup,EuiButtonToggle, EuiFilterButton, EuiFilterGroup, and EuiFilterSelectItem (#1570)
  • Added displayOnly prop to EuiFormRow (#1582)
  • Added an index.d.ts file for the date picker components, including EuiDatePicker, EuiDatePickerRange, and EuiSuperDatePicker (#1574)

Bug fixes

  • Fixed several bugs with EuiRange and EuiDualRange including sizing of inputs, tick placement, and the handling of invalid values (#1580)
  • Added text as a color option for EuiLink (#1571)
  • Added EuiResizeObserver to expose ResizeObserver API to React components; falls back to MutationObserver API in unsupported browsers (#1559)
  • Added EuiFocusTrap as a wrapper around react-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 to EuiFieldText (#1567)
  • Adjusted set of Elastic Logos in EuiIcon to look better in dark mode. (#1462)
  • Added isCopyable prop to EuiCodeBlock (#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, refactored EuiRange. New util service isWithinRange 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 and EuiSearchBar (#1204)
  • Added customQuickSelectPanels prop to EuiSuperDatePicker (#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 in EuiQuery's syntax (#1204)

Bug fixes

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 and mousedown event targets rather than using click 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 and showToolTips to EuiNavDrawer and added EuiNavDrawerGroup (#1701)
  • Allow EuiListGroupItem to pass a custom element as the icon (#1726)
  • Added toInitials string service (#1729)
  • Added fullWidth prop to EuiButton (#1665)
  • Added .eui-fullWidth utility class (#1665)

Bug fixes

  • Fixed keyboard navigation and UI of EuiComboBox items in single selection mode (#1619)
  • Fixed EuiComboBox activeOptionIndex 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, and EuiSuperDatePicker (#1574)

Note: this release is a backport containing changes originally made in 7.1.0

  • Added append prop to EuiFieldText (#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 and EuiColorPicker to pause EuiOutsideClickDetector 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 handling numFilters when 0 was specified (#1510)
  • Changed flex-basis value on EuiPageBody 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 if EuiConfirmModal has no children (#1500)

Bug fixes

  • Remove font-features setting on @euiFont mixin to prevent breaks in ACE editor (#1505)
  • Added textAlign property to TypeScript definition for EuiText (#1487)
  • Added missing 'm' option for text size for EuiText'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 derived isInvalid 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 trigger onTimeChange when time changes and prop showUpdateButton 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 to EuiProgress and example usage with EuiHeader (#1471)
  • Added a new app icon for Code (#1467)
  • Re-added EuiI18n, EuiI18nNumber, and EuiContext for localization (#1466)
  • Expose EuiSuperUpdateButton component from EuiSuperDatePicker (#1470)
  • Set type="button" on accordion buttons (#1468)

Bug fixes

  • Fixed EuiSuperDatePicker not updating derived showPrettyDuration state on prop update (#1464)
  • Fixed EuiSuperDatePicker not passing refreshInterval to callback when refresh interval start/stop toggle button clicked (#1464)
  • Fixed EuiSuperDatePicker refreshInterval input not allowing decimals (#1464)
  • Added uptimeApp icon (#1445)
  • Added wrapText prop that enables EuiListGroupItem text to wrap (#1459)
  • Added inputRef prop to EuiFieldNumber and updated EuiFieldText'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 and contentProps of EuiButton and EuiButtonEmpty so they don’t override classes (#1455)
  • Fixed closeButtonProps of EuiBadge 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 updated EuiNavDrawer example (#1448)
  • Updated EuiNavDrawer docs example and adjusted EuiHeaderLogo padding (#1449)
  • Added EuiI18n, EuiI18nNumber, and EuiContext for localization (#1404)

Bug fixes

  • Added legend for accessibility of EuiButtonGroup and fixed opacity of disabled input (#1444)
  • Added EuiNavDrawer side nav component (#1427)
  • Added inputRef prop to EuiComboBox (#1433)
  • Added custom date string formatting for series charts crosshair overlay (#1429)
  • Added new icons for symlink and submodule (#1439)

Bug fixes

  • Fix mouse interaction with EuiComboBox in IE11 (#1437)

Bug fixes

  • Downgraded @types/react and @types/prop-types versions to align with Kibana (#1435)
  • Added onBlur prop to EuiComboBox (#1400)
  • Added initialFocus prop typedefs to EuiModal and EuiPopover (#1410)
  • Updated gisApp icon (#1413)
  • Added isAutoRefreshOnly prop to EuiSuperDatePicker (#1412)
  • Migrate remaining files in accessibility/ to TS (#1408)
  • Added titleProps and descriptionProps to EuiDescriptionList (#1419)
  • Propagate className on EuiCodeBlock in fullscreen mode (#1422)
  • Added iconProps prop to EuiIconTip (#1420)
  • Added ability to pass isDisabled to individual EuiButtonGroup items (#1424)
  • Changed EuiRange PropType for value to allow number (in addition to string) (#1421)

Bug fixes

  • Support extended characters (e.g. non-latin, unicode) in EuiSearchBar and EuiQuery (#1415)
  • Fixed line-heights of the differently sized EuiDescriptionList alternates (#1419)
  • Updated EuiIconTip TS definitions to inherit those from EuiToolTip as well (#1420)
  • Added logoCodesandbox and updated apmApp icons (#1407)
  • Changed EuiListGroup PropType for extraAction to remove console warning (#1405)

Bug fixes

  • Account for min attribute when determining EuiRange input width (#1406)
  • Added EuiListGroup and EuiListGroupItem 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 to EuiSuperDatePicker (#1399)

Bug fixes

  • EuiColorPicker align color picker popup with color selector when page is scrolled (#1397)
  • Added onFocus prop to EuiComboBox (#1375)
  • Added DisambiguateSet and ExclusiveUnion 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 from eui.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 to EuiExpression and deleted EuiExpressionButton. Also added support for color and uppercase props as well as made onClick 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 on EuiComboBox (#1364)
  • Convert roughly half of the services to TypeScript (#1360)

Bug fixes

  • Fixed onCreateOption callback of EuiComboBox so it isn't called when the input is empty (#1364)
  • Added anchorClassName prop to EuiPopover (#1367)
  • Added support for fullWidth on EuiSuperSelect (#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

  • Reinstate (#1353) onBlur action on EuiComboBox (#1364)

Bug fixes

  • Fixed onCreateOption callback of EuiComboBox 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 and aria-describedby to EuiCodeEditor (#1354)

Bug fixes

  • react-datepicker set milliseconds to zero when selecting time (#1361)
  • Revert (#1353) onBlur action on EuiComboBox. 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 on EuiBreadcrumbs and added truncate ability on breadcrumb item (#1346)
  • Altered EuiHeader's location of EuiHeaderBreadcrumbs based on the new truncate ability (#1346)
  • Added support for href and target props in EuiBasicTable 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 the EuiComboBox from being mistaken for an EuiInputText. (#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, and crosshairs (#1350)
  • Added bottomGraphic prop to EuiCard 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 and EuiHorizontalRule (#1317)
  • Added email icon to EuiIcon (#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 in 4.5.0 (#1312)
  • Updated GlobalDatePicker example to include all Kibana features (#1219)
  • Adjusted EuiDatePickerRange to allow for deeper customization (#1219)
  • Added contentProps and textProps to EuiButton and EuiButtonEmpty (#1219)
  • TypeScript types are now published to a eui.d.ts top-level file (#1304)
  • Added filterWith option for EuiSearchBar filters of type field_value_selection (#1328)

Bug fixes

  • EuiBasicTable now converts the EuiTableRowCell header into undefined 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 of EuiComboBox, a regression introduced in 4.7.0 (#1314)
  • Fixed error when passing empty string as value prop for EuiSuperSelect (#1319)
  • EuiExpressionButton now shows focus state when user tabs to it (#1326)
  • Added baseline as a possible value to EuiFlexGroup's FlexGroupAlignItems type (#1329)
  • EuiToken now exports enumerated constants for SHAPES and COLORS (#1301)
  • Added mixins for EuiCallOut coloring and EuiTooltip 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 to EuiIcon and updated the EuiBetaBadge 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 for insert.sibling value (#1285)
  • popover_positioning service's methods no longer accept React node values (#1285)

Bug fixes

  • Added TypeScript definitions for tab components (#1288)
  • Added branch icon to EuiIcon (#1249)
  • Added and updated new product logos to EuiIcon (#1279)

Bug fixes

  • Added TypeScript definitions for EuiToolTip's delay prop. (#1284)
  • Added TypeScript definitions for step components, and some checkbox definition fixes (#1263)

Framer X

  • Added Framer component for EuiDescriptionList (#1276)
  • Added apmTrace icon to EuiIcon set (#1263)
  • Added Framer X component source files under the src-framer directory (#1263)
  • Added compressed prop to EuiComboBox (#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 closes EuiComboBox 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, remove AnyProps, 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 and EuiRadio, and correct the definitions for EuiRadioGroup (#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 in EuiIcon to follow a consistent naming pattern (#1243)
  • Added export for TYPES to EuiAvatar (#1238)
  • Updated node-sass dependency to support OSX Mojave (#1238)
  • Added TypeScript definitions for EuiFieldNumber, EuiFormLabel and EuiSelect, and fix the EuiTextColor 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 and EuiKeyPadMenuItemButton (#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 the columns prop in EuiFlexGrid (#1210)
  • Make htmlIdGenerator only return valid HTML4 ids (#637)
  • Use cursor: pointer to indicate clickable EuiTable rows (#1213)
  • Add lockOpen icon (#1215)
  • Added some opacity options to EuiLineSeries and EuiAreaSeries (#1198)
  • Added initialFocus prop for focus trapping to EuiPopover and EuiModal (#1099)
  • Added table footer support with EuiTableFooter and EuiTableFooterCell (#1202)
  • Added direction to EuiFlexGroup prop types interface (#1196)
  • Made description prop optional for EuiDescribedFormGroup (#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-accessible 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 support document.contains() (#1190)
  • Fixed some issues around parsing string values in EuiSearchBar and EuiQuery (#1189)
  • Added delay prop to EuiToolTip (#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 add hasActions and isSelectable to allow proper responsive style handling, but are still overridable (#1103)
  • Decorated pagination next and previous buttons with data-test-subj. (#1182)
  • Added euiFacetButton and euiFacetGroup (#1167)
  • Added width prop to EuiContextMenu panels (#1173)
  • Added patterns for global query and filters (#1137)

Bug fixes

  • Fixed onClickAriaLabel console error stemming from EuiComboBoxPill (#1183)
  • Added maxWidth prop to EuiModal (#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 the min-width to a pixel value (#1174)
  • Added infraApp icon (#1161)
  • Added sizes to EuiButtonIcon (#1145)
  • Added singleSelection.asPlainText prop to EuiComboBox (#1139)
  • Added proper aria labeling to EuiSearchBar and EuiBasicTable 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) and EuiButtonEmpty 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 on EuiSwitch (#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 to EuiPopover which allows tweaking the popover content's z-index (#1097)
  • Added new EuiSuperSelect component and hasArrow prop to EuiPopover (#921)
  • Added a new EuiWindowEvent component for declarative, safe management of window 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 the color services (#1120)

Bug fixes

  • EuiFlyout responsive mode now gracefully overrides a custom maxWidth (#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)
  • Added EuiCopy (#1112)
  • Added disabled to EuiRadioGroup.options (#1111)

Bug fixes

  • EuiWrappingPopover only re-attach anchor element on unmount if anchor element is still attached to DOM (#1114)

  • Fixed EuiSeriesChart overrides react-vis classes.(#1123)

  • Fixed a bug around indeterminate checkboxes (#1110)
  • Added support for indeterminate to EuiCheckbox (#1108)
  • Added typings for EuiToolTip and EuiIconTip (#1087)
  • Added spacesApp logo to EuiIcon set (#1065)
  • Added !default to border SASS props (#1079)
  • Added repositionOnScroll prop to EuiPopover which enables repositioning the popover when the window is scrolled. (#1064)
  • Allow _ and * characters to be used in EuiSearchBar query terms (#1058)
  • Added more status options for EuiSteps (#1088)
  • Added maxWidth prop EuiFlyout (#1090)
  • Added string to allowed restrictWidth prop type of EuiPage and EuiPageBody (#1090)
  • Added .eui-textBreakNormal and @mixin euiTextTruncate as CSS/SASS utilities (#1092)
  • Added fullWidth support to EuiComboBox (#1095)

Bug fixes

  • EuiMutationObserver's children 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 of items (#1086)
  • Fixed width of EuiFilterGroup's popover (#1078)
  • Fixed EuiStepsHorizontal's title wrapping in IE (#1088)
  • Fixed wrong class name being added to EuiPageBody when restrictWidth !== false (#1090)
  • Added onTableChange callback to EuiInMemoryTable which notifies on sorting and pagination changes. (#1060)
  • EuiComboBox now applies the provided data-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 existing data-test-subj="comboBoxOptionsList". (#1054)
  • EUI now provides minified versions of the themes' CSS files. (#1070)

Bug fixes

  • Fixed EuiSeriesChart (previously EuiXYChart) responsive resize in a flexbox layout (#1041)
  • EuiInMemoryTable no longer mutates the items prop array when sorting, adding deterministic sorting (#1057)
  • EuiBasicTable actions now close their context menu when clicked (#1069)

Experimental breaking change

  • Renamed EuiXYChart to EuiSeriesChart, EuiXYChartUtils to EuiSeriesChartUtils, EuiXYChartAxisUtils to EuiSeriesChartAxisUtils, and EuiXYChartTextUtils to EuiSeriesChartTextUtils (#1066)
  • Added closeButtonAriaLabel property to EuiFlyout (#1031)
  • Added types for EuiToast, EuiGlobalToastList, and EuiGlobalToastListItem (#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 EuiFlexItems 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 to EuiFlexGrid (#1026)
  • Added expand prop to EuiTabs and EuiTabbedContent (#1026)
  • Allow titleElement to be passed to EuiCard (#1032)

Bug fixes

  • Fixed EuiContextMenuPanel calling ref 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 of EuiPanel 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 a container prop to further restrict popover placement (#966)
  • EuiPortal can inject content at arbitrary DOM locations, added portalRef 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 in EuiSearchBar query terms (#1058)

Note: this release is a backport bugfix release containing changes originally made in 3.2.0

Bug fixes

  • Fixed EuiContextMenuPanel calling ref after being unmounted (#1038)
  • Added restrictWidth option to EuiPageBody (#1024)

Bug fixes

  • Fixed EuiPageContent centered layouts (#1024)
  • Added typings for EuiEmptyPrompt, EuiCode, EuiCodeBlock, and EuiCallOut (#1010)
  • Make utility type Omit compatible with new keyof behavior 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 and append props to EuiFormControlLayout (#961)
  • Updated style implementation of EuiFilterGroup and EuiFilterGroupButton (#961)
  • Added EuiDatePickerRange as a way to layout two EuiDatePickers. (#961)
  • Temporarily removed EuiPage responsive styles (#1014)

Breaking changes

  • Moved EuiHeaderNotification to a generic EuiNotificationBadge component (#1009)

Bug fixes

  • EuiInMemoryTable no longer resets to the first page on prop update when items 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 and EuiContextMenu's typescript definition (#1012)
  • Added more typings to EuiContextMenuItemProps (#1006)
  • Made some properties of EuiFlyout optional (#1003)
  • Added typings for EuiFlyout, EuiFlyoutBody, EuiFlyoutHeader, and EuiFlyoutFooter (#1001)
  • Gave EuiFlyout close button a data-test-subj (#1000)
  • Updated react-vis version to 1.10.2 (#999)
  • Added component prop to EuiTextColor (#1011)

Breaking changes

  • Altered EuiPage and sub-component layout (#998)
    • EuiPageHeader must now be contained within EuiPageBody
    • EuiPageSideBar must now be outside of EuiPageBody

Bug fixes

  • EuiDescribedFormGroup now renders its description inside of a div instead of a span (#1011)

Bug fixes

  • Removed global manipulation of EuiTitle sizing in XYCharts (#997)

Note: this release creates a minor regression to the sizing of EuiTitles. 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 to EuiIconTip (987)
  • Added database, filter, globe, and save icons (990)
  • Updated typings for EuiButton, EuiButtonEmpty, and EuiButtonIcon to include <a> tag attributes like href (#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 scrollbar 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 to EuiFieldPassword (#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 positioning popover/tooltip content, updated EuiToolTip to use it (#924)
  • Allow mode prop in EuiCodeEditor to take custom mode object (#935)
  • EuiCodeEditor is now decorated with a data-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 with data-test-subj selectors for the search input (comboBoxSearchInput), 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 to EuiFlyout when onClose is provided (#925)
  • Fleshed out EuiFlyoutHeader for consistency (see docs) (#925)

Bug fixes

  • Added role="dialog" to EuiFlyout to improve screen reader accessibility (#916)
  • Default sort comparator (used by EuiInMemoryTable) now handles null and undefined values (#922)
  • Added updated logos for Cloud and Cloud ECE (#906)
  • Added the ability for EuiBetaBadge to appear on EuiPanel similar to EuiCard (#885)
  • Added restrictWidth to EuiPage (#896)
  • Added resize prop to EuiTextArea 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, and rel properties for EuiContextMenu items (#911)
  • Added responsive helpers in the form of EuiShowFor and EuiHideFor 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 single euiBreakpoint(). (#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 unless tabIndex 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 to EuiDescriptionList as well as a class (.eui-definitionListReverse) for dl's within EuiText (#882)
  • Added inspect icon (#886)
  • Added layout prop to EuiCard (#885)

Bug fixes

  • Moved EuiFieldSearch's and EuiValidateControl's ref out of render into setRef 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, and EuiButtonGroup (#872)
  • EuiBasicTable and EuiInMemoryTable now accept rowProps and cellProps callbacks, which let you apply custom props to rows and props (#869)
  • Added offline and online 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, and EuiButtonIcon now look and behave disabled when isDisabled={true} (#862)
  • EuiGlobalToastList no longer triggers Uncaught 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 and EuiComboBox accessibility (#876)
  • Fixed EuiBreadcrumb slash alignment when truncating (#878)

Breaking changes

  • EuiSearchBar no longer has an onParse callback, and now passes an object to onChange with the shape { query, queryText, error } (#863)
  • EuiInMemoryTable's search.onChange callback now passes an object with { query, queryText, error } instead of only the query (#863)
  • EuiFormControlLayout no longer has onClear, iconSide, or onIconClick props. Instead of onClear it now accepts a clear object of the shape { onClick }. Instead of the icon props, it now accepts a single icon prop which be either a string or an object of the shape { type, side, onClick }. (#866)
  • EuiBasicTable and EuiInMemoryTable pass-through cell props (defined by the columns prop and the cellProps prop) used to be applied to the div inside of the td element. They're now applied directly to the td element. (#869)

Bug fixes

  • EuiInMemoryTable now applies its search filter (#851)
  • EuiInMemoryTable and EuiBasicTable 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 use EuiBreadcrumbs. This removed all child components of EuiHeaderBreadcrumbs. (#844)

Bug fixes

  • EuiComboBox does not pass isDisabled prop to EuiComboBoxOptionsList to avoid "React does not recognize the 'isDisabled' prop on a DOM element" console warning (#838)
  • EuiComboBox does not display clear icon when isClearable prop is set to false and selectedOptions prop is provided (#838)

Breaking changes

  • Move EuiBasicTable's itemId prop from selection to a top-level property (#830)
  • Renamed/refactored requiresAriaLabel prop validator to a more general withRequiredProp (#830)
  • Added utility CSS classes for text and alignment concerns (#774)
  • Added compressed versions of EuiFormRow and all form controls (#800)
  • Removed pointer cursor on EuiFormLabel when a for property is not set (#825)
  • Added the ability to add tooltips to EuiContextMenuItems (#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 function requiresAriaLabel in utils 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 and EuiBasicTable. (#821)
  • Added isDisabled to EuiComboBox (#829)
  • Added EuiDescribedFormGroup component, a wrapper around EuiFormRow(s) (#707)
  • Added describedByIds prop to EuiFormRow to help with accessibility (#707)
  • Added isLoading prop to EuiButtonEmpty (#768)
  • Removed individual badge cross icon when EuiComboBox has singleSelection 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 to EuiCard and EuiKeyPadMenuItem (#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's className #709
  • Allow EuiContextMenuPanels to update when their children changes (#710)
  • EuiInMemoryTable now passes itemIdToExpandedRowMap prop to EuiBasicTable (#759)
  • Expanded table rows in paginated data no longer leak to other pages (#761)

Breaking changes

  • Rename logoElasticSearch to logoElasticsearch #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 to EuiStep for additional styling (#673)
  • EuiForm and EuiFormRow now accept nodes for errors prop (#685)
  • Removed the default max-width from EuiText. This can still be applied by setting grow={false} (#683)
  • Added support for text alignment with EuiTextAlign (#683)
  • EuiBasicTable added the compressed prop to allow for tables with smaller fonts and padding (#687)

Bug fixes

  • Added a paddingSize prop to EuiAccordion to better mitigate situations where a nested EuiFlexGroup 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 virtualizing EuiComboBoxOptionsList (#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 EuiDatePicker component for date/time input (#644)
  • Added editor icon set to EuiIcon (#671)
  • Added grow prop to EuiText (#662)
  • Added disabled prop to EuiComboBoxOption (#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 chosen (#645)
  • Wrap EuiStepHorizontal text instead of truncating it (#653)
  • Fixed a bug where EuiSideNavItem wouldn't pass an onClick handler down to <a> tags if they also had an href. (#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 an onClick prop be provided for each step configuration object (#653)
  • Tweaked sizing, weights, color, line-heights, and added more levels to EuiTitle and EuiText (#627)
  • Added TypeScript type definitions for EuiPortal, EuiText and EuiTitle as well as the calculatePopoverPosition 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 to EuiText. (#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 the filter_group.scss and combo_box.scss files. (#609)
  • Added isInvalid prop to EuiComboBox (#631)
  • Added support for rejecting user input by returning false from the onCreateOption prop of EuiComboBox (#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 the euiBody-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 a positions argument so you can specify which positions are acceptable (#567)
  • Added closeButtonProps prop to EuiBadge, 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 to euiBody-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 to EuiIconTip (#580)
  • Adjust EuiCallOut and dark theme warning coloring (#563)
  • Added a buttonColor prop to EuiConfirmModal (#546)
  • Added 'baseline' as option to EuiFlexGroup's alignItems 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 setting truncateText and textOnly 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 into EuiHeaderNotification (#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 and stopFilled 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 and EuiRadio without a label (#541)
  • Add ability to force EuiSideNav items open by setting item.forceOpen. (#515)
  • Added EuiIconTip to make it easier to display icons with tooltips (#528)
  • Added buttonRef prop to EuiButton, EuiButtonEmpty, and EuiButtonIcon (#529)

Bug fixes

  • EuiHealth no longer stacks flex items on small screens (#530)
  • Fixed EuiPageContent centering within EuiPage 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 to EuiFieldSearch (#514)
  • Change EuiBasicTable noItemsMessage and EuiInMemoryTable message 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 and logoSketch (#494)
  • EuiCard now has an href and isClickable prop for better handling hover animations. (#494)
  • Added calculateContrast and rgbToHex 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 responsive={false} prop not working when flex groups were nested. (#494)
  • EuiBadge wrapping element changed from a div to span so it can be nested in text blocks (#494)

Bug fixes

  • EuiSelect do not set defaultValue property when value property is provided (#504).
  • EuiBottomBar now uses EuiPortal to avoid z-index conflicts (#487)
  • Upped dark theme contrast on disabled buttons (#487)

Breaking changes

  • Removed EuiTableOfRecords (#490)
  • EuiSearchBar accepts toolsLeft and toolsRight props (#458)
  • Added search.onChange callback to EuiInMemoryTable (#469)
  • Added initialPageSize option to EuiInMemoryTable (#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 EuiSideNavItems (#434)
  • Added Ast and Query services (#454)
  • Added icons for Kibana query language (#455)

Bug fixes

  • Fix error stemming from selected prop on EuiSelect (#436)

Breaking changes

  • The Random service's oneOf 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 for input type="file" needs. (#402)
  • Added isLoading prop to EuiButton (#427)
  • Added icons: eye, eyeClosed, grab, heatmap, vector (#427)
  • Added hasNoInitialSelection option to EuiSelect. (#422)

Bug fixes

  • Fixed appearance of checked checkboxes and radios in IE (#407)
  • Fixed disabled vs enabled appearance of checked checkboxes 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 of onToggleOpen to onToggle (#427)
  • Logstash icon set. #399
  • Added support for disabled options in EuiSelect. #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 deprecates EuiTableOfRecords which is still available, 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 to euiFlexGroup--alignItemsFlexStart (#378)
  • EuiGlobalToastList now prevents toasts from disappearing while the user's mouse is over the list. Added timer/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 accepts toasts, dismissToast, and toastLifeTimeMs props. It no longer accepts children. (#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 to 3.10.0 to align it with Kibana. (#359)
  • EuiRadio now supports the input tag's name attribute. EuiRadioGroup accepts a name prop that will propagate to its EuiRadios. (#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 if overflowHeight 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 and EuiProgress. (#326)
  • Added checkHrefAndOnClick and getSecureRelForTarget to services.

Breaking changes

  • EuiCodeBlock now only shows fullscreen icons if overflowHeight 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 the indeterminate 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 to flex-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

  • Adjust toast z-index to show over modals (#296)
  • Fix nested EuiFlexItem collapse issue in IE (#308)
  • Minor style-only changes to EuiPagination, button reset, EuiTableHeaderCell, and EuiCodeBlock. (#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 types not setting their viewBox attribute, which caused them to not honor the size properly. (#277)
  • Fixed EuiContextMenu to pass the event argument to a EuiContextMenuItem's onClick handler even when a panel is defined. (#265)

Breaking changes

  • Removed color prop from EuiCodeBlock. 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 propagate panelPaddingSize 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 to EuiOverlayMask. (#227)

Bug fixes

  • Fixed bug in Pager service which occurred when there were no items. (#237)
  • Added isPageable method to Pager service and set first and last page index to -1 when there are no pages. (#242)

Breaking changes

  • Renamed euiFlexGroup--alignItemsEnd class to euiFlexGroup--alignItemsFlexEnd.
  • Remove support for primary color from EuiTextColor because it looked too much like a link.

Bug fixes

  • Give EuiFormErrorText and EuiFormHelpText 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 of EuiFlexGroup now accepts spaceEvenly (#205)
  • Increased size of <EuiTitle size="s"> so that it's distinguishable as a title (#204)

Bug fixes

  • Fixed import paths for EuiTable, EuiHealth, and EuiPopover which prevented dependents of EUI from being able to compile when importing components from the lib 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, and cursorStart props to EuiCodeEditor (#169)
  • Added wrap prop to EuiFlexGroup (#170)
  • Added scope prop to EuiTableHeaderCell and EuiTableHeaderCellCheckbox (#171)
  • Added disabled prop to EuiContextMenuItem (#172)
  • Added EuiTablePagination component and Pager 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 includes findTestSubject, startThrowingReactWarnings, stopThrowingReactWarnings, requiredProps, and takeMountedSnapshot 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 under block 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 the grow prop. (#144)
  • EuiFlexItem and EuiFlexGrow now accept a component prop which you can set to span or div (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 the items prop (#141)
  • EuiSideNavGroup, EuiSideNavItem, and EuiSideNavTitle have been removed from the public API (#141)
  • Changed the hover states of EuiButtonEmpty to look more like links (#135)
  • EuiCode now wraps EuiCodeBlock, so it can do everything EuiCodeBlock could, but inline (#138)
  • Added transparentBackground prop to EuiCodeBlock (#138)
  • EuiCodeBlock now uses the light theme by default (#138)
  • EuiFormRow generates its own unique id 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