Skip to content

Conversation

@ValentinaKozlova
Copy link
Contributor

Hover Button component with icon and appearance="subtle" and disabled state

Previous Behavior

image

New Behavior

image

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 29, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 13 11 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 603 615 5000
Button mount 313 314 5000
Field mount 1102 1119 5000
FluentProvider mount 682 689 5000
FluentProviderWithTheme mount 74 83 10
FluentProviderWithTheme virtual-rerender 70 72 10
FluentProviderWithTheme virtual-rerender-with-unmount 82 80 10
InfoButton mount 13 11 5000 Possible regression
MakeStyles mount 867 859 50000
Persona mount 1708 1685 5000
SpinButton mount 1362 1331 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Sep 29, 2023

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 05dcd88:

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

@ValentinaKozlova ValentinaKozlova marked this pull request as ready for review September 29, 2023 14:51
@ValentinaKozlova ValentinaKozlova requested review from a team and khmakoto as code owners September 29, 2023 14:51
@fabricteam
Copy link
Collaborator

fabricteam commented Sep 29, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-alert
Alert
83.657 kB
22.915 kB
83.96 kB
22.97 kB
303 B
55 B
react-button
Button
39.444 kB
10.738 kB
39.747 kB
10.794 kB
303 B
56 B
react-button
CompoundButton
46.799 kB
12.233 kB
47.102 kB
12.287 kB
303 B
54 B
react-button
MenuButton
44.218 kB
12.12 kB
44.521 kB
12.173 kB
303 B
53 B
react-button
SplitButton
52.232 kB
13.705 kB
52.535 kB
13.76 kB
303 B
55 B
react-button
ToggleButton
56.49 kB
12.641 kB
56.793 kB
12.694 kB
303 B
53 B
react-components
react-components: Button, FluentProvider & webLightTheme
69.227 kB
19.584 kB
69.53 kB
19.644 kB
303 B
60 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
206.783 kB
59.085 kB
207.086 kB
59.155 kB
303 B
70 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-card
Card - All
91.484 kB
26.485 kB
react-card
Card
86.31 kB
24.946 kB
react-card
CardFooter
12.074 kB
5.034 kB
react-card
CardHeader
14.323 kB
5.8 kB
react-card
CardPreview
13.031 kB
5.404 kB
react-components
react-components: FluentProvider & webLightTheme
40.793 kB
13.521 kB
react-portal-compat
PortalCompatProvider
6.503 kB
2.22 kB
🤖 This report was generated against b1c71b351bc23d512f9dca839bdc43f3ab32c707

@size-auditor
Copy link

size-auditor bot commented Sep 29, 2023

Asset size changes

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

Baseline commit: b1c71b351bc23d512f9dca839bdc43f3ab32c707 (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Sep 29, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@khmakoto khmakoto changed the title fix: Icon in disabled Button shouldn't change color on hover fix: Icon in disabled Button shouldn't change color on hover or pressed Oct 3, 2023
@ValentinaKozlova ValentinaKozlova merged commit 44fc442 into microsoft:master Oct 4, 2023
@ValentinaKozlova ValentinaKozlova deleted the fix/button-disabled-subtle-icon branch October 4, 2023 05:51
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Oct 4, 2023
* master: (35 commits)
  bugfix(react-dialog): removes context hooks invocations from styles hook (microsoft#29396)
  chore(react-dialog): exports DialogSurface context types and hooks (microsoft#29397)
  Minimum height feature for bar chart (microsoft#29359)
  (feat) Breadcrumb - register items via context (microsoft#29393)
  fix: Consider all parents as scroll parents (microsoft#29378)
  Changes to enable charting on fluent docsite (microsoft#29210)
  bugfix: ensure TreeItem emits events properly (microsoft#29390)
  chore(deps): bump get-func-name from 2.0.0 to 2.0.2 (microsoft#29320)
  chore: migrate from getNativeElementProps to getIntrinsicElementProps (microsoft#29387)
  applying package updates
  applying package updates
  fix: Icon in disabled Button shouldn't change color on hover or pressed (microsoft#29342)
  Squish changes for rebase (microsoft#28705)
  fix: GroupedListV2 scrollToIndex now works correctly (microsoft#29332)
  Fix 27482: ProgressBar has an optional state variable  (microsoft#29366)
  remove a11y test ux from theme designer (microsoft#29379)
  feat: preview release (microsoft#29377)
  Fixed divider in the tooltip (microsoft#29357)
  fix (microsoft#29376)
  docs: Initial documentation pass (microsoft#29372)
  ...
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.

[Bug]: Icon in disabled subtle Button changes color on hover

3 participants