Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: reclaim charts theme ownership from eui #2175

Merged
merged 14 commits into from
Oct 24, 2023

Conversation

nickofthyme
Copy link
Collaborator

@nickofthyme nickofthyme commented Sep 20, 2023

Summary

These changes merge the original charts-owned themes with the eui-owned charts themes.

Details

Deep merge of LIGHT_THEME with EUI_CHARTS_THEME_LIGHT and DARK_THEME with EUI_CHARTS_THEME_DARK.

VRT Changes due to

  • Theme changes with color and dimensional changes
  • Padding changes WRT overall chart padding fixed with temporary theme override
  • Padding changes particularly WRT tickLine which is now hidden by default. This caused the tickLine padding to not be applied even when forced to true as it requires a non-zero tick size. This is fixed in each case by enabling the tickLine and setting a finite value for the tick size. Fixed with fix(axis): always render tickLine unless visible is false #2194

Issues

Step 1 in #2069

Checklist

  • The proper chart type label has been added (e.g. :xy, :partition)
  • The proper feature labels have been added (e.g. :interactions, :axis)
  • All related issues have been linked (i.e. closes #123, fixes #123)
  • The proper documentation and/or storybook story has been added or updated
  • Visual changes have been tested with all available themes including dark, light, eui-dark & eui-light

@nickofthyme nickofthyme added :styling Styling related issue :all Applies to all chart types :theme labels Sep 20, 2023
storybook/style.scss Outdated Show resolved Hide resolved
@nickofthyme nickofthyme changed the title Charts owned theme chore: reclaim charts theme ownership from eui Sep 21, 2023
@nickofthyme
Copy link
Collaborator Author

buildkite update screenshots

storybook/style.scss Outdated Show resolved Hide resolved
packages/charts/src/utils/themes/colors.ts Show resolved Hide resolved
packages/charts/src/utils/themes/dark_theme.ts Outdated Show resolved Hide resolved
packages/charts/src/utils/themes/dark_theme.ts Outdated Show resolved Hide resolved
packages/charts/src/utils/themes/dark_theme.ts Outdated Show resolved Hide resolved
@nickofthyme
Copy link
Collaborator Author

buildkite update screenshots

@nickofthyme nickofthyme marked this pull request as ready for review September 27, 2023 23:43
@elastic elastic deleted a comment from elastic-datavis bot Oct 16, 2023
@elastic elastic deleted a comment from elastic-datavis bot Oct 16, 2023
@nickofthyme
Copy link
Collaborator Author

buildkite update screenshots

@nickofthyme
Copy link
Collaborator Author

buildkite update screenshots

@nickofthyme
Copy link
Collaborator Author

buildkite test this

@nickofthyme nickofthyme merged commit 422c7d5 into elastic:main Oct 24, 2023
11 checks passed
@nickofthyme nickofthyme deleted the charts-owned-theme branch October 24, 2023 04:09
nickofthyme pushed a commit that referenced this pull request Nov 8, 2023
# [61.0.0](v60.0.0...v61.0.0) (2023-11-08)

### Bug Fixes

* `onRenderChange` callback trigger on resize ([#2228](#2228)) ([be30c1b](be30c1b))
* **axis:** always render `tickLine` unless `visible` is `false` ([#2194](#2194)) ([ec95d50](ec95d50))
* **BarSeries:** ignore histogram mode in determining stacked series ([#2225](#2225)) ([27b4281](27b4281))
* clamp brushing min of last bucket ([#2227](#2227)) ([155c22d](155c22d))
* **deps:** update dependency @elastic/eui to ^88.5.0 ([#2179](#2179)) ([2bb921e](2bb921e))
* **deps:** update dependency @elastic/eui to ^88.5.4 ([#2190](#2190)) ([05b33e5](05b33e5))
* **deps:** update dependency @elastic/eui to ^89.1.0 ([#2212](#2212)) ([a91f68d](a91f68d))
* **deps:** update dependency @elastic/eui to v89 ([#2193](#2193)) ([132327d](132327d))
* **deps:** update dependency @elastic/eui to v90 ([#2222](#2222)) ([10cd53b](10cd53b))

### chore

* reclaim charts theme ownership from eui ([#2175](#2175)) ([422c7d5](422c7d5))

### Features

* **metric:** allow alpha colors and improve contrast logic  ([#2184](#2184)) ([dd5732e](dd5732e))

### BREAKING CHANGES

* **BarSeries:** now ignores histogram mode in determining stacked series
* elastic charts theme renamed to `LEGACY_DARK_THEME` and `LEGACY_LIGHT_THEME` in favor of the main `DARK_THEME` and `LIGHT_THEME` which was merged with eui theme overrides. These new themes are now default.
* **axis:** Now respects `tickLine.padding` whenever `tickLine.visible` is `true`
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
:all Applies to all chart types :styling Styling related issue :theme
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants