Published by cee-chen 30 days ago
EuiDataGrid
and EuiBasic/InMemoryTable
to clean content newlines/tabs when users copy and paste from their tabular data (#8019)EuiResizableButton
with a new accountForScrollbars
prop (#8021)EuiProvider
to inherit from the user's OS/system light/dark mode setting if a colorMode
prop has not been passed (#8026)Bug fixes
EuiDatePicker
's onClear
button to not appear when the input is disabled
(#8020)EuiDataGrid
row height bugs: (#8025)
rowHeightOptions.lineHeight
, gridStyles.fontSize
, or gridStyles.cellPadding
changedrowHeightOptions.rowHeights
with lineCount
sEuiText
, EuiTextColor
, and EuiTextAlign
with a new component
prop that allows changing the default rendered <div>
wrapper to a <span>
or <p>
tag. (#7993)EuiDataGrid
's cell actions to always consistently be left-aligned, regardless of text content alignment (#8011)EuiDataGrid
's cell actions hover zone to reduce UX friction when mousing over from the grid cell to its actions (#8011)Bug fixes
EuiPopover
to correctly inherit from EuiProvider
's componentDefaults.EuiPortal.insert
(#8003)EuiFlyoutResizable
s to not potentially block scrollbars on outside content (#8010)EuiDataGrid
bug where the setCellProps
callback passed by renderCellValue
was not correctly applying custom data-test-subj
s (#8011)Accessibility
EuiBasicTable
actions button's aria-label
by adding a reference to the current row (#7994)CSS-in-JS conversions
EuiDataGrid
's toolbar controls to Emotion (#7997)
$euiDataGridPopoverMaxHeight
EuiDataGrid
to Emotion (#7998)
$euiZDataGrid
$euiZHeaderBelowDataGrid
EuiDataGrid
's gridStyle
s to Emotion; Removed the following Sass variables and mixins: (#8006)
$euiDataGridCellPaddingS
$euiDataGridCellPaddingM
$euiDataGridCellPaddingL
$euiDataGridVerticalBorder
$euiDataGridPrefix
$euiDataGridStyles
@euiDataGridSelector
@euiDataGridStyles
EuiDataGrid
's cell popover, actions, and focus outline to Emotion; Removed the following Sass variables and mixins: (#8011)
$euiZDataGridCellPopover
@euiDataGridCellFocus
EuiDataGrid
's row, header, and footer cells to Emotion; Removed the following Sass variables and mixins: (#8013)
$euiDataGridColumnResizerWidth
@euiDataGridRowCell
@euiDataGridHeaderCell
@euiDataGridFooterCell
Published by cee-chen about 2 months ago
EuiDataGrid
to support interactive header cell content (#7898)EuiSearchBar
's field_value_selection
filter type with a new autoSortOptions
config, allowing consumers to configure whether or not selected options are automatically sorted to the top of the filter list (#7958)getDefaultEuiMarkdownPlugins
to support the following new default plugin configurations: (#7985)
parsingConfig.linkValidator
, which allows configuring allowRelative
and allowProtocols
parsingConfig.emoji
, which allows configuring emoticon parsingprocessingConfig.linkProps
, which allows configuring rendered links with any props that EuiLink
acceptsEuiMarkdownFormat
and EuiMarkdownEditor
usageEuiDatePicker
to support append
and prepend
nodes in its form control layout (#7987)Bug fixes
EuiDatePicker
s with shadow={false}
(#7987)EuiSuperSelect
's placeholder text color to match other form controls (#7995)Accessibility
EuiDataGrid
header cells (#7898)Published by cee-chen about 2 months ago
EuiSearchBar
's optional box.schema
prop with a new recognizedFields
configuration. This allows specifying the phrases that will be parsed as field clauses (#7960)EuiIcon
with a new tokenSemanticText
glyph (#7971)Bug fixes
EuiSelectableTemplateSitewide
styles when used within a dark-themed EuiHeader
(#7977)Published by cee-chen 2 months ago
EuiHeaderLinks
's mobile menu to set a slight popover padding by default (#7961)
popoverProps.panelPaddingSize
if needed.EuiHeaderLink
to default to a size of s
(down from m
) (#7961)Accessibility
aria-label
attribute for the EuiFieldSearch
clear button (#7970)Bug fixes
<EuiDualRange showInput="inputWithPopover" />
form controls (#7957)Deprecations
EuiFormRow
's columnCompressedSwitch
display prop. Use columnCompressed
instead, which will automatically account for child EuiSwitch
es (#7968)EuiFormRow
's rowCompressed
display prop. Use row
instead for vertical forms, or centerCompressed
for inline forms (#7968)EuiFormRow
's hasEmptySpaceLabel
prop to no longer attempt to automatically align its content to a vertical center. Use the display="center"
prop for that instead (#7968)CSS-in-JS conversions
EuiFormControlLayout
to Emotion (#7954)
.euiFormControlLayout--*icons
classNames and --eui-form-control-layout-icons-padding
CSS var. Use --euiFormControlRightIconsCount
or --euiFormControlLeftIconsCount
insteadEuiFormLayoutDelimited
to Emotion (#7957)cloneElementWithCss
throwing an error when used multiple times without a key
prop (#7957)cloneElementWithCss
utility to support a third argument that allows prepending vs. appending the cloned Emotion css className (#7957)@euiFormControlLayoutClearIcon
Sass mixin (#7959)EuiDescribedFormGroup
to Emotion (#7964)EuiForm
, EuiFormHelpText
, and EuiFormErrorText
to Emotion (#7966)EuiFormLabel
and EuiFormLegend
to Emotion; Removed @euiFormLabel
mixin (#7967)EuiFormRow
to Emotion (#7968)EuiCheckbox
to Emotion (#7969)EuiRadio
to Emotion (#7969)EuiSwitch
to Emotion (#7969)$euiFormCustomControlDisabledIconColor
$euiFormCustomControlBorderColor
$euiRadioSize
$euiCheckBoxSize
$euiCheckboxBorderRadius
$euiSwitchHeight
(and compressed/mini variants)$euiSwitchWidth
(and compressed/mini variants)$euiSwitchThumbSize
(and compressed/mini variants)$euiSwitchIconHeight
$euiSwitchOffColor
euiIconBackground
euiCustomControl
euiCustomControlSelected
euiCustomControlDisabled
euiCustomControlFocused
Published by cee-chen 2 months ago
CSS-in-JS conversions
EuiSelectable
to Emotion (#7940)
$euiSelectableListItemBorder
$euiSelectableListItemPadding
EuiSelectableTemplateSitewide
to Emotion (#7944)
$euiSelectableTemplateFocusBackgroundLight
$euiSelectableTemplateFocusBackgroundDark
$euiSelectableTemplateSitewideTypes
EuiComboBox
to Emotion (#7950)Published by cee-chen 3 months ago
EuiIcon
with a new crossInCircle
glyph (#7924)Bug fixes
EuiEmptyPrompt
to correctly collapse and expand responsively when used with custom breakpoints larger than the default xl
breakpoint (#7935)Accessibility
EuiModal
by ensuring nested EuiPopover
closes on Escape
keypress instead of the modal (#7939)CSS-in-JS conversions
EuiDatePicker
to Emotion (#7937)
$euiDatePickerCalendarWidth
$euiDatePickerPadding
$euiDatePickerGap
$euiDatePickerCalendarColumns
$euiDatePickerButtonSize
$euiDatePickerMinControlWidth
$euiDatePickerMaxControlWidth
@mixin datePickerCaret
@mixin datePickerArrow
Published by cee-chen 3 months ago
minusInSquare
and plusInSquare
glyphs to EuiIcon
. (#7875)Bug fixes
EuiSuperDatePicker
not correctly passing refreshMinInterval
from the quick select popover (#7905)CSS-in-JS conversions
EuiSuperDatePicker
's form control to Emotion; (#7904)
$euiSuperDatePickerWidth
$euiSuperDatePickerButtonWidth
$euiSuperDatePickerNeedsUpdatingBackgroundColor
$euiSuperDatePickerNeedsUpdatingTextColor
@euiSuperDatePickerText
mixinEuiSuperDatePicker
's date popover content to Emotion (#7908)EuiSuperDatePicker
's quick select to Emotion (#7909)Published by mgadewoll 3 months ago
anomalyChart
, anomalySwimLane
, changePointDetection
, fieldStatistics
, logPatternAnalysis
, logRateAnalysis
and singleMetricViewer
glyph to EuiIcon
(#7873)Bug fixes
EuiBasicTable
for expanded and selectable table rows (#7895)EuiBasicTable
mobile actions (#7895)Accessibility
EuiStat
's screen reader accessibility (#7864)Published by tkajtoch 4 months ago
EuiThemeProvider
s to allow modifying/setting custom breakpoint
s in nested usage (as opposed to only at the top EuiProvider
level) (#7862)Bug fixes
mask-image
bug that was affecting scroll overflow shadow utilties (#7855)CSS-in-JS conversions
EuiColorPicker
to Emotion; Removed $euiColorPickerWidth
(#7845)EuiColorPickerSwatch
to Emotion (#7853)EuiColorPalettePicker
and EuiColorPaletteDisplay
to Emotion (#7854)
$euiColorPaletteDisplaySizes
@mixin euiColorPaletteInnerBorder
$euiColorPickerValueRange0
, $euiColorPickerValueRange1
, $euiColorPickerSaturationRange0
, $euiColorPickerSaturationRange1
, and $euiColorPickerIndicatorSize
(#7859)Accessibility
aria-label
attribute for the EuiFilePicker
remove file button (#7860)Published by JasonStoltz 4 months ago
EuiContextMenuItemIcon
's type definition to explicitly define support for EuiIcon
's IconType
(#7804)EuiSteps
to support a new titleSize="xxs"
style, which outputs the same title font size but smaller unnumbered step indicators (#7813)EuiStepsHorizontal
to support a new size="xs"
style, which outputs smaller unnumbered step indicators (#7813)EuiStepNumber
to support new titleSize="none"
which omits rendering step numbers, and will only render icons (#7813)setEuiDevProviderWarning
to additionally accept a custom callback function, which warning messages will be passed to (#7820)EuiIcon
to feature updated logoElasticStack
logo for referencing Elastic Stack platform (#7838)EuiIcon
to feature updated casesApp
design. (#7840)EuiComboBox
to no longer autocomplete searched text when used within forms (#7842)CSS-in-JS conversions
EuiFilePicker
to Emotion; Removed $euiFilePickerTallHeight
(#7833)Published by cee-chen 4 months ago
EuiFormControlLayout
to automatically pass icon padding affordance down to child input
s (#7799)Bug fixes
EuiDatePickerRange
s (#7770)CSS-in-JS conversions
Published by tkajtoch 4 months ago
move
glyph to EuiIcon
(#7789)EuiBasicTable
and EuiInMemoryTable
s with selection
- the header row checkbox will now render an indeterminate state if some (but not all) rows are selected (#7817)Bug fixes
EuiDataGrid
visual bug when using lineCount
row heights where the clamped text was still visible for some font sizes (#7793)EuiSearchBar
's filter configs to always respect autoClose: false
(#7806)Breaking changes
EUI_CHARTS_THEME_DARK
, EUI_CHARTS_THEME_LIGHT
and EUI_SPARKLINE_THEME_PARTIAL
exports (#7682)euiPalettePositive
and euiPaletteNegative
. Use euiPaletteGreen
and euiPaletteRed
instead (#7808)type="inList"
from EuiCheckbox
. Simply omit passing a label
prop to render this style of checkbox (#7814)compressed
prop from EuiCheckbox
and EuiRadio
. This prop was not doing anything on individual components. (#7818)CSS-in-JS conversions
Published by tkajtoch 5 months ago
Bug fixes
EuiDualRange
s with showInput
bug, where min
/max
values and invalid states were not being correctly set if values were empty strings (#7767)Accessibility
EuiDatePicker
and EuiSuperDatePicker
's time selection screen reader UX (#7726)EuiDatePicker
by providing full screen-reader-only week day names to the calendar header (#7748)EuiBadge
's ability to tell when text within the badge is selected/highlighted and selection color contrast (#7752)Published by tkajtoch 5 months ago
EuiFlyoutResizable
now respects size
prop updates, allowing for controlled size
usage (#7759)Bug fixes
setTimeout
in EuiInputPopover
to reduce flaky Cypress failures (#7760)Accessibility
EuiToolTip
s can now additionally be dismissed via Escape
keypress as well as on focus blur. (#7751)Published by tkajtoch 5 months ago
toolTipContent
and toolTipProps
props on EuiSelectable
options (#7715)EuiSuperDatePicker
's absolute tab UX to support setting manual timestamps via mouse click as well as enter key (#7732)Bug fixes
EuiSelectable
(#7715)EuiMarkdownEditor
not disabling the upload dropzone when in readOnly
mode (#7738)EuiMarkdownEditor
not showing an invalid underline on the editor when errors
are present (#7738)CSS-in-JS conversions
EuiMarkdownEditor
to Emotion; Removed $euiMarkdownEditorMinHeight
(#7738)EuiMarkdownFormat
to Emotion (#7738)Accessibility
EuiCollapsedNavButton
with improved context for screen reader navigation (#7740)Published by tkajtoch 6 months ago
launch
glyph for EuiIcon
(#7670)EuiComboBox
's options
to support including tooltip details for selectable options. Use toolTipContent
to render tooltip information, and toolTipProps
to optionally customize the tooltip rendering behavior (#7700)EuiIcon
: (#7727)
error
(now an outlined version instead of filled)tokenMetricCounter
tokenMetricGauge
EuiIcon
: (#7727)
tokenDimension
clickLeft
clickRight
clockCounter
errorFilled
(the previous error
glyph design)warningFilled
Bug fixes
EuiComboBox
with isLoading
in mobile views (#7700)EuiDataGrid
that prevented content text alignment styles to apply (#7720)EuiFlexGroup
and EuiFlexItem
ref
prop typing to support refs of the same type as the passed component
type and allow displayName
to be defined for easy component naming when using component wrappers like styled()
(#7724)