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

Update react-button for preview release #17060

Merged

Conversation

levithomason
Copy link
Member

@levithomason levithomason commented Feb 18, 2021

Update react-button for preview release

Pull request checklist

  • Add vr-test stories
  • Include a change request file using $ yarn change

Description of changes

Removes all non-converged apis and concepts from react-button. Updates react-button to adhere to Fluent UI design specs.

Fixes #16820

Focus areas to test

Run the storybook, check examples. Consider alignment to design specs and general expected behavior.

@codesandbox-ci
Copy link

codesandbox-ci bot commented Feb 18, 2021

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 5ef0ab3:

Sandbox Source
Fluent UI Button Configuration
codesandbox-react-template Configuration
codesandbox-react-northstar-template Configuration

} catch (err) {
// eslint-disable-next-line no-console
console.error(err);
}
Copy link
Member Author

Choose a reason for hiding this comment

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

This PR is also adding static styles for normalize.css, box-sizing, and font faces. This change is required to allow those to render.

Copy link
Member

Choose a reason for hiding this comment

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

This change was revert in 69597b0, correct?

@khmakoto
Copy link
Member

We should probably link (if not outright fix) #16820 with this PR.

@levithomason
Copy link
Member Author

We should probably link (if not outright fix) #16820 with this PR.

@khmakoto Thanks, I fixed it in the PR description.

@levithomason
Copy link
Member Author

Addressed all feedback and added vr-tests. The rest of the TODOs I'd like to address in a fast follow but go ahead and get some early feedback on this. Looking to merge tomorrow USA time.

@layershifter layershifter merged commit 81b5766 into microsoft:master Feb 25, 2021
@layershifter layershifter deleted the feat/converged-button-preview branch February 25, 2021 11:59
@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-components@v9.0.0-alpha.3 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-button@v9.0.0-alpha.3 has been released which incorporates this pull request.:tada:

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/react-examples@v8.0.0-beta.10 has been released which incorporates this pull request.:tada:

Handy links:

@levithomason levithomason mentioned this pull request Feb 25, 2021
39 tasks
joshualamusga1 pushed a commit to joshualamusga1/fluentui that referenced this pull request Mar 25, 2021
* scaffold stories from figma

* begin adding react-button converged tokens

* add more button tokens to makestyles call

* continue adding variants and their tokens

* continue adding variants and their tokens

* fix icon spacing update button token dump

* rework component token table

* more button tokens

* fix statics and tokens

* add more todo for static styles, need to wire hook

* used tokens storybook addon

* start resolving token panel values

* FluentTokens addon: debug theme encapsulated

* initial cleanup for button prerelease and storybook

* initial cleanup for button prerelease and storybook

* clean up cruft

* more cleanup

* you guessed it, more clean up

* ...

* ...

* delete bunch of stuff

* delete bunch of stuff

* add todo

* remove data-is-focusable

* merge master, fix issues

* stub disabled tokens, fix issues

* Disabled styles

* move todos to proper line

* comment out unsupported props

* clean up todos

* revert react-provider changes

* remove todo

* remove static styles

* fix typings

* make react-button build

* fix tests

* restore web components from master

* restore react-utilities from master

* fix props typing, sync tsconfig with react-link

* miro fixes levi

* api changes

* Change files

* remove duplicate packages in storybook preview.js

* remove unused style matchers

* fix button props, add vr-tests

* fix vr-test typings

* fix icon package name merge issue

* rename useButtonClasses to useButtonStyles

* remove unused css variables

* add todo for gap and fix remaining useClasses names

* fix versions

* fix API

* fix typings

* delete stories for compat Provider

Co-authored-by: Miroslav Stastny <miroslav.stastny@microsoft.com>
Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Button: Integrate makeStyles in react-button's Button
7 participants