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: Cleaning up tokens in Button components so they better adhere to the design spec #24732

Merged
merged 7 commits into from
Sep 12, 2022

Conversation

khmakoto
Copy link
Member

@khmakoto khmakoto commented Sep 8, 2022

PR Description

This PR brings all Button components in line with the latest changes to token usage that have been made in the design specs. It also updates Button visual regression tests so they use a proper icon instead of an X.

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 8, 2022

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-alert
Alert
83.228 kB
20.889 kB
83.511 kB
20.921 kB
283 B
32 B
react-button
Button
35.836 kB
9.59 kB
36.119 kB
9.647 kB
283 B
57 B
react-button
CompoundButton
42.862 kB
10.808 kB
43.144 kB
10.86 kB
282 B
52 B
react-button
MenuButton
38.454 kB
10.461 kB
38.737 kB
10.521 kB
283 B
60 B
react-button
SplitButton
45.87 kB
11.811 kB
46.136 kB
11.9 kB
266 B
89 B
react-button
ToggleButton
51.017 kB
11.007 kB
51.888 kB
11.127 kB
871 B
120 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
187.656 kB
51.96 kB
187.939 kB
52.05 kB
283 B
90 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-card
Card - All
67.002 kB
19.261 kB
react-card
Card
62.684 kB
18.177 kB
react-card
CardFooter
8.561 kB
3.601 kB
react-card
CardHeader
9.604 kB
3.94 kB
react-card
CardPreview
8.662 kB
3.656 kB
react-components
react-components: FluentProvider & webLightTheme
33.359 kB
11.004 kB
react-portal-compat
PortalCompatProvider
5.851 kB
1.964 kB
🤖 This report was generated against 83b033de0fe819bc30cc437ec7c4a83dd4c6997e

@codesandbox-ci
Copy link

codesandbox-ci bot commented Sep 8, 2022

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 c031146:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@size-auditor
Copy link

size-auditor bot commented Sep 8, 2022

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 83b033de0fe819bc30cc437ec7c4a83dd4c6997e (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 8, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1234 1305 5000
Button mount 879 876 5000
FluentProvider mount 1531 1532 5000
FluentProviderWithTheme mount 572 553 10
FluentProviderWithTheme virtual-rerender 531 594 10
FluentProviderWithTheme virtual-rerender-with-unmount 565 628 10
MakeStyles mount 1821 1762 50000
SpinButton mount 2272 2444 5000

@khmakoto khmakoto requested a review from a team as a code owner September 12, 2022 22:04
@khmakoto khmakoto enabled auto-merge (squash) September 12, 2022 22:56
@khmakoto khmakoto merged commit ef3ea23 into microsoft:master Sep 12, 2022
@khmakoto khmakoto deleted the buttonTokensCleanup branch September 12, 2022 23:15
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Sep 14, 2022
* master: (28 commits)
  Fix value font-weight inside heatmap chart (microsoft#24726)
  Fix legend overflow-indication-text role (microsoft#24756)
  Support custom locale in date axis  (microsoft#24753)
  Cleanup env variables (microsoft#24739)
  ci(github): add GH Action to add issue labels based on new GH issue template (microsoft#24788)
  Update disallowedChangeTypes for newly created packages, to allow only 'prerelease' change types by default (microsoft#24763)
  feat(react-components): Adding missing AvatarGroup exports (microsoft#24770)
  remove unnecessary nohoist (microsoft#24760)
  feat(react-dialog): supports 1st rule of ARIA (microsoft#24525)
  BREAKING: TableCell layouts are handled by layout components (microsoft#24762)
  feat: Implement table cell layout components (microsoft#24773)
  applying package updates
  fix: remove readonly from DetailsList (microsoft#24615)
  chore: Cleaning up tokens in Button components so they better adhere to the design spec (microsoft#24732)
  fix: react-combobox listbox popup width matches trigger width (microsoft#24733)
  fix: react-combobox Option focus outline only shows with keyboard nav (microsoft#24700)
  feat: Publish react-field package, and export from react-components/unstable (microsoft#24235)
  fix: Replacing bottom border styles with text decoration underline in Link (microsoft#24734)
  docs(react-theme): Update readme (microsoft#24755)
  Add tests for hover states (microsoft#24390)
  ...
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.

3 participants