Skip to content

Emotion/eui text 2#5931

Closed
cee-chen wants to merge 53 commits into
elastic:mainfrom
cee-chen:emotion/eui-text-2
Closed

Emotion/eui text 2#5931
cee-chen wants to merge 53 commits into
elastic:mainfrom
cee-chen:emotion/eui-text-2

Conversation

@cee-chen
Copy link
Copy Markdown
Contributor

Testing

@cee-chen cee-chen added the skip-changelog Use on PRs to skip changelog requirement (Don't delete - used for automation) label May 26, 2022
@kibanamachine
Copy link
Copy Markdown

Preview documentation changes for this PR: https://eui.elastic.co/pr_5931/

@cee-chen cee-chen force-pushed the emotion/eui-text-2 branch from 354566d to 84fcc66 Compare May 26, 2022 17:23
cee-chen and others added 27 commits May 26, 2022 10:24
TODO: EuiCode variables were not converted, per direction from Caroline
+ convert optional params to an options object

+ clean up euiFontSize and euiTitle fns - remove `scale` fallback since the utils don't really make sense without that param, and remove rem fallbacks in place of just single options fallback
- since there isn't a .9 scale size, we should just use `em` to make it relative

- since `.euiCode` also uses `.9em`, we can now remove the `:not()` selector
- attempting to account for `em` margins

+ add :not(:last-child) selector per Caroline's request
…file

- might as well do it while I'm here and thinking about it

+ expanded our logicals helper to include all logical `border` properties, since the converted CSS uses this
+ switch to logical properties
- text alignment already has its own CSS utils that users can call directly (that we can also convert any Kibanau sage into), so I feel very safe making this change, and I'd rather people not continue to hook into these classNames
- since they're no longer setting CSS - we should convert Kibana usages to the component
- which allows us to skip nesting multiple div wrappers when using `textAlign` and `color` props, and also will allow for more flexible EuiText usage when deprecating CSS classes
cee-chen and others added 21 commits May 26, 2022 10:24
- until it's converted to CSS-in-JS
Co-authored-by: Caroline Horn <549577+cchaos@users.noreply.github.com>
Co-authored-by: Caroline Horn <549577+cchaos@users.noreply.github.com>
- turn off whitespace diffs for this change
Co-authored-by: Caroline Horn <549577+cchaos@users.noreply.github.com>
+ tweak EuiTextColor playground to allow passing custom colors
Co-authored-by: Caroline Horn <549577+cchaos@users.noreply.github.com>
@cee-chen cee-chen force-pushed the emotion/eui-text-2 branch from 84fcc66 to 36f73d1 Compare May 26, 2022 17:24
@kibanamachine
Copy link
Copy Markdown

Preview documentation changes for this PR: https://eui.elastic.co/pr_5931/

@kibanamachine
Copy link
Copy Markdown

Preview documentation changes for this PR: https://eui.elastic.co/pr_5931/

@kibanamachine
Copy link
Copy Markdown

Preview documentation changes for this PR: https://eui.elastic.co/pr_5931/

@cee-chen
Copy link
Copy Markdown
Contributor Author

Closing this test PR, Greg turned off emotion source maps in main and the original PR (#5895) has been updated accordingly

@cee-chen cee-chen closed this May 26, 2022
@cee-chen cee-chen deleted the emotion/eui-text-2 branch June 7, 2022 18:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

skip-changelog Use on PRs to skip changelog requirement (Don't delete - used for automation)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants