Cee Chen

Deprecate static breakpoint services

1

### Summary I strongly recommend [following along by commit](https://github.com/elastic/eui/pull/6119/commits)! - Removes the exported `BREAKPOINTS`, `BREAKPOINT_KEYS`, `getBreakpoint`, `isWithinBreakpoints`, `isWithinMaxBreakpoint`, and `isWithinMinBreakpoint` breakpoint services - Adds new `useIsWithinMaxBreakpoint` and `useIsWithinMinBreakpoint` hooks. These...

[EuiDataGrid] Add keyboard shortcuts reference

17

### Summary closes https://github.com/elastic/eui/issues/2482, see also https://github.com/elastic/kibana/issues/90515 for reference > ⚠️ WIP, opening for early staging QA/testing and feedback @miukimiu Just opening this for a quick reference - I'd love...

[EuiFlexGroup] Switch gutter CSS from negative margins to gap

7

## Summary The `gap` property in flexbox has been supported by all major browsers (and all supported Elastic browsers) as of April 2021. We should move away from it instead...

[Emotion] Convert EuiBadgeGroup, EuiBetaBadge, and EuiNotificationBadge

2

### Summary Follow up to #6224 - converts all remaining Sass in badge-adjacent components to Emotion. I recommend [following along by commit](https://github.com/elastic/eui/pull/6258/commits) and peeking at commit messages for more context....

[EuiDataGrid] Focus behavior on cells that are `isExpandable: false` and have 1 interactive child

3

To establish context, the scenario this issue refers to is the 3rd column in https://elastic.github.io/eui/#/tabular-content/data-grid-focus: The logic that controls this behavior (focusing immediately into the only interactive child if isExpandable...

Opening a follow-up issue for https://github.com/elastic/eui/pull/6175#issuecomment-1227505552 as @miukimiu is currently OOO. > Should `gutterSize` also affect the left/right padding on `type="column" align="center"` description lists?

[Docs] Our tabbed pages in our side nav are problematic for keyboard/focus/screen reader accessibility

5

CC @1Copenut Example tabbed page: https://elastic.github.io/eui/#/guidelines/writing/guidelines ## Problem 1: Screen reader page announcements Our normal screen reader live region does not register switching clicking "Guidelines" and "Examples" in the sidebar...

Upgrade EUI to v93.1.1

4

`v93.0.0` ⏩ `v93.1.1` --- ## [`v93.1.1`](https://github.com/elastic/eui/releases/v93.2.0) **This is a patch release primarily intended for use by Kibana.** - Added top-level `EuiTreeView.Item` export ([#7526](https://github.com/elastic/eui/pull/7526)) ## [`v93.1.0`](https://github.com/elastic/eui/releases/v93.1.0) - Added `index` glyph to...

`css` from `@emotion/css` respects `autoLabel` from babel, but `css` from `@emotion/css/create-instance` does not

1

**Current behavior:** 1. Default `@emotion/css` behavior: https://codesandbox.io/s/emotion-css-autolabel-working-nqr8sv?file=/src/App.js Note the `-testStyles` label appended to the end out of the output className. 2. `createEmotion()` from `@emotion/css/create-instance`: https://codesandbox.io/s/emotion-css-create-instance-autolabel-not-working-thphs9?file=/src/App.js Note the identical var name/styles,...

[Long term] Replace popover/tooltip positioning logic with new CSS anchor positioning

4

⚠️ The new CSS anchor positioning spec is **not yet implemented** by all browsers and its API is **not yet stable**. This functionality is not ready to use within the...