react-magma icon indicating copy to clipboard operation
react-magma copied to clipboard

feat(CarbonCharts): Support Carbon Charts

Open silvalaura opened this issue 2 years ago • 17 comments

Issue: #

WIP. Investigation into wrapping Carbon Charts inside Magma

Carbon Storybook

What I did

Screenshots (if appropriate):

Checklist

  • [ ] changeset has been added
  • [ ] I have made corresponding changes to the documentation
  • [ ] New and existing unit tests pass locally with my changes
  • [ ] I have added tests that prove my fix is effective or that my feature works

How to test

silvalaura avatar Apr 25 '23 18:04 silvalaura

🦋 Changeset detected

Latest commit: b4f5b01e9e4c3b7cf300977ef4ebd6ea9af1a4c7

The changes in this PR will be included in the next version bump.

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

changeset-bot[bot] avatar Apr 25 '23 18:04 changeset-bot[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Apr 27 '23 13:04 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 20 '23 15:10 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 26 '23 18:10 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Oct 27 '23 18:10 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Nov 08 '23 19:11 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Nov 09 '23 15:11 github-actions[bot]

Design feedback:

  • Focus color when tabbing through legend is still incorrect. Needs to match the light blue we use on other elements. image

  • Looks like we still need a border on the checkboxes in the legend when they're turned off. Otherwise they disappear from view. Hopefully we can have the border only when they're turned off? image

Please use #454545 in light mode. image

Please use #FFFFFF in dark mode. image

orion-cengage avatar Nov 10 '23 15:11 orion-cengage

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Nov 10 '23 16:11 github-actions[bot]

Due to the update to the checkboxes, it looks like it introduced some additional styling issues.

  • In light mode, the active checkboxes are now visually smaller and missing the 2px border radius, but they're fine in dark mode.
  • This becomes easier to see when some checkboxes are active and others aren't.
  • The checkboxes in dark mode are still missing the white outline asked for in the comment above.

image image image image

orion-cengage avatar Nov 14 '23 14:11 orion-cengage

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Nov 16 '23 16:11 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Nov 17 '23 19:11 github-actions[bot]

Everything is looking good at this point. Can't promise there won't be tweaks down the road. But consider this "Approved" without actually approving the PR.

orion-cengage avatar Dec 05 '23 20:12 orion-cengage

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Mar 20 '24 19:03 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Mar 26 '24 14:03 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Apr 03 '24 18:04 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar Apr 04 '24 16:04 github-actions[bot]

🚀 Deployed on https://docs-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 02 '24 02:05 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 02 '24 02:05 github-actions[bot]

🚀 Deployed on https://docs-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 13 '24 13:05 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 13 '24 13:05 github-actions[bot]

🚀 Deployed on https://docs-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 13 '24 13:05 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 13 '24 13:05 github-actions[bot]

🚀 Deployed on https://docs-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 13 '24 14:05 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 13 '24 14:05 github-actions[bot]

🚀 Deployed on https://docs-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 13 '24 14:05 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 13 '24 14:05 github-actions[bot]

🚀 Deployed on https://docs-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 13 '24 15:05 github-actions[bot]

🚀 Deployed on https://storybook-preview-1051--upbeat-sinoussi-f675aa.netlify.app

github-actions[bot] avatar May 13 '24 15:05 github-actions[bot]