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

Migrate to new functional color system #1412

Merged
merged 16 commits into from
Sep 16, 2021
Merged

Migrate to new functional color system #1412

merged 16 commits into from
Sep 16, 2021

Conversation

colebemis
Copy link
Contributor

@colebemis colebemis commented Sep 8, 2021

Background

An recent release of Primer Primitives deprecated many existing color variables and introduced new functional color variables.

Problem

Primer React components is using deprecated functional color variables.

Solution

  1. Update @primer/primitives version so we can use the new functional color variables
  2. Install eslint-plugin-primer-react to lint for usages of deprecated color variables
  3. Autofix all usages of deprecated variables

Part of https://github.com/github/design-infrastructure/issues/1388

@changeset-bot
Copy link

changeset-bot bot commented Sep 8, 2021

🦋 Changeset detected

Latest commit: be6d684

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

This PR includes changesets to release 1 package
Name Type
@primer/components Minor

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

@github-actions
Copy link
Contributor

github-actions bot commented Sep 8, 2021

size-limit report 📦

Path Size
dist/browser.esm.js 51.71 KB (+6.08% 🔺)
dist/browser.umd.js 52 KB (+6.06% 🔺)

docs/content/theming.md Outdated Show resolved Hide resolved
Copy link
Member

@jonrohan jonrohan left a comment

Choose a reason for hiding this comment

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

Changes look good 👍🏻

Copy link
Contributor

@jfuchs jfuchs left a comment

Choose a reason for hiding this comment

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

Overall looks good. Any idea why your migration didn't catch src/Dialog.tsx#L88?

@colebemis
Copy link
Contributor Author

@jfuchs We don't have a suitable replacement fade.black50 so the ESLint plugin didn't know what to replace it with

@colebemis
Copy link
Contributor Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants