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

feat(components): polish Button components #605

Merged
merged 7 commits into from
Jun 4, 2020
Merged

Conversation

connor-baer
Copy link
Member

Purpose

These changes are an outcome of my conversation with Giao-Chung. The changes reduce the component API surface and make the default styles more consistent.

Approach and changes

  • Revert default Button variant to secondary: The previous default Button style matches the new secondary variant most, so to avoid a breaking change, I've made it the default variant.
  • Remove Button giga size: To our knowledge, this size was never used. In order to reduce the API surface, we're removing it.
  • Tweak the Button border-radius according to the new design guidelines
  • Use IconButton for Carousel buttons
  • Change Hamburger default size to match IconButton

Definition of done

  • Development completed
  • Reviewers assigned
  • Unit and integration tests
  • Meets minimum browser support
  • Meets accessibility requirements

The previous default Button style matches the new secondary variant most, so to avoid a breaking
change, I've made it the default variant.
To our knowledge, this size was never used. In order to reduce the API surface, we're removing it.

BREAKING CHANGE:
The Button's `giga` size has been removed. Use the `mega` size (default) instead.
@connor-baer connor-baer added feature A new feature or enhancement 🎨 design Requires input from designers labels Jun 4, 2020
@connor-baer connor-baer added this to the v2.0 milestone Jun 4, 2020
@vercel
Copy link

vercel bot commented Jun 4, 2020

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/sumup-oss/circuit-ui/98mxwx7xz
✅ Preview: https://circuit-ui-git-feature-polish-button.sumup-oss.now.sh

feature/polish-button
@codecov
Copy link

codecov bot commented Jun 4, 2020

Codecov Report

Merging #605 into alpha will decrease coverage by 0.00%.
The diff coverage is 100.00%.

Impacted file tree graph

@@            Coverage Diff             @@
##            alpha     #605      +/-   ##
==========================================
- Coverage   94.26%   94.26%   -0.01%     
==========================================
  Files         136      136              
  Lines        2198     2196       -2     
  Branches      631      631              
==========================================
- Hits         2072     2070       -2     
  Misses        103      103              
  Partials       23       23              
Impacted Files Coverage Δ
src/components/IconButton/IconButton.tsx 80.00% <ø> (ø)
src/components/SearchInput/SearchInput.js 100.00% <ø> (ø)
src/components/Button/Button.tsx 100.00% <100.00%> (ø)
.../components/Carousel/components/Buttons/Buttons.js 100.00% <100.00%> (ø)
src/components/CloseButton/CloseButton.js 100.00% <100.00%> (ø)
src/components/Hamburger/Hamburger.tsx 100.00% <100.00%> (ø)
src/components/Pagination/PageButton/PageButton.js 100.00% <100.00%> (ø)

@connor-baer connor-baer merged commit 7769285 into alpha Jun 4, 2020
@connor-baer connor-baer deleted the feature/polish-button branch June 4, 2020 14:11
@github-actions
Copy link
Contributor

github-actions bot commented Jun 4, 2020

🎉 This PR is included in version 2.0.0-alpha.23 🎉

The release is available on:

Your semantic-release bot 📦🚀

@github-actions
Copy link
Contributor

github-actions bot commented Jun 8, 2020

🎉 This PR is included in version 2.0.0-beta.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

@github-actions
Copy link
Contributor

🎉 This PR is included in version 2.0.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 design Requires input from designers feature A new feature or enhancement
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants