Skip to content

Conversation

langermank
Copy link
Contributor

@langermank langermank commented Dec 5, 2022

Note: These are the non breaking changes from this PR

Improvements

  • Add a block prop for full width
  • Add alignContent prop to align content to center or start
  • Use control sizing CSS variable values (not using CSS vars just yet)
  • Use height over padding for more control over sizing

Visual updates

Addresses a few things missing from this discussion: https://github.com/github/primer/discussions/1016

  • Slightly more condensed padding
  • Improved invisible hover states (will update these colors when new functional colors are addressed)

Closes:

Screenshots

Please refer to the comprehensive Storybook stories- this is just a small sample of some of the changes

before after description
image image trailing action slot alignment
image image default padding, font-weight
image image large height
icon was blue image invisible svg color
image image trailing action locks right in full width
image image invisible buttons use default text color if visuals are present, and accent blue if no visuals.

Merge checklist

  • 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.

@langermank langermank requested review from a team and broccolinisoup December 5, 2022 22:01
@changeset-bot
Copy link

changeset-bot bot commented Dec 5, 2022

🦋 Changeset detected

Latest commit: caf0f23

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

This PR includes changesets to release 1 package
Name Type
@primer/react Patch

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 Dec 5, 2022

size-limit report 📦

Path Size
dist/browser.esm.js 84.91 KB (+0.46% 🔺)
dist/browser.umd.js 85.52 KB (+0.42% 🔺)

@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 5, 2022 22:07 Inactive
@langermank langermank temporarily deployed to github-pages December 5, 2022 22:09 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 5, 2022 22:10 Inactive
@langermank langermank temporarily deployed to github-pages December 5, 2022 22:20 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 5, 2022 22:21 Inactive
@langermank langermank temporarily deployed to github-pages December 5, 2022 22:27 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 5, 2022 22:27 Inactive
@langermank langermank mentioned this pull request Dec 5, 2022
6 tasks
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 6, 2022 22:33 Inactive
@langermank langermank temporarily deployed to github-pages December 6, 2022 22:37 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 6, 2022 22:38 Inactive
@langermank langermank temporarily deployed to github-pages December 6, 2022 22:48 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 6, 2022 22:49 Inactive
@langermank langermank added the update snapshots 🤖 Command that updates VRT snapshots on the pull request label Dec 6, 2022
@github-actions github-actions bot removed the update snapshots 🤖 Command that updates VRT snapshots on the pull request label Dec 6, 2022
@primer primer bot temporarily deployed to github-pages December 6, 2022 23:24 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 6, 2022 23:25 Inactive
@langermank langermank temporarily deployed to github-pages December 19, 2022 22:51 — with GitHub Actions Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 19, 2022 22:51 Inactive
@langermank langermank added the update snapshots 🤖 Command that updates VRT snapshots on the pull request label Dec 20, 2022
@langermank langermank temporarily deployed to github-pages December 20, 2022 00:28 — with GitHub Actions Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 20, 2022 00:28 Inactive
@github-actions github-actions bot removed the update snapshots 🤖 Command that updates VRT snapshots on the pull request label Dec 20, 2022
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 20, 2022 00:41 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 20, 2022 00:45 Inactive
@langermank langermank temporarily deployed to github-pages December 20, 2022 00:49 — with GitHub Actions Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 20, 2022 00:59 Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 20, 2022 01:03 Inactive
@langermank langermank temporarily deployed to github-pages December 20, 2022 02:31 — with GitHub Actions Inactive
@github-actions github-actions bot temporarily deployed to storybook-preview-2652 December 20, 2022 02:32 Inactive
@langermank langermank temporarily deployed to github-pages December 20, 2022 16:34 — with GitHub Actions Inactive
@langermank langermank merged commit 1e5f1c9 into main Dec 20, 2022
@langermank langermank deleted the button-alignment-fixes branch December 20, 2022 17:22
@primer-css primer-css mentioned this pull request Dec 20, 2022
broccolinisoup added a commit that referenced this pull request Jan 10, 2023
broccolinisoup added a commit that referenced this pull request Jan 10, 2023
* Revert "Button alignment and size bug fixes (#2652)"

This reverts commit 1e5f1c9.

* add changeset
@broccolinisoup broccolinisoup restored the button-alignment-fixes branch January 18, 2023 12:10
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.

4 participants