\n This is the first paragraph. It is visible to all.\n
\n\n This is the second paragraph. It is hidden for sighted users but visible to screen readers.\n
\n\n This is the third paragraph. It is visible to all.\n
\nAny content inside of
The content inside can be of any height.
\nThe content inside can be of any height.
\nThe content inside can be of any height.
\nThe content inside can be of any height.
\nThe content inside can be of any height.
\nThe content inside can be of any height.
\n\n
Any content inside of
Row {i}
);\n }\n\n return (\n\n
Or try
\n Here’s some stuff that you need to know. We can make this text really long so that,\n when viewed within a browser that’s fairly narrow, it will wrap, too.\n
\n\n And some other stuff on another line, just for kicks. And
\n I have no news. Which is good! And
\n Here be dragons. Don’t wanna mess with no dragons. And
\n Now you have to fix it, but maybe
This code is read only
'\n };\n\n render() {\n return (\n\n Sometimes you need to emphasize
\n You can also pass a language in like
\n Make the background transparent like this
\n
Navigators use massive amounts of spice to gain a limited form of prescience. This allows them to safely navigate interstellar space, enabling trade and travel throughout the galaxy.
\nYou’ll need spice to rule Arrakis, young Atreides.
\nNavigators use massive amounts of spice to gain a limited form of prescience. This allows them to safely navigate interstellar space, enabling trade and travel throughout the galaxy.
\nYou’ll need spice to rule Arrakis, young Atreides.
\nLoading filters
\nNo filters found
\nAnother content grid item
\nNote how both of these are the same width and height despite having different content?
\nI
\nam
\nreally
\ntall
\nA side nav might be in this one.
\nAnd you would want the panel on the right to expand with it.
\nYou can use ESC to close this panel, but we could also pass in a close button like so.
\n\n\n Far out in the uncharted backwaters of the unfashionable end of\n the western spiral arm of the Galaxy lies a small unregarded\n yellow sun.\n
\n\n\n Orbiting this at a distance of roughly ninety-two million miles\n is an utterly insignificant little blue green planet whose ape-\n descended life forms are so amazingly primitive that they still\n think digital watches are a pretty neat idea.\n
\n\n\n This planet has - or rather had - a problem, which was this: most\n of the people living on it were unhappy for pretty much of the time.\n Many solutions were suggested for this problem, but most of these\n were largely concerned with the movements of small green pieces\n of paper, which is odd because on the whole it was not the small\n green pieces of paper that were unhappy.\n
\n\n\n But the dog wasn’t lazy, it was just\n practicing mindfulness, so it had a greater sense of\n life-satisfaction than that fox with all its silly jumping.\n
\n\n\n And from the fox’s perspective, life was full of hoops to jump through, low-hanging\n fruit to jump for, and dead car batteries to jump-start.\n
\n\n\n So it thought the dog was making a poor life choice by focusing so much on mindfulness.\n What if its car broke down?\n
\nPut navigation items in the header, and cross tab actions in a footer.
\nYou can use ESC to close this panel, but we could also pass in a close button like so.
\n\nAdd some files to see a demo of retrieving from the FileList
;\n }\n }\n\n render() {\n return (\nxs
\ns
\nm
\nl (default)
\nxl
\nxxl
\n{iconType}
\n{iconType}
\n{iconType}
\n{iconType}
\n{iconType}
\n{iconType}
\n{iconSize}
\n{iconColor}
\n\n Open the {(\n
\n This link is actually a {(\n
\n Here is an example of a {(\n
Links can be colored as well.
\nYou’re about to do something.
\nAre you sure you want to do this?
\n \nYou’re about to destroy something.
\nAre you sure you want to do this?
\n \n\n KING. Whats he that wishes so?\n My cousin, Westmorland? No, my fair cousin;\n If we are mark’d to die, we are enow\n To do our country loss; and if to live,\n The fewer men, the greater share of honour.\n God’s will! I pray thee, wish not one man more.\n By Jove, I am not covetous for gold,\n Nor care I who doth feed upon my cost;\n It yearns me not if men my garments wear;\n Such outward things dwell not in my desires.\n But if it be a sin to covet honour,\n I am the most offending soul alive.\n No, faith, my coz, wish not a man from England.\n God’s peace! I would not lose so great an honour\n As one man more methinks would share from me\n For the best hope I have. O, do not wish one more!\n Rather proclaim it, Westmorland, through my host,\n That he which hath no stomach to this fight,\n Let him depart; his passport shall be made,\n And crowns for convoy put into his purse;\n We would not die in that man’s company\n That fears his fellowship to die with us.\n This day is call’d the feast of Crispian.\n He that outlives this day, and comes safe home,\n Will stand a tip-toe when this day is nam’d,\n And rouse him at the name of Crispian.\n He that shall live this day, and see old age,\n Will yearly on the vigil feast his neighbours,\n And say “To-morrow is Saint Crispian.”\n Then will he strip his sleeve and show his scars,\n And say “These wounds I had on Crispin’s day.”\n Old men forget; yet all shall be forgot,\n But he’ll remember, with advantages,\n What feats he did that day. Then shall our names,\n Familiar in his mouth as household words—\n Harry the King, Bedford and Exeter,\n Warwick and Talbot, Salisbury and Gloucester—\n Be in their flowing cups freshly rememb’red.\n This story shall the good man teach his son;\n And Crispin Crispian shall ne’er go by,\n From this day to the ending of the world,\n But we in it shall be rememberèd—\n We few, we happy few, we band of brothers;\n For he to-day that sheds his blood with me\n Shall be my brother; be he ne’er so vile,\n This day shall gentle his condition;\n And gentlemen in England now a-bed\n Shall think themselves accurs’d they were not here,\n And hold their manhoods cheap whiles any speaks\n That fought with us upon Saint Crispin’s day.\n
\nHover me to see my hover state.
\n\n Be careful with content within left or right aligned popovers. There needs to be\n enough content to make make enough height for the arrow positioning.\n
\n\n Be careful with content within left or right aligned popovers. There needs to be\n enough content to make make enough height for the arrow positioning.\n
\n\n Be careful with content within left or right aligned popovers. There needs to be\n enough content to make make enough height for the arrow positioning.\n
\n\n Be careful with content within left or right aligned popovers. There needs to be\n enough content to make make enough height for the arrow positioning.\n
\n\n Popover content with default padding\n
\n\n Popover content with large padding\n
\n\n Popover content with no padding\n
\n\n Popover content\n
\n\n Popover content\n
\n\n Popover content\n
\n\n Popover content\n
\nThis element is appended to the body in the DOM if you inspect
\n\n {this.state.value}\n
\n\n The progress bar is fixed to the top of your browser.\n
\n \n\n The progress bar is absolutely positioned in this panel. You could\n see how this might be useful in our Toast component.\n
\nEnter a query, or select one from a bookmark
\nxs: 4px
\ns: 8px
\nm: 16px
\nl: 24px (this is the default)
\nxl: 32px
\nxxl: 40px
\nDo this first
\n },\n {\n title: 'Step 2',\n children:Then this
\n },\n];\n\nconst nextSetOfSteps = [\n {\n title: 'Good step',\n children:Do this first
\n },\n {\n title: 'Better step',\n children:Then this
\n },\n];\n\nexport default () => (\n\n Set
Run this code snippet to install things.
\nIn order to complete this step, do the following things in order.
\nHere are some bullet point reminders.
\nNow that you've completed step 2, go find the
\n Go to Overview >> Endpoints note\n Elasticsearch as
Do this first
,\n },\n {\n title: 'Push the button to complete this final step',\n children: (\n\n I am a fancy button just waiting to be pushed!\n
\n\n Far out in the uncharted backwaters of the unfashionable end of\n the western spiral arm of the Galaxy lies a small unregarded\n yellow sun.\n\n When suddenly some wild JavaScript code appeared! const whoa = "!"\n
\n \n const completelyUnexpected = "the audacity!";\n \n \n\n \n That was close.\n
\n\n\n\n\n\n I've seen things you people wouldn't believe.\n Attack ships on fire off the shoulder of Orion.\n I watched C-beams glitter in the dark near the Tannhäuser Gate.\n All those moments will be lost in time, like tears in rain. Time to die.\n
\n
\n Orbiting this at a distance of roughly ninety-two million miles\n is an utterly insignificant little blue green planet whose ape-\n descended life forms are so amazingly primitive that they still\n think digital watches are a pretty neat idea.\n
\n\n\n This planet has - or rather had - a problem, which was this: most\n of the people living on it were unhappy for pretty much of the time.\n Many solutions were suggested for this problem, but most of these\n were largely concerned with the movements of small green pieces\n of paper, which is odd because on the whole it was not the small\n green pieces of paper that were unhappy.\n
\n\n\n But the dog wasn’t lazy, it was just\n practicing mindfulness, so it had a greater sense of\n life-satisfaction than that fox with all its silly jumping.\n
\n\n\n And from the fox’s perspective, life was full of hoops to jump through, low-hanging\n fruit to jump for, and dead car batteries to jump-start.\n
\n\n\n So it thought the dog was making a poor life choice by focusing so much on mindfulness.\n What if its car broke down?\n
\n\n\n So it thought the dog was making a poor life choice by focusing so much on mindfulness.\n What if its car broke down?\n
\n\n\n \n So it thought the dog was making a poor life choice by focusing so much on mindfulness.\n What if its car broke down?\n \n
\n\n\n Far out in the uncharted backwaters of the unfashionable end of\n the western spiral arm of the Galaxy lies a small unregarded\n yellow sun.\n\n When suddenly some wild JavaScript code appeared! const whoa = "!"\n
\n \n const completelyUnexpected = "the audacity!";\n \n \n\n \n Orbiting this at a distance of roughly ninety-two million miles\n is an utterly insignificant little blue green planet whose ape-\n descended life forms are so amazingly primitive that they still\n think digital watches are a pretty neat idea.\n
\n\n\n This planet has - or rather had - a problem, which was this: most\n of the people living on it were unhappy for pretty much of the time.\n Many solutions were suggested for this problem, but most of these\n were largely concerned with the movements of small green pieces\n of paper, which is odd because on the whole it was not the small\n green pieces of paper that were unhappy.\n
\n\n\n But the dog wasn’t lazy, it was just\n practicing mindfulness, so it had a greater sense of\n life-satisfaction than that fox with all its silly jumping.\n
\n\n\n And from the fox’s perspective, life was full of hoops to jump through, low-hanging\n fruit to jump for, and dead car batteries to jump-start.\n
\n\n\n So it thought the dog was making a poor life choice by focusing so much on mindfulness.\n What if its car broke down?\n
\n\n\n So it thought the dog was making a poor life choice by focusing so much on mindfulness.\n What if its car broke down?\n
\n\n\n \n So it thought the dog was making a poor life choice by focusing so much on mindfulness.\n What if its car broke down?\n \n
\n\n\n
\n
\n
\n
\n
\n
\n \n
\n Sometimes you need to color entire blocks of text, no matter what is in them.\n You can always apply color directly (versus using the separated component) to\n make it easy. Links should still properly color.\n
\nLeft aligned paragraph.
\nCenter aligned paragraph.
\nRight aligned paragraph.
\nYou can also pass alignment to
And in conjunction with coloring.
\n\n Here’s some stuff that you need to know. We can make this text really long so that,\n when viewed within a browser that’s fairly narrow, it will wrap, too.\n
\n\n And some other stuff on another line, just for kicks. And
\n Thanks for your patience!\n
\n ),\n }, {\n title: 'Logging you out soon, due to inactivity',\n color: 'warning',\n iconType: 'user',\n text: (\n\n This is a security measure.\n
\n\n Please move your mouse to show that you’re still using Kibana.\n
\n\n Sorry. We’ll try not to let it happen it again.\n
\n ),\n }];\n\n return {\n id: toastId++,\n ...toasts[Math.floor(Math.random() * toasts.length)],\n };\n };\n\n render() {\n return (\n\n A good toast message is short and to the point. It should very rarely include multiple\n paragraphs.\n
\n \n\n Icons should be used rarely. They are good for warnings, but when paired with\n long titles they look out of place.\n
\n \n);\n" /***/ }), -/* 2595 */ +/* 2613 */ /***/ (function(module, exports) { module.exports = "import React from 'react';\n\nimport {\n EuiButton,\n EuiLink,\n EuiToast,\n EuiFlexGroup,\n EuiFlexItem,\n} from '../../../../src/components';\n\nexport default () => (\n\n While the layout will adjust properly for wrapping titles, they do not look particularly good.\n Similarily, do not use a whole lot of text in your body either. At a certain point people will not\n have enough time to read these things. Like, you probably are not even reading this now.\n
\n\n\n And some other stuff on another line, just for kicks. And
\n {esError}\n
\n \n);\n" /***/ }), -/* 2598 */ +/* 2616 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -298506,20 +300561,20 @@ var _components = __webpack_require__(6); var _components2 = __webpack_require__(2); -var _tool_tip = __webpack_require__(2599); +var _tool_tip = __webpack_require__(2617); var _tool_tip2 = _interopRequireDefault(_tool_tip); -var _icon_tip = __webpack_require__(2600); +var _icon_tip = __webpack_require__(2618); var _icon_tip2 = _interopRequireDefault(_icon_tip); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } -var toolTipSource = __webpack_require__(2601); +var toolTipSource = __webpack_require__(2619); var toolTipHtml = (0, _services.renderToHtml)(_tool_tip2.default); -var infoTipSource = __webpack_require__(2602); +var infoTipSource = __webpack_require__(2620); var infoTipHtml = (0, _services.renderToHtml)(_icon_tip2.default); var ToolTipExample = exports.ToolTipExample = { @@ -298694,7 +300749,7 @@ var ToolTipExample = exports.ToolTipExample = { }; /***/ }), -/* 2599 */ +/* 2617 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -298819,7 +300874,7 @@ exports.default = function () { module.exports = exports['default']; /***/ }), -/* 2600 */ +/* 2618 */ /***/ (function(module, exports, __webpack_require__) { "use strict"; @@ -298875,19 +300930,19 @@ exports.default = function () { module.exports = exports['default']; /***/ }), -/* 2601 */ +/* 2619 */ /***/ (function(module, exports) { module.exports = "import React from 'react';\n\nimport {\n EuiIcon,\n EuiToolTip,\n EuiLink,\n EuiText,\n EuiFieldText,\n EuiSpacer,\n EuiButton,\n} from '../../../../src/components';\n\nexport default () => (\n\n This tooltip appears on the{' '}\n
\n This tooltip appears on the{' '}\n
\n This tooltip appears on the{' '}\n
\n This tooltip appears on the bottom of this icon:{' '}\n
` and `` tags to `` ([#654](https://github.com/elastic/eui/pull/654))\n- Added export of SASS theme variables in JSON format during compilation ([#642](https://github.com/elastic/eui/pull/642))\n- Close `EuiComboBox` `singleSelection` options list when option is choosen ([#645](https://github.com/elastic/eui/pull/645))\n- Wrap `EuiStepHorizontal` text instead of truncating it ([#653](https://github.com/elastic/eui/pull/653))\n- Fixed a bug where `EuiSideNavItem` wouldn't pass an `onClick` handler down to `` tags if they also had an `href`. ([#664](https://github.com/elastic/eui/pull/664))\n- Updated existing and added additional TypeScript definitions ([#666](https://github.com/elastic/eui/pull/666))\n\n**Bug fixes**\n\n- Fixed `EuiBasicTable` re-rendering on hover of table rows ([#665](https://github.com/elastic/eui/pull/665))\n\n**Breaking changes**\n\n- `EuiStepsHorizontal` now requires an `onClick` prop be provided for each step configuration object ([#653](https://github.com/elastic/eui/pull/653))\n\n## [`0.0.40`](https://github.com/elastic/eui/tree/v0.0.40)\n\n- Tweaked sizing, weights, color, line-heights, and added more levels to `EuiTitle` and `EuiText` ([#627](https://github.com/elastic/eui/pull/627))\n- Added TypeScript type defitions for `EuiPortal`, `EuiText` and `EuiTitle` as well as the `calculatePopoverPosition` service ([#638](https://github.com/elastic/eui/pull/638))\n- Grayed out labels for `disabled` controls ([#648](https://github.com/elastic/eui/pull/648))\n\n**Bug fixes**\n\n- Fix visual shadow glitch on hover of `EuiToast` ([#632](https://github.com/elastic/eui/pull/632))\n\n**Breaking changes**\n\n- **Note: This breaking change is reversed in 0.0.43.** Added a default `max-width` to `EuiText`. ([#627](https://github.com/elastic/eui/pull/627))\n\n## [`0.0.39`](https://github.com/elastic/eui/tree/v0.0.39)\n\n**Bug fixes**\n\n- Allow accordions to dynamically change height, and support values on radio inputs ([#613](https://github.com/elastic/eui/pull/613))\n- Accordion toggle layout is no longer flagged responsive, in order to prevent unwanted stacking on mobile ([#613](https://github.com/elastic/eui/pull/613))\n\n**Breaking changes**\n\n- 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](https://github.com/elastic/eui/pull/613))\n\n## [`0.0.38`](https://github.com/elastic/eui/tree/v0.0.38)\n\n- Modified drop shadow intensities and color. ([#607](https://github.com/elastic/eui/pull/607))\n- Added SASS color functions. Made `$euiColorWarning` color usage more accessible while still being \"yellow\". ([#628](https://github.com/elastic/eui/pull/628))\n- Removed extraneous `global_styling/mixins/_forms.scss` file and importing the correct files in the `filter_group.scss` and `combo_box.scss` files. ([#609](https://github.com/elastic/eui/pull/609))\n- Added `isInvalid` prop to `EuiComboBox` ([#631](https://github.com/elastic/eui/pull/631))\n- Added support for rejecting user input by returning `false` from the `onCreateOption` prop of `EuiComboBox` ([#631](https://github.com/elastic/eui/pull/631))\n\n**Bug fixes**\n\n- Visual fix for the focus state of disabled `EuiButton` ([#603](https://github.com/elastic/eui/pull/603))\n- `EuiSelect` can pass any node as a value rather than just a string ([#603](https://github.com/elastic/eui/pull/603))\n- Fixed a typo in the flex TypeScript definition ([#629](https://github.com/elastic/eui/pull/629))\n- Fixed `EuiComboBox` bug in which the options list wouldn't always match the width of the input ([#611](https://github.com/elastic/eui/pull/611))\n- 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](https://github.com/elastic/eui/pull/631))\n- Fixed `EuiComboBox` bug in which clicking a pill's close button would close the list ([#631](https://github.com/elastic/eui/pull/631))\n- Fixed `EuiComboBox` bug in which moving focus from one combo box to another would remove the `euiBody-hasPortalContent` class from the body. ([#631](https://github.com/elastic/eui/pull/631))\n\n## [`0.0.37`](https://github.com/elastic/eui/tree/v0.0.37)\n\n- Added `EuiComboBox` for selecting many options from a list of options ([#567](https://github.com/elastic/eui/pull/567))\n- Added `EuiHighlight` for highlighting a substring within text ([#567](https://github.com/elastic/eui/pull/567))\n- `calculatePopoverPosition` service now accepts a `positions` argument so you can specify which positions are acceptable ([#567](https://github.com/elastic/eui/pull/567))\n- Added `closeButtonProps` prop to `EuiBadge`, `hollow` badge type, and support for arbitrary hex color ([#567](https://github.com/elastic/eui/pull/567))\n- Added support for arbitrary hex color to `EuiIcon` ([#567](https://github.com/elastic/eui/pull/567))\n\n**Breaking changes**\n\n- Renamed `euiBody-hasToolTip` class to `euiBody-hasPortalContent` ([#567](https://github.com/elastic/eui/pull/567))\n\n## [`0.0.36`](https://github.com/elastic/eui/tree/v0.0.36)\n\n- Added support for range queries in `EuiSearchBar` (works for numeric and date values) ([#485](https://github.com/elastic/eui/pull/485))\n- Added support for emitting a `EuiSearchBar` query to an Elasticsearch query string ([#598](https://github.com/elastic/eui/pull/598))\n- Added support for expandable rows to `EuiBasicTable` ([#585](https://github.com/elastic/eui/pull/585))\n\n**Bug fixes**\n\n- Relaxed query syntax of `EuiSearchBar` to allow usage of hyphens without escaping ([#581](https://github.com/elastic/eui/pull/581))\n- Fixed font-weight issue in K6 theme ([#596](https://github.com/elastic/eui/pull/596))\n\n## [`0.0.35`](https://github.com/elastic/eui/tree/v0.0.35)\n\n- Modified `EuiLink` and all buttons to support both href and onClick ([#554](https://github.com/elastic/eui/pull/554))\n- Added `color` prop to `EuiIconTip` ([#580](https://github.com/elastic/eui/pull/580))\n\n## [`0.0.34`](https://github.com/elastic/eui/tree/v0.0.34)\n\n- Adjust `EuiCallOut` and dark theme warning coloring ([#563](https://github.com/elastic/eui/pull/563))\n- Added a `buttonColor` prop to `EuiConfirmModal` ([#546](https://github.com/elastic/eui/pull/546))\n- Added 'baseline' as option to `EuiFlexGroup`'s `alignItems` prop ([#546](https://github.com/elastic/eui/pull/546))\n\n**Bug fixes**\n\n- Fixed `EuiToolTip` bug which caused the tooltip to hide when moving the mouse around inside of the trigger element ([#557](https://github.com/elastic/eui/pull/557), [#564](https://github.com/elastic/eui/pull/564))\n- 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](https://github.com/elastic/eui/pull/561))\n- Fixed table cell bugs ([#565](https://github.com/elastic/eui/pull/565))\n - `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`).\n - Updated table cell CSS so that long single-word cell content will break and wrap mid-word.\n\n## [`0.0.33`](https://github.com/elastic/eui/tree/v0.0.33)\n\n- Added initial sorting option to `EuiInMemoryTable` ([#547](https://github.com/elastic/eui/pull/547))\n- Horizontally scrolling `EuiTabs` ([#546](https://github.com/elastic/eui/pull/546))\n- Remove padding from both sides of `EuiEmptyButton` ([#546](https://github.com/elastic/eui/pull/546))\n- Added `disabled` prop to placeholder (ellipses) button in pagination ([#546](https://github.com/elastic/eui/pull/546))\n- Converted `.euiHeader__notification` into `EuiHeaderNotification` ([#546](https://github.com/elastic/eui/pull/546))\n\n**Bug fixes**\n\n- `EuiConfirmModal` will now check for the presence of confirm and cancel buttons before trying to focus them ([#555](https://github.com/elastic/eui/pull/555))\n\n## [`0.0.32`](https://github.com/elastic/eui/tree/v0.0.32)\n\n- Updated `EuiDescriptionList` to accept nodes for the titles and descriptions ([#552](https://github.com/elastic/eui/pull/552))\n- Added `stop` and `stopFilled` icons ([#543](https://github.com/elastic/eui/pull/543))\n\n**Bug fixes**\n\n- Fixed `EuiToolTip` smart positioning to prevent tooltip from being clipped by the window where possible ([#550](https://github.com/elastic/eui/pull/550))\n\n## [`0.0.31`](https://github.com/elastic/eui/tree/v0.0.31)\n\n- Made `` TypeScript types more specific ([#518](https://github.com/elastic/eui/pull/518))\n- Removed `font-smoothing` from our reset css for better text legibility ([#539](https://github.com/elastic/eui/pull/539))\n\n**Bug fixes**\n\n- Made `EuiIconTip` screen reader accessible ([#534](https://github.com/elastic/eui/pull/534))\n- Fixed a sorting issue in `EuiInMemoryTable` ([#453](https://github.com/elastic/eui/pull/453))\n- Fixed checkbox click for `EuiCheckbox` and `EuiRadio` without a label ([#541](https://github.com/elastic/eui/pull/541))\n\n## [`0.0.30`](https://github.com/elastic/eui/tree/v0.0.30)\n\n- Add ability to force `EuiSideNav` items open by setting `item.forceOpen`. ([#515](https://github.com/elastic/eui/pull/515))\n\n## [`0.0.29`](https://github.com/elastic/eui/tree/v0.0.29)\n\n- Added `EuiIconTip` to make it easier to display icons with tooltips ([#528](https://github.com/elastic/eui/pull/528))\n- Added `buttonRef` prop to `EuiButton`, `EuiButtonEmpty`, and `EuiButtonIcon` ([#529](https://github.com/elastic/eui/pull/529))\n\n**Bug fixes**\n\n- `EuiHealth` no longer stacks flex items on small screens ([#530](https://github.com/elastic/eui/pull/530))\n- Fixed `EuiPageContent` centering within `EuiPage` issue ([#527](https://github.com/elastic/eui/pull/527))\n- `EuiConfirmModal` will now correctly auto-focus on its confirm and cancel buttons ([#529](https://github.com/elastic/eui/pull/529))\n\n## [`0.0.28`](https://github.com/elastic/eui/tree/v0.0.28)\n\n- `EuiInMemoryTable` pass items to BasicTable when message is provided ([#517](https://github.com/elastic/eui/pull/517)).\n- `EuiSearchBox` now passes unused props through to `EuiFieldSearch` ([#514](https://github.com/elastic/eui/pull/514))\n- Change `EuiBasicTable` `noItemsMessage` and `EuiInMemoryTable` `messgae` propType to node\ninstead of just string ([#516](https://github.com/elastic/eui/pull/516))\n\n## [`0.0.27`](https://github.com/elastic/eui/tree/v0.0.27)\n\n- Don't propagate a null `onClick` on EuiPanels ([#473](https://github.com/elastic/eui/pull/473))\n- Use 1.1px for the `EuiHorizontalRule` height, in order to work around strange Chrome height calculations ([#473](https://github.com/elastic/eui/pull/473))\n- New icons for `logoGithub` and `logoSketch` ([#494](https://github.com/elastic/eui/pull/494))\n- `EuiCard` now has an `href` and `isClickable` prop for better handling hover animations. ([#494](https://github.com/elastic/eui/pull/494))\n- Added `calculateContrast` and `rgbToHex` to services ([#494](https://github.com/elastic/eui/pull/494))\n\n**Bug fixes**\n\n- `EuiModal` is now responsive on mobile screens ([#512](https://github.com/elastic/eui/pull/512))\n- `EuiFlexGrid` now collapses down in mobile layouts properly. ([#515](https://github.com/elastic/eui/pull/515))\n- Made `EuiCard` proptypes more permission by changing strings to nodes. ([#515](https://github.com/elastic/eui/pull/515))\n- Fixed `reponsive={false}` prop not working when flex groups were nested. ([#494](https://github.com/elastic/eui/pull/494))\n- `EuiBadge` wrapping element changed from a `div` to `span` so it can be nested in text blocks ([#494](https://github.com/elastic/eui/pull/494))\n\n## [`0.0.26`](https://github.com/elastic/eui/tree/v0.0.26)\n\n**Bug fixes**\n\n- `EuiSelect` do not set `defaultValue` property when `value` property is provided ([#504](https://github.com/elastic/eui/pull/504)).\n- `EuiBottomBar` now uses `EuiPortal` to avoid zindex conflicts ([#487](https://github.com/elastic/eui/pull/487))\n- Upped dark theme contrast on disabled buttons ([#487](https://github.com/elastic/eui/pull/487))\n\n**Breaking changes**\n\n- Removed `EuiTableOfRecords` ([#490](https://github.com/elastic/eui/pull/490))\n\n## [`0.0.25`](https://github.com/elastic/eui/tree/v0.0.25)\n\n- `EuiSearchBar` accepts `toolsLeft` and `toolsRight` props ([#458](https://github.com/elastic/eui/pull/458))\n- Added `search.onChange` callback to `EuiInMemoryTable` ([#469](https://github.com/elastic/eui/pull/469))\n- Added `initialPageSize` option to `EuiInMemoryTable` ([#477](https://github.com/elastic/eui/pull/477))\n- Added design guidelines for button and toast usage ([#371](https://github.com/elastic/eui/pull/371))\n\n**Breaking changes**\n\n- Complete refactor of `EuiToolTip`. They now work. Only a breaking change if you were using them. ([#484](https://github.com/elastic/eui/pull/484))\n\n## [`0.0.24`](https://github.com/elastic/eui/tree/v0.0.24)\n\n- Removed hover and focus states from non-selectable `EuiSideNavItem`s ([#434](https://github.com/elastic/eui/pull/434))\n- Added `Ast` and `Query` services ([#454](https://github.com/elastic/eui/pull/454))\n- Added icons for Kibana query language ([#455](https://github.com/elastic/eui/pull/455))\n\n**Bug fixes**\n\n- Fix error stemming from `selected` prop on `EuiSelect` ([#436](https://github.com/elastic/eui/pull/436))\n\n**Breaking changes**\n\n- The `Random` service's `oneOf` method now only accepts an array ([#454](https://github.com/elastic/eui/pull/454))\n\n## [`0.0.23`](https://github.com/elastic/eui/tree/v0.0.23)\n\n- Added `EuiInMemoryTable`, which encapsulates sorting, searching, selection, and pagination state and logic ([#390](https://github.com/elastic/eui/pull/390))\n- Added stack trace information to `EuiErrorBoundary` ([#428](https://github.com/elastic/eui/pull/428))\n- Make full screen code block use the same font-size on the original code block. ([#447](https://github.com/elastic/eui/pull/447))\n\n**Bug fixes**\n\n- 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](https://github.com/elastic/eui/pull/431))\n\n## [`0.0.22`](https://github.com/elastic/eui/tree/v0.0.22)\n\n- Added `EuiDelayHide` component. ([#412](https://github.com/elastic/eui/pull/412))\n- Decreased overall size of checkbox, radio, and switches as well as better styles for the different states. ([#407](https://github.com/elastic/eui/pull/407))\n- Added `EuiFilePicker` component for `input type=\"file\"` needs. ([#402](https://github.com/elastic/eui/pedull/402))\n- Added `isLoading` prop to `EuiButton` ([#427](https://github.com/elastic/eui/pull/427))\n- Added icons: `eye`, `eyeClosed`, `grab`, `heatmap`, `vector` ([#427](https://github.com/elastic/eui/pull/427))\n- Added `hasNoInitialSelection` option to `EuiSelect`. ([#422](https://github.com/elastic/eui/pull/422))\n\n**Bug fixes**\n\n- Fixed appearance of checked checkeboxes and radios in IE ([#407](https://github.com/elastic/eui/pull/407))\n- Fixed disabled vs enabled appearance of checked checkeboxes and radios ([#407](https://github.com/elastic/eui/pull/407))\n- Fixed disabled & checked state of switches ([#407](https://github.com/elastic/eui/pull/407))\n- Fixed `EuiCard` content alignment when content is short. ([#415](https://github.com/elastic/eui/pull/415))\n- Only apply the `$euiCodeBlockSelectedBackgroundColor` variable if it is a color ([#427](https://github.com/elastic/eui/pull/427))\n- No margins for `
` ([#427](https://github.com/elastic/eui/pull/427))\n- Fixed `EuiButton` truncation ([#427](https://github.com/elastic/eui/pull/427))\n\n**Breaking changes**\n\n- Changed `EuiAccordion`’s method of `onToggleOpen` to `onToggle` ([#427](https://github.com/elastic/eui/pull/427))\n\n## [`0.0.21`](https://github.com/elastic/eui/tree/v0.0.21)\n\n- Logstash icon set. [#399](https://github.com/elastic/eui/pull/399)\n- Added support for `disabled` options in `EuiSelect`. [#324](https://github.com/elastic/eui/pull/324)\n- Badges can now accept onClicks and custom colors. They were changed stylistically to be bolder and smaller by default. ([#381](https://github.com/elastic/eui/pull/381))\n- Added component to wrap blocks of substeps `EuiSubSteps` in a shaded container. ([#375](https://github.com/elastic/eui/pull/375))\n- Added horizontal steps component ([#375](https://github.com/elastic/eui/pull/375))\n- Changed look and feel of pagination. Added `compressed` prop for smaller footprint pagination. ([#380](https://github.com/elastic/eui/pull/380))\n- Added `EuiBasicTable` as an opinionated, high level component for constructing tables. Its addition deprecates `EuiTableOfRecords` which is still avaiable, but now marked for removal. ([#377](https://github.com/elastic/eui/pull/377))\n- Added styles for `readOnly` states of form controls. ([#391](https://github.com/elastic/eui/pull/391))\n- Added importAction and exportAction icons ([#394](https://github.com/elastic/eui/pull/394))\n- Added `EuiCard` for UI patterns that need an icon/image, title and description with some sort of action. ([#380](https://github.com/elastic/eui/pull/380))\n- Added TypeScript definitions for the `EuiHealth` component. ([#403](https://github.com/elastic/eui/pull/403))\n- Added `SearchBar` component - introduces a simple yet rich query language to search for objects + search box and filter controls to construct/manipulate it. ([#379](https://github.com/elastic/eui/pull/379))\n\n**Bug fixes**\n\n- Tables now default to `table-layout: fixed` to avoid some collapsing cell problems. [#398](https://github.com/elastic/eui/pull/398)\n- Wrap long lines of text within the body of `EuiToast` instead of letting text overflow ([#392](https://github.com/elastic/eui/pull/392))\n- Fixed dark theme coloring of Substeps ([#396](https://github.com/elastic/eui/pull/396))\n- Reorder selectors to fix fixed progress bar in Firefox ([#404](https://github.com/elastic/eui/pull/404))\n\n## [`0.0.20`](https://github.com/elastic/eui/tree/v0.0.20)\n\n- Renamed class from `euiFlexGroup--alignItemsStart` to `euiFlexGroup--alignItemsFlexStart` ([#378](https://github.com/elastic/eui/pull/378))\n\n## [`0.0.19`](https://github.com/elastic/eui/tree/v0.0.19)\n\n- `EuiGlobalToastList` now prevents toasts from disappearing while the user's mouse is over the list. Added `timer/Timer` service. ([#370](https://github.com/elastic/eui/pull/370))\n\n**Bug fixes**\n\n- **Note: This is deprecated in 0.0.21 and removed in 0.0.26.** `EuiTableOfRecords` selection bugs ([#365](https://github.com/elastic/eui/pull/365))\n - Deleting selected items now resets the select all checkbox to an unchecked state\n - The select all checkbox only becomes checked when all selectable rows are checked, not just some of them\n\n**Breaking changes**\n\n- Changed `EuiGlobalToastList` to be responsible for instantiating toasts, tracking their lifetimes, and dismissing them. It now acepts `toasts`, `dismissToast`, and `toastLifeTimeMs` props. It no longer accepts `children`. ([#370](https://github.com/elastic/eui/pull/370))\n\n## [`0.0.18`](https://github.com/elastic/eui/tree/v0.0.18)\n\n**Bug fixes**\n\n- Fixed `EuiCodeEditor` bug in which hitting ESCAPE to close the autocompletion suggestions menu would also exit editing mode. ([#363](https://github.com/elastic/eui/pull/363))\n\n## [`0.0.17`](https://github.com/elastic/eui/tree/v0.0.17)\n\n**Bug fixes**\n\n- Downgraded `lodash` version to `3.10.0` to align it with Kibana. ([#359](https://github.com/elastic/eui/pull/359))\n\n## [`0.0.16`](https://github.com/elastic/eui/tree/v0.0.16)\n\n- `EuiRadio` now supports the `input` tag's `name` attribute. `EuiRadioGroup` accepts a `name` prop that will propagate to its `EuiRadio`s. ([#348](https://github.com/elastic/eui/pull/348))\n- Added Machine Learning create jobs icon set. ([#338](https://github.com/elastic/eui/pull/338))\n- **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](https://github.com/elastic/eui/pull/250))\n\n**Bug fixes**\n\n- Added `react-color` as a dependency (was previously a devDependency) ([#354](https://github.com/elastic/eui/pull/354))\n\n**Bug fixes**\n\n- 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](https://github.com/elastic/eui/pull/344))\n\n## [`0.0.15`](https://github.com/elastic/eui/tree/v0.0.15)\n\n- Added `EuiColorPicker`. ([#328](https://github.com/elastic/eui/pull/328))\n- `EuiCodeBlock` now only shows fullscreen icons if `overflowHeight` prop is set. Also forces large fonts and padding while expanded. ([#325](https://github.com/elastic/eui/pull/325))\n- Exported `VISUALIZATION_COLORS` from services ([#329](https://github.com/elastic/eui/pull/329))\n- Added typescript definitions for `EuiFormRow`, `EuiRadioGroup`, `EuiSwitch`, `EuiLoadingSpinner`, `EuiLoadingChart` and `EuiProgress`. ([#326](https://github.com/elastic/eui/pull/326))\n- Added `checkHrefAndOnClick` and `getSecureRelForTarget` to services.\n\n**Breaking changes**\n\n- `EuiCodeBlock` now only shows fullscreen icons if `overflowHeight` prop is set. Also forces large fonts and padding while expanded. ([#325](https://github.com/elastic/eui/pull/325))\n- React ^16.2 is now a peer dependency ([#264](https://github.com/elastic/eui/pull/264))\n- `EuiProgress` no longer accepts the `indeterminate` property, which never had any effect. ([#326](https://github.com/elastic/eui/pull/326))\n\n**Bug fixes**\n\n- Fix TypeScript definitions such that optional and readonly properties survive being passed through `Omit` ([#322](https://github.com/elastic/eui/pull/322))\n\n## [`0.0.14`](https://github.com/elastic/eui/tree/v0.0.14)\n\n- Added `isColorDark` color util ([#311](https://github.com/elastic/eui/pull/311))\n- EuiButton, EuiButtonEmpty and EuiButtonIcon can now take an `href` ([#316](https://github.com/elastic/eui/pull/316))\n- 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](https://github.com/elastic/eui/pull/310))\n- Add new icon types to `EuiIcon` TypeScript definitions ([#323](https://github.com/elastic/eui/pull/323)).\n\n**Bug fixes**\n\n- Set `EuiFlexGroup` to `flex-grow: 1` to be more friendly with IE11 ([#315](https://github.com/elastic/eui/pull/315))\n\n## [`0.0.13`](https://github.com/elastic/eui/tree/v0.0.13)\n\n- Added index management icons. ([#307](https://github.com/elastic/eui/pull/307))\n\n**Breaking changes**\n\n- Revert test helper for async functions that throw exceptions. See PR for details on how this can be handled in Jest 22. ([#306](https://github.com/elastic/eui/pull/306))\n\n**Bug fixes**\n\n- Adjust toast z-index to show over modals ([#296](https://github.com/elastic/eui/pull/296))\n- Fix nested `EuiFlexItem` collapse issue in IE ([#308](https://github.com/elastic/eui/pull/308))\n\n## [`0.0.12`](https://github.com/elastic/eui/tree/v0.0.12)\n\n- Minor style-only changes to `EuiPagination`, button reset, `EuiTableHeaderCell`, and `EuiCodeBlock`. ([#298](https://github.com/elastic/eui/pull/298))\n- All NPM dependencies now use ^ to install the latest minor version.\n- Added Apache, Nginx, MySQL logos ([#270](https://github.com/elastic/eui/pull/270))\n- Added small version of `EuiCallOut` ([#269](https://github.com/elastic/eui/pull/269))\n- Added first batch of TypeScript type definitions for components and services ([#252](https://github.com/elastic/eui/pull/252))\n- Added button for expanding `EuiCodeBlock` instances to be full-screen. ([#259](https://github.com/elastic/eui/pull/259))\n- Add test helper for async functions that throw exceptions ([#301](https://github.com/elastic/eui/pull/301))\n\n**Bug fixes**\n\n- Removed padding on `EuiPage` mobile breakpoint. ([#282](https://github.com/elastic/eui/pull/282))\n- Fixed some `EuiIcon` `type`s not setting their `viewBox` attribute, which caused them to not honor the `size` properly. ([#277](https://github.com/elastic/eui/pull/277))\n- Fixed `EuiContextMenu` to pass the `event` argument to a `EuiContextMenuItem`'s `onClick` handler even when a panel is defined. ([#265](https://github.com/elastic/eui/pull/265))\n\n**Breaking changes**\n\n- 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](https://github.com/elastic/eui/pull/259))\n\n## [`0.0.11`](https://github.com/elastic/eui/tree/v0.0.11)\n\n- Added `EuiImage` component to allow for image sizing and zooms. ([#262](https://github.com/elastic/eui/pull/262))\n- Updated `EuiOverlayMask` to append `` to body. ([#254](https://github.com/elastic/eui/pull/254))\n\n**Bug fixes**\n\n- Disabled tab styling. ([#258](https://github.com/elastic/eui/pull/258))\n- Proper classname for flexGroup alignItems prop. ([#257](https://github.com/elastic/eui/pull/257))\n- Clicking the downArrow icon in `EuiSelect` now triggers selection. ([#255](https://github.com/elastic/eui/pull/255))\n- Fixed `euiFormRow` id's from being the same as the containing input and label. ([#251](https://github.com/elastic/eui/pull/251))\n\n**Breaking changes**\n\n- `{rest}` prop attacmhment moved from wrapping div to the input on checkboxes and switches. ([#246](https://github.com/elastic/eui/pull/246))\n\n## [`0.0.10`](https://github.com/elastic/eui/tree/v0.0.10)\n\n- Updated `euiPopover` to propagate `panelPaddingSize` padding values to content only (title does inherit horizontal values) via CSS. ([#229](https://github.com/elastic/eui/pull/229))\n- Updated `EuiErrorBoundary` to preserve newlines in error. ([#238](https://github.com/elastic/eui/pull/238))\n- Added more icons and fixed a few for dark mode ([#228](https://github.com/elastic/eui/pull/228))\n- Added `EuiFlyout` component. ([#227](https://github.com/elastic/eui/pull/227))\n\n**Breaking changes**\n\n- Renamed `EuiModalOverlay` to `EuiOverlayMask`. ([#227](https://github.com/elastic/eui/pull/227))\n\n**Bug fixes**\n\n- Fixed bug in `Pager` service which occurred when there were no items. ([#237](https://github.com/elastic/eui/pull/237))\n- Added `isPageable` method to `Pager` service and set first and last page index to -1 when there are no pages. ([#242](https://github.com/elastic/eui/pull/242))\n\n## [`0.0.9`](https://github.com/elastic/eui/tree/v0.0.9)\n\n**Breaking changes**\n\n- Renamed `euiFlexGroup--alignItemsEnd` class to `euiFlexGroup--alignItemsFlexEnd`.\n- Remove support for `primary` color from `EuiTextColor` because it looked too much like a link.\n\n**Bug fixes**\n\n- Give `EuiFormErrorText` and `EuiFormHelpText` proper line-height. ([#234](https://github.com/elastic/eui/pull/234))\n\n## [`0.0.8`](https://github.com/elastic/eui/tree/v0.0.8)\n\n**Bug fixes**\n\n- Fix button vertical alignment. ([#232](https://github.com/elastic/eui/pull/232))\n\n## [`0.0.7`](https://github.com/elastic/eui/tree/v0.0.7)\n\n- Added `EuiSteps` component ([#202](https://github.com/elastic/eui/pull/202), [#208](https://github.com/elastic/eui/pull/208))\n\n**Breaking changes**\n\n- Test helpers now published at `@elastic/eui/lib/test`\n\n**Bug fixes**\n\n- Case sensitive file name fix for Kibana dark theme. ([#216](https://github.com/elastic/eui/pull/216))\n\n## [`0.0.6`](https://github.com/elastic/eui/tree/v0.0.6)\n\n- `justify` prop of `EuiFlexGroup` now accepts `spaceEvenly` ([#205](https://github.com/elastic/eui/pull/205))\n- Increased size of `` so that it's distinguishable as a title ([#204](https://github.com/elastic/eui/pull/204))\n\n## [`0.0.5`](https://github.com/elastic/eui/tree/v0.0.5)\n\n**Bug fixes**\n\n- 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](https://github.com/elastic/eui/pull/203))\n\n## [`0.0.4`](https://github.com/elastic/eui/tree/v0.0.4)\n\n- Added `EuiHealth` components for status checks ([#158](https://github.com/elastic/eui/pull/158))\n- Cleaned up styling for checkboxes, switches, and radios ([#158](https://github.com/elastic/eui/pull/158))\n- Form `disabled` states are now more consistent ([#158](https://github.com/elastic/eui/pull/158))\n- Page and title padding adjusted to be more compact ([#158](https://github.com/elastic/eui/pull/158))\n- Table spacing is now smaller ([#158](https://github.com/elastic/eui/pull/158))\n- Dark theme forms now have better contrast with their borders ([#158](https://github.com/elastic/eui/pull/158))\n- Added icons to match Kibana's app directory ([#162](https://github.com/elastic/eui/pull/162))\n- Converted icons from SVG to React component during the build and stop using sprites ([#160](https://github.com/elastic/eui/pull/160))\n- Added `isReadOnly`, `setOptions`, and `cursorStart` props to `EuiCodeEditor` ([#169](https://github.com/elastic/eui/pull/169))\n- Added `wrap` prop to `EuiFlexGroup` ([#170](https://github.com/elastic/eui/pull/170))\n- Added `scope` prop to `EuiTableHeaderCell` and `EuiTableHeaderCellCheckbox` ([#171](https://github.com/elastic/eui/pull/171))\n- Added `disabled` prop to `EuiContextMenuItem` ([#172](https://github.com/elastic/eui/pull/172))\n- Added `EuiTablePagination` component and `Pager` service ([#178](https://github.com/elastic/eui/pull/178))\n- **Note: This is broken until 0.0.25.** Added `EuiTooltip` component ([#174](https://github.com/elastic/eui/pull/174), [#193](https://github.com/elastic/eui/pull/193))\n- Added a bold weight of 700 and apply it to `` elements by default ([#193](https://github.com/elastic/eui/pull/193))\n- Icon size prop now accepts `s`. Adjusted coloring of sidenav arrows ([#178](https://github.com/elastic/eui/pull/197))\n- Added `EuiErrorBoundary` ([#198](https://github.com/elastic/eui/pull/198))\n- Exported `test` module, which includes `findTestSubject`, `startThrowingReactWarnings`, `stopThrowingReactWarnings`, `requiredProps`, and `takeMountedSnapshot` helpers ([#198](https://github.com/elastic/eui/pull/198))\n- Added a more systematic way to add themes; includes a new K6 theme for Kibana. ([#191](https://github.com/elastic/eui/pull/191))\n\n**Bug fixes**\n\n- Fixed bug where screen-reader styles weren't being imported ([#103](https://github.com/elastic/eui/pull/103))\n- Fixed a bug where `