eui

• Added success as color option to EuiBadge, EuiTextColor, EuiText, EuiStat, and EuiExpression (#4888)
• Changed default color props from secondary to success where necessary (#4888)
• Added display of number of selected options in EuiSearchBar filters when numActiveFilters exists (#4748)
• Reverted z-index: 1 on EuiPageBody (#4892)
• Added updateButtonProps to EuiSuperDatePicker to provide more control over the update/refresh button (#4895)
• Updated EuiNotificationEvent to render an icon instead of a button if onRead is undefined (#4881)
• Added DraggableProvidedDragHandleProps interface from 'react-beautiful-dnd' (#4903)
• Added success and accent color options to EuiButton (#4874)
• Added success color option to EuiLink (#4874)

Bug fixes

• Fixed EuiRange container expansion due to negative margin value (#4815)
• Fixed EuiRange ticks position to better align with thumbs (#4815)
• Fixed EuiComboBox disabled pills and text contrast (#4901)
• Fixed EuiDataGrid footer and header rows jumps in Firefox (#4869)
• Fixed shaded colors of EuiButtonIcon (#4874)
• Fixed pageHeader display in EuiPageTemplate when template is empty or default (#4905)
• Fixed EuiPageHeader bottom padding when borderBottom = true (#4905)
• Fixed incomplete height and width information in EuiResizeObserver (#4909)

Theme: Amsterdam

• Updated styles for EuiRange (#4815
• Fixed more unique focus states using outline (#4876)
• Fixed border-radius value of EuiPanel (#4876)
• Fixed disabled background color of EuiCard for better visibility on subdued backgrounds (#4876)

• Added draggable highlight area to EuiDualRange (#4776)

• Added testenv mock for EuiFlyout (#4858)
• Added mobile glyph to EuiIcon (#4827)
• Reduced display of arrow icon in EuiSideNav to only if the item is not linked but has children (#4827)
• Increased size and prominence of mobile toggle in EuiSideNav (#4827)
• Added heading, headingProps, and mobileBreakpoints props for better accessibility to EuiSideNav (#4827)

Bug fixes

• Fixed mobile menus styles on EuiDataGrid (#4844)

Theme: Amsterdam

• Decreased spacing and root element size of EuiSideNav (#4816)

• Removed text-transform: capitalize from the EuiTourSteps title to better fit with Elastic title guidelines (#4839)
• Added color and size props and added support for click event to EuiBetaBadge (#4798)
• Added documentation and layers glyphs to EuiIcon (#4833)
• Updated EuiTourStep's title and subtitle prop type from string to ReactNode (#4841)
• Added euiCantAnimate Sass mixin (#4835)
• Added new EuiLoadingLogo component (#4835)
• Added icon props to EuiEmptyPrompt for custom icons (#4835)
• Deprecated EuiLoadingKibana (#4835)
• Paused animations when prefers-reduced-motion is on for loader components (#4835)

Bug fixes

• Fixed onBlur and data-test-subj prop propagation in EuiColorPicker (#4822)

• Updated max and min label positioning for EuiRange and EuiDualRange (#4781)
• Added timeslider, playFilled, frameNext and framePrevious glyphs to EuiIcon (#4810)
• Added default generic value for EuiSideNavProps (#4802)
• Added fullHeight and minHeight props to EuiPageTemplate (#4793)
• Added .eui-fullHeight and euiFullHeight() utilities (#4793)
• Added paddingSize prop to EuiPageSideBar (#4793)

Bug fixes

• Fixed EuiText color of EuiCallout to default (#4816)
• Fixed inconsistent width of EuiRange and EuiDualRange with custom tick values (#4781)
• Fixes browser freezing when EuiDataGrid is used together with EuiFlyout and the user clicks a cell (4813)
• Added flex-shrink: 0 to EuiTabs, EuiSpacer, and EuiImage to fix possible shrunken heights (#4793)
• Fixed duplicate main aria roles in EuiPageTemplate and most common EuiPage patterns (#4793)
• Fixed text color of EuiBottomBar (#4793)

• Added textTransform property to schemaDetectors prop of EuiDataGrid(#4752)
• Added color, continuityAbove, continuityAboveBelow, continuityBelow, continuityWithin, eraser, fullScreenExit, function, percent, wordWrap, and wordWrapDisabled glyphs to EuiIcon (#4779)
• Added as, role, closeButtonProps, closeButtonPosition, outsideClickCloses, side, type, and pushMinBreakpoint props to EuiFlyout (#4713)
• Extended EuiFlyout size prop to accept any CSS width value (#4713)
• Extended EuiFlyout and most of its props in EuiCollapsibleNav (#4713)
• Changed helpText prop in EuiFormRow to accept an array of messages(#4782)

Breaking changes

• Changed the default of EuiFlyout ownFocus to true (#4713)
• Wrapped EuiFlyout within the EuiOverlayMask when ownFocus=true (#4713)
• Changed EuiCollapsibleNav width sizing from a Sass variable to a size prop (#4713)
• Changed EuiOverlayMask z-indexing when positioned below header to using top offset (#4713)

Bug fixes

• Fixed EuiTourStepIndicator to use EuiI18n following the standard way (#4785)
• Fixed euiTourStep.closeTour default token value in EuiTourStep to be more specific (#4790)

• Added autoFocus prop and functionality to EuiComboBox (#4772)
• Added inherit color option to EuiIcon to force two-tone (app) icons to inherit their parent's color (#4760)
• Updated EuiBetaBadge, EuiBadge, EuiButtonIcon, EuiButtonContent, EuiCallOut, EuiContextMenuItem, EuiListGroupItem icon usage to inherit their parent's color (#4760)
• Added iconProps prop to EuiListGroupItem (#4760)
• Added i18ntokens.json to published package (#4771)
• Replaced highlight.js with prism.js/refractor for code syntax highlighting in EuiCodeBlock (#4638)

Bug fixes

• Fixed initialFocus prop functionality in EuiPopover (#4768)
• Fixed description prop in EuiTable(#4754)

Breaking changes

• Changed some language syntax references in EuiCodeBlock, such as jsx (#4638)
• Removed ability to parse non-string content in EuiCodeBlock (#4638)

• Reduced icon size in EuiButtonEmpty of size xs. (#4759)

Bug fixes

• Fixed missing i18n tokens for EuiFilePicker (#4750)
• Fixed EuiComoboBox to use correct placeholder text color (#4744)

• Removed MutationObserver fallback from EuiResizeObserver (#4709)

Bug fixes

• Fixed EuiInMemoryTable pagination prop to update visible items when changed (#4714)
• Fixed a bug in EuiFilePicker where the HTML input was being shown when disabled (#4738)
• Fixed inverted asc and desc labels for EuiDataGrid datetime schema (#4733)

• Added readOnly as a sorting option of EuiBasicTable and its columns (#4626)

Bug fixes

• Fixed a bug where on hovering an expandable row cell in EuiDataGrid a vertical line would show (#4689)
• Fixed a bug in EuiDataGrid where key presses in portalled content were being handled by the grid (#4706)
• Fixed EuiDataGrid's header content arrangement prevented closing a header cell's popover (#4706)
• Fixed a performance issue in EuiDataGrid when its rowCount changes (#4706)

Bug fixes

• Removed the restriction on selectable EuiCard with layout="horizontal" (#4692)

Bug fixes

• Exported EuiAvatarProps (#4690)
• Fixed type overrides in EuiCard (#4690)

Bug fixes

• Fixed htmlIdGenerator import path in button_group_button.tsx (#4682)
• Fixed EuiColorStops popover failing to close (#4687)

Bug fixes

• Fixed block style of EuiPanel when rendered as a <button> (#4681)

• Added stepNumber prop and stepped as stopType option to EuiColorStops (#4613)
• Expanded display prop of EuiCard to inherit color values from EuiPanel (#4649)
• Added element prop to EuiPanel for forcing to div or button (#4649)
• Increased padding on EuiCheckableCard with refactor to use EuiSplitPanel (#4649)
• Added valueInputProps prop to EuiColorStops (#4669)
• Added position, usePortal, top, right, bottom, and left props to EuiBottomBar (#4662)
• Added bottomBar and bottomBarProps to EuiPageTemplate when template = 'default' (#4662)
• Added role="main" to EuiPageContent by default (#4662)
• Added bottomBorder prop to EuiPageHeader (#4662)

Bug fixes

• Fixed id attribute to be unique across EuiButtonGroupButton elements (#4657)
• Fixed responsive sizing of EuiModal (#4670)
• Fixed disabled interactions of EuiHeaderSectionItemButton (#4670)
• Hid of text on small screens for compressed EuiPagination(#4661)

Breaking changes

• Removed betaBadgeLabel, betaBadgeTooltipContent, and betaBadgeTitle props from EuiPanel (#4649)
• Changed EuiBottomBar positioning styles from being applied at the CSS layer to the style property (#4662)

• Added indexRuntime glyph in EuiIcon (#4650)
• Added iconType, iconColor, and iconSize props to EuiAvatar (#4620)
• Added 'plain' and null as color options of EuiAvatar (#4620)

• Added EuiNotificationEvent component (#4513)
• Added euiAnimation() method on the EuiHeaderSectionItemButton ref (#4513)
• Made description prop of EuiCard optional (#4546)

• Added panelProps to EuiPopover (#4573)
• Updated the default of the EuiPopovers ownFocus prop from false to true (#4551)
• Added src prop to EuiImage as an alternative to url (#4611)
• Added EuiSplitPanel component (#4539)

Bug fixes

• Fixed hover effect of nested clickable rows in EuiBasicTable (#4566)
• Fixed visual bug in drag&drop sections when nested in an popover (#4590)
• Fixed an errant export of EuiSideNavProps type from JS code (#4604)
• Fixed misaligned EuiComboBox options list (#4607)
• Fixed missing forwardRef on EuiHeaderSectionItemButton (#4631)

Bug fixes

• Fixed an errant export of two non-existant values (#4597)

• Added EuiComboBoxOptionOption prop to EuiComboBox props table (#4563)
• Allowed dynamically changing the direction prop on EuiResizableContainer (#4557)
• Exported useIsWithinBreakpoints hook (#4557)
• Added focus to EuiForm error EuiCallout (#4497)
• Added a display and size props to EuiButtonIcon (#4466)

Bug fixes

• Fixed the return type of getDefaultEuiMarkdownUiPlugins (#4567)
• Fixed inverse handling of boolean sorting in EuiDataGrid (#4561)

Feature: EuiPageTemplate (#4517)

• Added new EuiPageTemplate component as a shortcut for creating the different types of page layout patterns
• Added props grow and direction to EuiPage
• Added props panelled, panelProps, and paddingSize to EuiPageBody
• Added props restrictWidth and paddingSize to EuiPageBody
• Added prop paddingSize to EuiPageHeader
• Updated tabs prop of EuiPageHeaderContent to render large size
• Added prop sticky to EuiPageSideBar
• Added Sass variable $euiPageSidebarMinWidth for changing default min-width of EuiPageSideBar
• Added href and other anchor props to EuiHeaderSectionItemButton

Bug fixes

• Fixed horizontal overflow of EuiPageContent
• Fixed horizontal overflow of EuiBreadcrumbs