Skip to content

fix(Toolbar): hardcode size of ToolbarButton#32185

Merged
layershifter merged 1 commit intomicrosoft:masterfrom
layershifter:fix/hardcode-size
Aug 7, 2024
Merged

fix(Toolbar): hardcode size of ToolbarButton#32185
layershifter merged 1 commit intomicrosoft:masterfrom
layershifter:fix/hardcode-size

Conversation

@layershifter
Copy link
Member

@layershifter layershifter commented Aug 1, 2024

Previous Behavior

TS will scream on size prop, but it still can be passed an affect ToolbarButton.

New Behavior

ToolbarButton has hardcoded size according to the design spec.

Related Issue(s)

Fixes #32063.

@github-actions github-actions bot added this to the August Project Cycle Q3 2024 milestone Aug 1, 2024
@layershifter layershifter marked this pull request as ready for review August 1, 2024 08:15
@layershifter layershifter requested review from a team, chpalac and ling1726 as code owners August 1, 2024 08:15
@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.094 MB
270.277 kB
1.094 MB
270.281 kB
14 B
4 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
69.141 kB
20.157 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
217.326 kB
63.005 kB
react-components
react-components: FluentProvider & webLightTheme
44.442 kB
14.607 kB
react-portal-compat
PortalCompatProvider
8.39 kB
2.64 kB
react-timepicker-compat
TimePicker
106.751 kB
35.596 kB
🤖 This report was generated against bf7891fe2dfe3c66422f949aa5d95a1855c508be

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 641 637 5000
Button mount 292 298 5000
Field mount 1106 1147 5000
FluentProvider mount 727 720 5000
FluentProviderWithTheme mount 75 88 10
FluentProviderWithTheme virtual-rerender 39 32 10
FluentProviderWithTheme virtual-rerender-with-unmount 83 85 10
MakeStyles mount 849 856 50000
Persona mount 1747 1708 5000
SpinButton mount 1404 1356 5000
SwatchPicker mount 1617 1642 5000

@layershifter layershifter merged commit 0c43a22 into microsoft:master Aug 7, 2024
@layershifter layershifter deleted the fix/hardcode-size branch August 7, 2024 10:34
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 7, 2024
* master: (48 commits)
  chore: migrate to storybook v7 (microsoft#32018)
  release: applying package updates - react-components
  ci: make public-docsite-v9 deploy pipeline work and make it faster (microsoft#32248)
  fix(Toolbar): hardcode size of `ToolbarButton` (microsoft#32185)
  chore: deprecate @fluentui/react-motion-preview (microsoft#32190)
  release: applying package updates - web-components
  docs: add wrapping menu item example to ContextualMenu docs (microsoft#31289)
  docs: update title of v8 keyboard-accessible drag & drop example, add docs (microsoft#32216)
  release: applying package updates - react-components
  fix: Card does not override specified focusMode based on event listeners (microsoft#32200)
  Fix undefined reference in older browsers in useMessageBarReflow (microsoft#32238)
  feat: Add transparent appearance to ToolbarButton (microsoft#32205)
  fix(react-tabs): ignore ref for tab reserved space content slot (microsoft#31775)
  fix(Dialog): do not require ref forwarding (microsoft#32095)
  feat: add verify-packaging to react v8 release pipeline (microsoft#32212)
  chore(web-components): remove type-check definition and follow repo target defaults for consistency and type-check speeds (microsoft#32208)
  chore(react-tree): improve ImmutableSet and ImmutableMap internal implementation (microsoft#32167)
  release: applying package updates - web-components
  feat(web-components): add tablist (microsoft#32098)
  release: applying package updates - react-components
  ...
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.

[Bug]: "size" property is not working correctly in Toolbar* components

3 participants