[Bug]: Spinner styles defined in fluent2-theme coerces all the spinners into the same 32x32 size

[chenxinyanc]

Library

React / v8 (@fluentui/react)

System Info

With CodeSandbox:
    "@fluentui/fluent2-theme": "8.104.19",
    "@fluentui/react": "8.105.5",

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/fluent-ui-react-v8-spinner-tcxiz9?file=/src/App.tsx

Bug Description

Actual Behavior

Expected Behavior

Fluent2WebLightTheme shouldn't fix the size of spinners.

Logs

No response

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[chenxinyanc]

Related source code:

fluentui/packages/fluent2-theme/src/componentStyles/Spinner.styles.ts

Lines 13 to 14 in 0a3196e

	height: 32,
	width: 32,

[micahgodbolt]

Thanks @chenxinyanc. We certainly support different size spinners in Fluent 2, so no reason we should force them all to be 32px.