Skip to content

feat(react-combobox): Adding optional shadows to filled appearances#24802

Closed
sopranopillow wants to merge 2 commits into
microsoft:masterfrom
sopranopillow:input/add-shadows-combobox
Closed

feat(react-combobox): Adding optional shadows to filled appearances#24802
sopranopillow wants to merge 2 commits into
microsoft:masterfrom
sopranopillow:input/add-shadows-combobox

Conversation

@sopranopillow

Copy link
Copy Markdown
Contributor

image

Related Issue(s)

Fixes #24642

@fabricteam

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-combobox
Combobox (including child components)
74.636 kB
24.186 kB
74.795 kB
24.221 kB
159 B
35 B
react-combobox
Dropdown (including child components)
74.236 kB
24.086 kB
74.395 kB
24.123 kB
159 B
37 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
187.939 kB
52.05 kB
react-components
react-components: FluentProvider & webLightTheme
33.394 kB
11.007 kB
react-portal-compat
PortalCompatProvider
5.851 kB
1.964 kB
🤖 This report was generated against 17b9063802b28bf7f4b1c4d439623819ad8940fa

@codesandbox-ci

Copy link
Copy Markdown

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 054a610:

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

@size-auditor

size-auditor Bot commented Sep 15, 2022

Copy link
Copy Markdown

Asset size changes

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

Baseline commit: 17b9063802b28bf7f4b1c4d439623819ad8940fa (build)

@fabricteam

Copy link
Copy Markdown
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1293 1319 5000
Button mount 882 974 5000
FluentProvider mount 1566 1558 5000
FluentProviderWithTheme mount 574 633 10
FluentProviderWithTheme virtual-rerender 591 597 10
FluentProviderWithTheme virtual-rerender-with-unmount 548 631 10
MakeStyles mount 1689 1940 50000
SpinButton mount 2563 2550 5000

@smhigley smhigley left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Approving this for react-combobox, but I can't see the shadow at all in the story. Is there a purpose for the shadow, beyond encouranging devs to use the filled appearance variants in a way that doesn't meet contrast requirements?

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.

Inputs: Add optional shadows to each component

5 participants