-
Notifications
You must be signed in to change notification settings - Fork 867
[Meta][CSS-in-JS] Component conversions #5685
Copy link
Copy link
Closed
Labels
emotionmetaUsed to group similar requests or tracking. Not an Epic.Used to group similar requests or tracking. Not an Epic.
Milestone
Description
Wiki Doc for How to Write Styles with Emotion
Completed
- Accordion (
EuiAccordionconvert Sass to Emotion CSS #5826) @1Copenut - Bottom bar @breehall [Emotion] Convert
EuiBottomBarto Emotion #5823 - Flex @constancecchen [Emotion] Convert EuiFlexGroup, EuiFlexItem, and EuiFlexGrid #6270
- Flyout @breehall [Emotion] Convert
EuiFlyout#6213 - Horizontal rule ([EuiHorizontalRule] convert horizontal rule to emotion #5815)
- Page @cchaos
- Page header @cchaos
- Panel @cchaos [Emotion] Convert EuiPanel #5891
- Popover @cchaos [EuiPopover and parts] Converted to Emotion #5977
- Spacer ([EuiSpacer] Converts
EuiSpacerto Emotion #5812) - Button
- Facet @miukimiu ([Emotion] Convert
EuiFacetButtonandEuiFacetGroup#5878) - Link ([Emotion] Convert EuiLink #5856) @MichaelMarcialis
- Pagination [EuiPagination & Co.] Convert to Emotion styling #6109
- Tabs [Emotion] EuiTabs #6311
- Aspect ratio ([EuiAspectRatio] Remove sass and replace with inline styles #5818)
- Avatar ([CSS-in-JS] Convert
EuiAvatar#5670) - Badge ([Emotion] Convert EuiBadge #6224, [Emotion] Convert EuiBadgeGroup, EuiBetaBadge, and EuiNotificationBadge #6258)
- Callout @cchaos [Emotion] Convert EuiCallOut #5870
- Card [EuiCard & friends] Convert to Emotion #6110
- Comment list @miukimiu ([EuiComment] Add
"custom"option toEuiComment.typeand more enhancements #5692) - Description list @breehall [Emotion] Convert EuiDescriptionList #5971
- Health @constancecchen [Emotion] Convert EuiHealth #5832
- Icons @miukimiu [Emotion] Convert
EuiIcon#5967 - Token @miukimiu [Emotion] Convert EuiToken #6067
- Image @miukimiu [Emotion] Convert
EuiImage#5969 - List group @miukimiu [Emotion] Convert
EuiListGroup#6207 - Loading @cchaos [Emotion] Convert the rest of the Loading components #5845
- Progress @constancecchen [Emotion] Convert EuiProgress #5986
- Range sliders @miukimiu [Feature Branch] Convert EuiRange sliders to Emotion and more enhancements #6092
- Stat @constancecchen [Emotion] Convert EuiStat #5968
- Text @constancecchen [Emotion] Convert EuiText, EuiTextAlign, and EuiTextColor #5895
- Title @constancecchen [Emotion] Convert EuiTitle #5842
- Toast [EuiToast & Co.] Convert to function component, Emotion styling #6068
- Tooltip [EuiToolTip] Convert to Emotion styling #6104
- Tour [EuiTour] Convert to Emotion styling #6087
- Code @miukimiu [Emotion] Convert
EuiCodeandEuiCodeBlock#6263 - [Emotion] EuiModal #6403 @miukimiu ([Emotion] Convert
EuiModal#6321)
Utilities
- Accessibility
- Beacon @miukimiu ([Emotion] Converted EuiBeacon #5814)
- CSS utility classes [Emotion] Convert global
classNameutilities #6124 - Error boundary [CSS-in-JS] Convert
EuiErrorBoundary#6053 - Highlight and mark ([CSS-in-JS] Convert
EuiMark#4575) - Overlay mask [EuiOverlayMask] Convert to Emotion; remove
onClickprop #6090 - Portal [Emotion] Convert
EuiPortal#6075 - Text diff [CSS-in-JS] Convert
EuiTextDiff#6056
## Partially complete
- [x] https://github.com/elastic/eui/issues/6388
- [ ] https://github.com/elastic/eui/issues/6653
- [ ] #6386
- [ ] #6408
- [ ] https://github.com/elastic/eui/issues/6406
## Display
- [ ] #6404
- [ ] #6397
- [ ] #6396
## Navigation
- [ ] #6389
- [ ] #6392
- [ ] #6393
- [ ] #6412
- [ ] #6416
- [ ] #6401
- [x] #6413
- [x] #6418
## Layout
- [ ] #6417
- [ ] https://github.com/elastic/eui/issues/6405
## Tables
- [ ] #6415
- [ ] #6387
## Forms
- [x] https://github.com/elastic/eui/issues/6398
- [ ] https://github.com/elastic/eui/issues/6410
- [ ] https://github.com/elastic/eui/issues/6411
- [ ] https://github.com/elastic/eui/issues/6391
- [ ] https://github.com/elastic/eui/issues/6390
- [ ] #6400
## Low priority (3rd party components or components that may move out of EUI)
- [ ] #6395
- [ ] #6402
- [ ] #6394
- [ ] #6414
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
emotionmetaUsed to group similar requests or tracking. Not an Epic.Used to group similar requests or tracking. Not an Epic.
Type
Fields
Give feedbackNo fields configured for issues without a type.