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

Add contrast prop to TextInput #1083

Merged
merged 4 commits into from
Feb 25, 2021
Merged

Add contrast prop to TextInput #1083

merged 4 commits into from
Feb 25, 2021

Conversation

emplums
Copy link

@emplums emplums commented Feb 25, 2021

This PR is a quick addition to the TextInput as requested in #1081

Closes #1081

Screenshots

Please provide before/after screenshots for any visual changes
image

Merge checklist

  • Added or updated TypeScript definitions (index.d.ts) if necessary
  • Added/updated tests
  • Added/updated documentation
  • Tested in Chrome
  • Tested in Firefox
  • Tested in Safari
  • Tested in Edge

Take a look at the What we look for in reviews section of the contributing guidelines for more information on how we review PRs.

@vercel
Copy link

vercel bot commented Feb 25, 2021

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/primer/primer-components/ExvngBLQeeriFyF5GMZ5aXNDu2CQ
✅ Preview: https://primer-components-git-contrast-input-primer.vercel.app

@vercel vercel bot temporarily deployed to Preview February 25, 2021 17:10 Inactive
@vercel vercel bot temporarily deployed to Preview February 25, 2021 17:14 Inactive
Copy link
Contributor

@colebemis colebemis left a comment

Choose a reason for hiding this comment

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

Looks good. Just left one comment about curly braces.

Comment on lines 94 to 99
${props =>
props.contrast &&
css`
background-color: ${get('colors.gray.0')};
}
`}
Copy link
Contributor

Choose a reason for hiding this comment

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

Seems like there's one too many brackets here. It's interesting that it sill works

Suggested change
${props =>
props.contrast &&
css`
background-color: ${get('colors.gray.0')};
}
`}
${props =>
props.contrast &&
css`
background-color: ${get('colors.gray.0')};
`}

@vercel vercel bot temporarily deployed to Preview February 25, 2021 17:25 Inactive
@emplums emplums merged commit 121772e into main Feb 25, 2021
@emplums emplums deleted the contrast-input branch February 25, 2021 17:29
@github-actions github-actions bot mentioned this pull request Feb 25, 2021
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.

Text Input is missing "contrast" variant
2 participants