Skip to content

fix: Updated Input stories to show appearance and disabled#32176

Merged
GeoffCoxMSFT merged 6 commits intomicrosoft:masterfrom
GeoffCoxMSFT:fix-input-storybook
Aug 1, 2024
Merged

fix: Updated Input stories to show appearance and disabled#32176
GeoffCoxMSFT merged 6 commits intomicrosoft:masterfrom
GeoffCoxMSFT:fix-input-storybook

Conversation

@GeoffCoxMSFT
Copy link
Member

@GeoffCoxMSFT GeoffCoxMSFT commented Jul 31, 2024

Previous Behavior

  • appearance stories missing shadow variants
  • disabled stories missing appearance variants
  • no way to toggle disabled to see transition css

New Behavior

  • variants added to stories
  • can toggle disabled

Related Issue(s)

Screenshots (after)

image image

@GeoffCoxMSFT GeoffCoxMSFT self-assigned this Jul 31, 2024
@GeoffCoxMSFT GeoffCoxMSFT requested review from a team and spmonahan as code owners July 31, 2024 16:21
@github-actions github-actions bot added this to the July Project Cycle Q3 2024 milestone Jul 31, 2024
@fabricteam
Copy link
Collaborator

fabricteam commented Jul 31, 2024

📊 Bundle size report

✅ No changes found

@GeoffCoxMSFT GeoffCoxMSFT enabled auto-merge (squash) July 31, 2024 17:28
Copy link
Contributor

@smhigley smhigley left a comment

Choose a reason for hiding this comment

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

The shadow appearances would need to be shown over a dark background, since on a light background they fail WCAG's non-text contrast criterion (the boundary must meet 3:1 contrast).

I think this is what was brought up in chat, but I think those might also be deprecated/not different from filled darker & lighter?

@GeoffCoxMSFT GeoffCoxMSFT requested a review from smhigley August 1, 2024 15:57
@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 642 5000
Button mount 298 290 5000
Field mount 1106 1173 5000
FluentProvider mount 729 743 5000
FluentProviderWithTheme mount 82 87 10
FluentProviderWithTheme virtual-rerender 34 39 10
FluentProviderWithTheme virtual-rerender-with-unmount 74 85 10
MakeStyles mount 865 889 50000
Persona mount 1763 1743 5000
SpinButton mount 1371 1397 5000
SwatchPicker mount 1644 1642 5000

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]: v9 Input stories missing appearances for disabled and toggle ability [Bug]: v9 Input stories missing shadow appearances

4 participants