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

chore: Combine Icon Buttons with Primary, Secondary and Tertiary #1477

Conversation

mannycarrera4
Copy link
Contributor

@mannycarrera4 mannycarrera4 commented Feb 16, 2022

Summary

Fixes: #1379

category

BREAKING CHANGES

  • Combined Icon Buttons with Primary, Secondary, and Tertiary buttons
  • Remove IconButton component
  • Add a new XS, L sizes
  • Removed the toggled prop when migrating over Icon Buttons
  • Converted SegmentedControl into a compound component and it no longer renders IconButton as children
  • Changed the values of IconPosition: left | right - > start | end
  • Refactored AccentIcon, AppletIcon, Graphic, Icon, Svg, SystemIcon, and SystemIconCircle to use create component and remove iconRef prop and now just pass the ref forward
  • Remove dataLabel prop from PrimaryButton and SecondaryButton

Checklist

  • tests are changed or added
  • code has been documented
  • design approved final implementation
  • a11y approved final implementation
  • code adheres to the API & Pattern guidelines

@cypress
Copy link

cypress bot commented Feb 16, 2022



Test summary

674 0 1 0Flakiness 0


Run details

Project canvas-kit
Status Passed
Commit dfb1069 ℹ️
Started Apr 4, 2022 5:10 PM
Ended Apr 4, 2022 5:16 PM
Duration 05:29 💡
OS Linux Ubuntu - 20.04
Browser Electron 94

View run in Cypress Dashboard ➡️


This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

Copy link
Member

@alanbsmith alanbsmith left a comment

Choose a reason for hiding this comment

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

Looking good, Manny! Just a bit of cleanup, but it's looking solid overall.

modules/docs/mdx/7.0-MIGRATION-GUIDE.mdx Outdated Show resolved Hide resolved
modules/docs/mdx/7.0-MIGRATION-GUIDE.mdx Outdated Show resolved Hide resolved
modules/docs/mdx/7.0-MIGRATION-GUIDE.mdx Show resolved Hide resolved
modules/docs/mdx/7.0-MIGRATION-GUIDE.mdx Outdated Show resolved Hide resolved
modules/docs/mdx/7.0-MIGRATION-GUIDE.mdx Outdated Show resolved Hide resolved
modules/react/button/stories/button/examples/Secondary.tsx Outdated Show resolved Hide resolved
modules/react/button/stories/button/examples/Primary.tsx Outdated Show resolved Hide resolved
modules/react/button/lib/parts/ButtonLabelIcon.tsx Outdated Show resolved Hide resolved
Copy link
Member

@alanbsmith alanbsmith left a comment

Choose a reason for hiding this comment

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

Ship it, @mannycarrera4. Great work! 🚀

@alanbsmith alanbsmith added approved Code has been reviewed and approved (ship it) and removed review in progress Code is currently under review labels Apr 1, 2022
@mannycarrera4 mannycarrera4 added automerge and removed ready for review Code is ready for review labels Apr 4, 2022
@workday-canvas-kit workday-canvas-kit merged commit 1ae8ca5 into Workday:prerelease/major Apr 4, 2022
RayRedGoose added a commit that referenced this pull request Apr 7, 2022
* fix(popup): Remove containerElement prop from Popper

* chore!: Combine Icon Buttons with Primary, Secondary and Tertiary (#1477)

Fixes: #1379

[category:Components]

-  Combined Icon Buttons with Primary, Secondary, and Tertiary buttons
- Remove IconButton component
-  Add a new XS, L sizes
-  Removed the `toggled` prop when migrating over Icon Buttons
- Converted `SegmentedControl` into a compound component and it no longer renders `IconButton` as children
- Changed the values of `IconPosition`: `left` | `right` - > `start` | `end`
- Refactored `AccentIcon`, `AppletIcon`, `Graphic`, `Icon`, `Svg`, `SystemIcon`, and `SystemIconCircle` to use create component and remove `iconRef` prop and now just pass the ref forward
- Remove `dataLabel` prop from `PrimaryButton` and `SecondaryButton`

* feat(popup): Add codemod to remove containerElement prop from Popper

Co-authored-by: Manuel Carrera <[email protected]>
Co-authored-by: Alan B Smith <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
7.x approved Code has been reviewed and approved (ship it) automerge
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants