eui icon indicating copy to clipboard operation
eui copied to clipboard

[EUI+] Initial typography and doc content updates

Open mgadewoll opened this issue 8 months ago • 2 comments

Summary

closes: #7795 relates to #7822

[!IMPORTANT] ~Parts of this PR (anything related to the ColorModeToggle) was added as a separate PR here but kept in this PR as well for testing purposes. That previous PR for ColorModeToggle should be reviewed and merged before this one.~ Update: The PR was merged and this PR rebased.

This PR updates the base global styles for the new EUI+ docs and additionally adds the first style updates for doc content components.

Changes:

  • swizzles MDXContent (wrap) and updates it to use EuiText + custom EUI+ adjustments to ensure markdown content styling (text, lists etc)
  • swizzles DocItem/Content (wrap) and adds custom styles for the document heading
  • swizzles MDXComponents/A and MDXComponents/Code (wrap) and uses Eui components instead (EuiLink and EuiCode/EuiCodeBlock)
  • swizzles MDXComponents/Heading and uses a wrapping EuiText to apply EUI heading styles
  • adds a custom EUI+ CallOut component and uses it to wrap Docusaurus admonition components (Note, Info, Tip, Warning, Danger) and apply custom styles
  • updates swizzled Footer component theme to ensure static dark theme (independent from global colorMode)

Screenshot 2024-06-25 at 11 56 55

Screenshot 2024-06-25 at 11 57 08

QA

  • [ ] checkout this PR gh pr checkout 7848, build the theme in /packages/docusaurus-theme with yarn build and run the EUI+ docs page in packages/website with yarn start
    • [ ] review docs pages and styles and verify that they look as currently expected based on initial designs (link)

mgadewoll avatar Jun 25 '24 09:06 mgadewoll