Skip to content

v103.0.0

Choose a tag to compare

View all tags
@JasonStoltz JasonStoltz released this 09 Jun 15:29
· 452 commits to main since this release
v103.0.0
1344008
This commit was signed with the committer’s verified signature.
JasonStoltz Jason Stoltzfus
GPG key ID: 08C8E3239DD9C24C
Verified
Learn about vigilant mode.

v103.0.0

  • Replaced question icon glyph (#8756)
  • Updated EuiResizableCollapseButton to use an empty button (#8736)
  • Added info icon glyph (#8744)
  • Removed uppercase styling from EuiText h6 headings to match EuiTitle (#8732)
  • Removed heavier font weight from xs and s EuiListGroupItem sizes for consistency (#8732)
  • Updated the font-weight of default EuiFilterButton and EuiButtonGroupButton to 450 (#8734)
  • Added color pallete functions and related hooks: (#8725)
    • euiPaletteSkyBlue, useEuiPaletteSkyBlue
    • euiPaletteYellow, useEuiPaletteYellow
    • euiPaletteOrange, useEuiPaletteOrange
  • Added new tokens on colors.vis: (#8725)
    • euiColorVisNeutral0
    • euiColorVisNeutral1
    • euiColorVisWarning1
    • euiColorVisRisk0
    • euiColorVisRisk1
  • Updated the value of token colors.vis.euiColorVisWarning0 (#8725)
  • Updated EuiFilterButton's numActiveFilters prop to accept percentage values (#8705)

Bug fixes

  • Fixed visual positioning issue for notifications in EuiHeaderSectionItemButton (#8736)
  • Fixed a visual issue where EuiCollabsibleNavItem did not have a visible selected state (#8736)
  • Fixed handling of unregistered code block languages in EuiMarkdownFormat (#8729)

Breaking changes

  • Renamed colors.vis.euiColorVisNeutral0 to euiColorVisBase0 (#8725)

Summary

#8736, #8732, and #8732 include a number of small style tweaks to our components.

#8756 and #8744 renames a couple of icons:

questionInCircle -> question
iInCircle > info

In both cases, the old name is backwards-compatible (unless importing directly from assets folder). However, the old name will eventually be deprecated as a part of a larger set of deprecations. It is safe to update to the new name now, or wait until the larger deprecation arrives.

When using appendIconComponentCache, you will need to update imports:

import { icon as EuiQuestion } from "@elastic/eui/es/components/icon/assets/question";
import { icon as EuiInfo } from "@elastic/eui/es/components/icon/assets/info";

appendIconComponentCache({
  question: EuiQuestion, // recommended
  questionInCircle: EuiQuestion, // still works
  info: EuiInfo, // recommended
  iInCircle: EuiInfo, // still works
})

#8725 adds Sky Blue, Yellow, and Orange palettes to EUI's color palettes, as well as new tokens for Risk, Neutral, and Warning.

Please note that as part of this change, the following tokens have been renamed:
euiColorVisNeutral0 -> euiColorVisBase0
euiColorVisWarning0 -> euiColorVisWarning1

If you are using either euiColorVisNeutral0 or euiColorVisWarning0, you will need to update your usages accordingly. The original tokens still exist, but have been updated to use new colors -- if you do not update to the new tokens, you won't receive an error, but the colors will certainly appear incorrectly.

Assets 2
Loading