Published by thompsongl over 2 years ago
EuiMarkdownFormat
to allow mailto:
links by default (#5790)EuiMarkdownEditor
's euiMarkdownLinkValidator
parsing plugin to allow customization of link validation (#5790)logicals{}
, logicalCSS()
, logicalStyle()
, logicalTextAlignCSS()
, and logicalTextAlignSTyle()
CSS property utilities (#5850)euiPaddingSize()
, useEuiPaddingSize()
, and useEuiPaddingCSS()
sizing utilities (#5850)euiBackgroundColor()
, useEuiBackgroundColor()
and useEuiBackgroundColorCSS()
color utilities (#5850)EuiCallOut
heading
element from span
to p
(#5870)EuiOverlayMask
to accept a React ref (#5876)user
glyph to userAvatar
in EuiIcon
(#5877)user
glyph in EuiIcon
(#5877)Bug fixes
EuiCallOut
icon with the heading text (#5870)EuiFlyout
outsideClickCloses
not being scoped to overlay mask when ownFocus=true
(#5876)Deprecations
euiCallOutColor()
deprecated in favor of using EuiCallOut
directly (#5870)Breaking changes
EuiDatePicker
's popoverPosition
props - use EuiPopover
values going forward (#5868)partition
prop from EuiCharts theme configuration - use theme.partition
instead (#5868)data-grid-cell-id
attribute from EuiDataGrid
cells - use separate data-gridcell-column-id
& data-gridcell-row-index
attributes instead (#5868)noDivider
prop from EuiFilterButton
- use withNext
prop instead (#5868)isSelected
and isComplete
props from EuiHorizontalStep
- use status
prop instead (#5868)isHollow
prop from EuiStep
- this visual appearance is no longer used in Amsterdam (#5868)display
prop from EuiTabs
& EuiTabbedContent
- this visual appearance is no longer used in Amsterdam (#5868)descriptionDisplay
and labelDisplay
props from EuiSuggestItem
- use truncate
and labelWidth
instead, respectively (#5868).euiButton---subdued
className and $euiButtonTypes.subdued
Sass variable - use text
color instead (#5868).eui-textOverflowWrap
- use .eui-textBreakWord
instead (#5868).euiYScrollWithShadows
- use .eui-yScrollWithShadows
instead (#5868)EuiMarkdownEditor
no longer automatically includes the tooltip plugin in custom plugin arrays passed to uiPlugins
. To use EUI's tooltip plugin, use getDefaultEuiMarkdownPlugins()
(#5868)CSS-in-JS conversions
Published by chandlerprall over 2 years ago
EuiLoadingSpinner
border (#5845)role
and default aria-label
to EuiLoadingLogo
, EuiLoadingContent
, EuiLoadingElastic
, and EuiLoadingSpinner
(#5845)euiTextTruncate
, euiTextWordBreak
, and euiNumberFormat
CSS-in-JS text utilities (#5854)focus
token to global EuiTheme
(#5855)euiFocusRing()
and useEuiFocusRing()
function/hook for customizing focus outline (#5855)focusTrapProps
prop to EuiFlyout
to aid outside click detection and closing event (#5860)Bug fixes
EuiMarkdownEditor
's default toolbar buttons to highlight when the text cursor is in a related location (#5840)EuiLoadingLogo
(#5845)EuiLoadingElastic
in dark mode (#5845)EuiSplitPanel
s (#5855)offset
of global focus outline
(#5855)EuiCollapsibleNav
failing to close when the button is clicked (#5860)CSS-in-JS conversions
EuiBottomBar
to Emotion (#5823)EuiHealth
to Emotion (#5832)EuiTitle
to Emotion (#5842)EuiLoadingLogo
, EuiLoadingContent
, EuiLoadingElastic
, and EuiLoadingSpinner
; Removed $euiLoadingSpinnerSizes
, $euiGradientStartStop
, and $euiGradientMiddle
(#5845)EuiSkipLink
to Emotion (#5851)Breaking change
EuiTitle
's Emotion conversion, the line-height of s
and xxs
sized EuiTitle
s have been slightly reduced (#5842)Published by thompsongl over 2 years ago
EuiTimeline
a11y by using better semantic elements (#5791)EuiAspectRatio
with inline styles using aspect-ratio
property of css (#5818)EuiLoadingChart
(#5821)euiFontSize()
and useEuiFontSize()
JS function and React hook for font sizing (#5822)levels
object to EuiTheme
(#5827)@emotion/cache
to include all @emotion
styles (#5831)Bug fixes
EuiAccordion
children that use position: fixed;
(#5806)EuiFlyout
so that it no longer closes when a click starts inside the flyout but completes outside (#5810)EuiBasicTable
mobile styles being in sync between JS and Sass (#5822)CSS-in-JS conversions
Published by chandlerprall over 2 years ago
<p />
wrapper around description
of EuiDescribedFormGroup
when provided as a string (#5756)ratio
prop to EuiDescribedFormGroup
to control the column width ratio (#5756)Bug fixes
hasEmptyLabelSpace
on EuiFormRow
(#5756)EuiDescribedFormGroup
columns (#5756)EuiContextMenu
stranding keyboard focus when pressing the left/right arrow keys quickly between more than 2 panels (#5783)EuiContextMenu
to enable up/down arrow key navigation to all focusable items
(#5783)EuiContextMenu
to enable using the up/down arrow keys to navigate to the panel title back button (which takes the user to the previous panel), and focus this button if initialFocusedItemIndex
has not been set (#5783)EuiComboBox
losing focus when a disabled option is clicked (#5795)EuiDataGrid
bug occurring when closing cell popovers on clicking the originating cell. The original fix was unintentionally affecting cell popovers with nested modals, popovers, etc. (#5797)Breaking changes
EuiPopover
s will no longer focus the first tabbable child by default - instead, the popover panel will be focused. This change should be a better experience for both keyboard and screen reader users. Consumers who want to set an initial focus on specific popover element should use the initialFocus
prop. (#5784)Published by cee-chen over 2 years ago
EuiDataGrid
now allows limiting the number of visible cell actions with a new columns.visibleCellActions
prop (defaults to 2). All additional actions will be shown in the cell expansion popover. (#5675)gridStyle.rowClasses
API to EuiDataGrid
, which allows adding custom classes/styling to specific row indices, primarily for the purpose of highlighting rows (#5732)alert
icon indicator and aria-invalid
when the following form controls are isInvalid
: EuiFieldNumber
, EuiFieldPassword
, EuiFieldText
, EuiSelect
, EuiSuperSelect
, EuiFieldSearch
, EuiColorPicker
(#5738)isInvalid
prop to EuiFormControlLayout
to render the alert
icon (#5738)isDropdown
prop to EuiFormControlLayout
to create and control an arrowDown
icon (#5738)color
as to EuiFormControlLayout
's icon
object (#5738)Bug fixes
EuiSuperSelect
border-radius with append
or prepend
(#5738)EuiSuperSelect
not respecting readOnly
(#5738)EuiDataGrid
cell focus sometimes not being restored for keyboard users when cell expansion popovers were closed (#5761)Breaking changes
closePopover()
callback passed to EuiDataGrid
's cellActions
render functions. Use closeCellPopover()
passed by EuiDataGrid
's ref
prop instead. (#5734)CSS-in-JS conversions
EuiAvatar
to CSS-in-JS styling (#5670)Published by cee-chen over 2 years ago
EuiSuperDatePicker
(#5743)Breaking changes
prettyDuration
utility exported by EuiSuperDatePicker
- this util was converted to a PrettyDuration
component and usePrettyDuration
hook which should be used instead (#5743)commonDurationRanges
exported by EuiSuperDatePicker
. The new pretty duration utils will fall back to commonDurationRanges
by default if no quickRanges
are passed (#5743)Published by thompsongl over 2 years ago
Published by cee-chen over 2 years ago
editorChecklist
glyph to EuiIcon
(#5705)testenv
mock for EuiIcon
to render aria-label
as text (#5709)compressed
prop to EuiFilterGroup
and reduced the size of the EuiFilterButton
notification badge (#5717)EuiSelectableTemplateSitewide
input text when in dark header (#5724)Breaking changes
flush
and size
props in EuiFilterButtonProps
(#5717)CSS-in-JS conversions
EuiMark
to CSS-in-JS styling (#4575)Published by thompsongl over 2 years ago
testenv
mock for EuiFlyout
to include default aria-label
on the close button (#5702)euiDataGridToolbar.fullScreenButton
to euiFullscreenSelector.fullscreenButton
, and its text to Enter fullscreen
(with no space) (#5680)euiDataGridToolbar.fullScreenButtonActive
to euiFullscreenSelector.fullscreenButtonActive
, and its text to Exit fullscreen
(with no space) (#5680)Bug fixes
Published by thompsongl over 2 years ago
EuiSuggest
to fire the onItemClick
callback on Enter key press as well as clicks (#5693)Bug fixes
EuiSelectable
s not selecting items with the Enter & Space keys (#5693)Breaking changes
'all'
option in EuiTablePagination.itemsPerPage
and itemsPerPageOptions
in EuiBasicTable
and EuiDataGrid
due to Typescript issues. Use 0
instead to represent a "Show all" option (#5699)Published by thompsongl over 2 years ago
EuiComboBox
to WAI-ARIA 1.2 pattern and improved keyboard navigation (#5636)readOnly
prop to EuiMarkdownEditor
(#5627)breadcrumbs
and breadcrumbProps
directly to EuiPageHeader
(#5634)EuiBreadcrumb
to include HTMLElement
and color
inherited from EuiLink
(#5634)"xxl"
size to EuiLoadingSpinner
(#5668)isLoading
prop to EuiButtonIcon
(#5668)EuiDataGrid
to allow setting individual cell isExpandable
state via setCellProps
(#5667)EuiSelectable
and EuiSuggest
to accept controlled value
props (#5658)textWrap
to EuiSelectableListItem
, EuiSelectableList
, and EuiSelectable.listOptions
(#5679)truncation
on EuiSuggest
items when isVirtualize
(#5679)horizontal
EuiEmptyPrompt
and added spacing between (#5663)pow
implementation (#5674)Bug fixes
EuiDataGrid
cell props not resetting on column sort (#5665)EuiDataGrid
not correctly closing cell popovers when the originating cell is clicked (#5681)EuiSuggest
not correctly passing props to the search input (#5658)EuiSelectable
incorrectly rendering the passed id
prop on the listbox instead of the parent wrapper (#5658)EuiSelectable
to no longer call searchProps.onChange
when list items are clicked (#5658)EuiSelectable
not respecting searchProps.inputRef
(#5658)EuiSelectableListItem
when no icons are present (#5679)EuiSelectableTemplateSitewide
items when no icons are present (#5679)Breaking changes
incremental
prop from EuiSuggest
and EuiSelectable
's searchProps
(#5658)EuiSelectable
's searchProps.onSearch
prop (since Enter keypresses do not trigger a search callback) - use searchProps.onChange
instead (#5658)EuiSuggest
's onInputChange
and onSearchChange
callbacks to onInput
/onSearch
respectively, for consistency with our existing callback naming conventions (#5658)EuiSuggest
's isLoading
prop - use status.loading
instead (#5658)Published by chandlerprall over 2 years ago
renderCellPopover
prop to EuiDataGrid
(#5640)schema
info to EuiDataGrid
's renderCellValue
props (#5640)isLoading
prop to EuiDualRange
(#5648)'all'
option to EuiTablePagination.itemsPerPage
and itemsPerPageOptions
to render a "Show all" option and updated EuiBasicTable
and EuiDataGrid
usages (#5547)Bug fixes
EuiImage
images' width in small containers by adding max-width: 100%
(#5547)EuiTablePagination
layout in small containers by adding wrap
(#5547)Bug fixes
EuiDataGrid
throwing a console error when grids without trailing control columns are sorted and then all columns are hidden (#5635)Breaking changes
Published by thompsongl over 2 years ago
Published by cee-chen over 2 years ago
EuiSuggest
to use EuiSelectable
(#5157)EuiTable
resolveWidthAsStyle
util (#5615)euiSelectableTemplateSitewideFormatOptions
util (#5620)Bug fixes
EuiDataGrid
to correctly remove the cell expansion action button when a column sets both cellActions
and isExpandable
to false (#5592)EuiDataGrid
re-playing the cell actions animation when hovering over an already-focused cell (#5592)EuiDataGrid
auto row heights bugging out when cell popovers are opened (#5622)Breaking changes
Published by chandlerprall over 2 years ago
EuiDataGrid
fullscreen, cell focus, and cell popover state via the ref
prop (#5590)paddingSize
prop to EuiSelectableList
(#5581)errorMessage
prop to EuiSelectable
(#5581)EuiSelectable
accessibility (#5581)tokenTag
design to look more like a tag (#5553).euiToken--square
to look more like a square (#5553)Bug fixes
EuiInMemoryTable
's onTableChange
callback not returning the correct sort.field
value on pagination (#5588)EuiFilePicker
allowing files to be removed when disabled
(#5603)Breaking changes