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

fix(theming): update palette color values #1795

Merged
merged 3 commits into from
Apr 23, 2024
Merged

Conversation

jzempel
Copy link
Member

@jzempel jzempel commented Apr 22, 2024

Description

Updated v9 palette color values and added an associated story demo.

Checklist

  • πŸ‘Œ design updates will be Garden Designer approved (add the designer as a reviewer)
  • 🌐 demo is up-to-date (npm start)
  • ⬅️ renders as expected with reversed (RTL) direction
  • 🀘 renders as expected with Bedrock CSS (?bedrock)
  • πŸ’‚β€β™‚οΈ includes new unit tests. Maintain existing coverage (always >= 96%)
  • β™Ώ tested for WCAG 2.1 AA accessibility compliance
  • πŸ“ tested in Chrome, Firefox, Safari, and Edge

@jzempel jzempel requested a review from a team as a code owner April 22, 2024 21:00
@coveralls
Copy link

coveralls commented Apr 22, 2024

Coverage Status

coverage: 96.222% (-0.001%) from 96.223%
when pulling a8fd7c8 on jzempel/update-palette
into a745bde on next.

<Canvas>
<Story
name="PALETTE"
args={{ palette: PALETTE }}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we let the user interact with the arguments for this story? If so, the current implementation will only track changes to the outer color keys. That's because Hue gets the colors from the theme.palette and not the palette object injected as an argument.

Screen Shot 2024-04-22 at 12 58 56 PM

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not super concerned about whether or not the story is interactive – more interested in demonstrating where the values are coming from. However, there is some copy/paste jank in here from the website implementation. Now cleaned up. 🧹

<Grid.Col sm>
<Hue hue={hue1} />
</Grid.Col>
{hue1 !== 'product' && <StyledCol sm>{hue2 && <Hue hue={hue2} />}</StyledCol>}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's always true since product is excluded.

Copy link
Contributor

@ze-flo ze-flo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Colors for the win! 🌈 🀩

@jzempel jzempel merged commit 581ccff into next Apr 23, 2024
5 checks passed
@jzempel jzempel deleted the jzempel/update-palette branch April 23, 2024 18:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

None yet

4 participants