Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion apps/vr-tests-react-components/.storybook/main.js
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ const tsConfigPath = path.resolve(__dirname, '../../../tsconfig.base.json');

Copy link
Collaborator

Choose a reason for hiding this comment

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

🕵🏾‍♀️ visual regressions to review in the fluentuiv9 Visual Regression Report

Button Converged 43 screenshots
Image Name Diff(in Pixels) Image Type
Button Converged.Disabled High Contrast.chromium.png 935 Changed
Button Converged.As an anchor.chromium.png 1925 Changed
Button Converged.Circular And Icon Only RTL.chromium.png 444 Changed
Button Converged.Outline Disabled Dark Mode.chromium.png 380 Changed
Button Converged.Circular and icon only.chromium.png 444 Changed
Button Converged.Disabled Dark Mode.chromium.png 606 Changed
Button Converged.Disabled.chromium.png 1764 Changed
Button Converged.Default High Contrast.chromium.png 935 Changed
Button Converged.Circular.chromium.png 1790 Changed
Button Converged.Default RTL.chromium.png 1925 Changed
Button Converged.Outline Disabled.chromium.png 1925 Changed
Button Converged.Primary Dark Mode.chromium.png 31 Changed
Button Converged.Default.chromium.png 1925 Changed
Button Converged.Icon only.chromium.png 579 Changed
Button Converged.Outline.chromium.png 1925 Changed
Button Converged.Outline Disabled High Contrast.chromium.png 935 Changed
Button Converged.Default Dark Mode.chromium.png 380 Changed
Button Converged.Primary Disabled Dark Mode.chromium.png 664 Changed
Button Converged.Primary Disabled High Contrast.chromium.png 1024 Changed
Button Converged.Primary Disabled.chromium.png 1933 Changed
Button Converged.Subtle Dark Mode.chromium.png 416 Changed
Button Converged.Primary.chromium.png 156 Changed
Button Converged.Primary High Contrast.chromium.png 2402 Changed
Button Converged.Size large - with long text wrapping.chromium.png 14072 Changed
Button Converged.Size large.chromium.png 3696 Changed
Button Converged.Size small - with long text wrapping.chromium.png 5996 Changed
Button Converged.Size small.chromium.png 1419 Changed
Button Converged.Size medium - with long text wrapping.chromium.png 8574 Changed
Button Converged.Subtle Disabled.chromium.png 2111 Changed
Button Converged.Subtle Disabled Dark Mode.chromium.png 416 Changed
Button Converged.Subtle.chromium.png 2111 Changed
Button Converged.Subtle High Contrast.chromium.png 1024 Changed
Button Converged.Subtle Disabled High Contrast.chromium.png 1024 Changed
Button Converged.Transparent Dark Mode.chromium.png 416 Changed
Button Converged.Transparent Disabled Dark Mode.chromium.png 416 Changed
Button Converged.Transparent.chromium.png 2111 Changed
Button Converged.Transparent Disabled High Contrast.chromium.png 1024 Changed
Button Converged.Transparent High Contrast.chromium.png 1024 Changed
Button Converged.Transparent Disabled.chromium.png 2111 Changed
Button Converged.With Icon Before Content RTL.chromium.png 2425 Changed
Button Converged.With icon before content.chromium.png 2425 Changed
Button Converged.With icon after content.chromium.png 2425 Changed
Button Converged.With Icon After Content RTL.chromium.png 2425 Changed
CompoundButton Converged 24 screenshots
Image Name Diff(in Pixels) Image Type
CompoundButton Converged.Circular And Icon Only RTL.chromium.png 1260 Changed
CompoundButton Converged.Disabled.chromium.png 6415 Changed
CompoundButton Converged.Default.chromium.png 7003 Changed
CompoundButton Converged.Default RTL.chromium.png 7003 Changed
CompoundButton Converged.Circular.chromium.png 6424 Changed
CompoundButton Converged.Circular and icon only.chromium.png 1260 Changed
CompoundButton Converged.Outline Disabled.chromium.png 7003 Changed
CompoundButton Converged.Primary Disabled.chromium.png 6716 Changed
CompoundButton Converged.Icon only.chromium.png 1633 Changed
CompoundButton Converged.Primary.chromium.png 542 Changed
CompoundButton Converged.Outline.chromium.png 7003 Changed
CompoundButton Converged.Size large - with long text wrapping.chromium.png 20998 Changed
CompoundButton Converged.Transparent Disabled.chromium.png 7331 Changed
CompoundButton Converged.With Icon After Content RTL.chromium.png 10334 Changed
CompoundButton Converged.Size large.chromium.png 13238 Changed
CompoundButton Converged.Size small - with long text wrapping.chromium.png 12411 Changed
CompoundButton Converged.Size medium - with long text wrapping.chromium.png 18282 Changed
CompoundButton Converged.Subtle Disabled.chromium.png 7331 Changed
CompoundButton Converged.Transparent.chromium.png 7331 Changed
CompoundButton Converged.Size small.chromium.png 8197 Changed
CompoundButton Converged.With Icon Before Content RTL.chromium.png 10334 Changed
CompoundButton Converged.Subtle.chromium.png 7331 Changed
CompoundButton Converged.With icon after content.chromium.png 10334 Changed
CompoundButton Converged.With icon before content.chromium.png 10334 Changed
MenuButton Converged 20 screenshots
Image Name Diff(in Pixels) Image Type
MenuButton Converged.Circular and icon only.chromium.png 444 Changed
MenuButton Converged.Circular.chromium.png 2122 Changed
MenuButton Converged.Default RTL.chromium.png 2257 Changed
MenuButton Converged.Default.chromium.png 2256 Changed
MenuButton Converged.Outline Disabled.chromium.png 2256 Changed
MenuButton Converged.Icon only.chromium.png 579 Changed
MenuButton Converged.Outline.chromium.png 2256 Changed
MenuButton Converged.Primary Disabled.chromium.png 2257 Changed
MenuButton Converged.Disabled.chromium.png 2067 Changed
MenuButton Converged.Primary.chromium.png 182 Changed
MenuButton Converged.Size large.chromium.png 4219 Changed
MenuButton Converged.Size medium - with long text wrapping.chromium.png 8570 Changed
MenuButton Converged.Size large - with long text wrapping.chromium.png 14065 Changed
MenuButton Converged.Size small.chromium.png 1661 Changed
MenuButton Converged.Size small - with long text wrapping.chromium.png 5993 Changed
MenuButton Converged.Subtle Disabled.chromium.png 2464 Changed
MenuButton Converged.Transparent Disabled.chromium.png 2464 Changed
MenuButton Converged.Subtle.chromium.png 2464 Changed
MenuButton Converged.Transparent.chromium.png 2464 Changed
MenuButton Converged.With icon.chromium.png 2756 Changed
SplitButton Converged 44 screenshots
Image Name Diff(in Pixels) Image Type
SplitButton Converged.Default High Contrast.chromium.png 1139 Changed
SplitButton Converged.Circular And Icon Only RTL.chromium.png 922 Changed
SplitButton Converged.Circular and icon only.chromium.png 923 Changed
SplitButton Converged.Default Dark Mode.chromium.png 474 Changed
SplitButton Converged.Default RTL.chromium.png 2403 Changed
SplitButton Converged.Disabled.chromium.png 2202 Changed
SplitButton Converged.Circular.chromium.png 2269 Changed
SplitButton Converged.Default.chromium.png 2403 Changed
SplitButton Converged.Disabled Dark Mode.chromium.png 756 Changed
SplitButton Converged.Disabled High Contrast.chromium.png 1139 Changed
SplitButton Converged.Icon only.chromium.png 1057 Changed
SplitButton Converged.Outline Disabled Dark Mode.chromium.png 474 Changed
SplitButton Converged.Outline Disabled High Contrast.chromium.png 1139 Changed
SplitButton Converged.Outline Disabled.chromium.png 2403 Changed
SplitButton Converged.Outline.chromium.png 2403 Changed
SplitButton Converged.Primary Dark Mode.chromium.png 39 Changed
SplitButton Converged.Primary Disabled Dark Mode.chromium.png 825 Changed
SplitButton Converged.Primary Disabled High Contrast.chromium.png 1242 Changed
SplitButton Converged.Primary Disabled.chromium.png 2401 Changed
SplitButton Converged.Primary High Contrast.chromium.png 2913 Changed
SplitButton Converged.Primary.chromium.png 194 Changed
SplitButton Converged.Size medium - with long text wrapping.chromium.png 12405 Changed
SplitButton Converged.Size large.chromium.png 4485 Changed
SplitButton Converged.Rounded.chromium.png 2403 Changed
SplitButton Converged.Size large - with long text wrapping.chromium.png 14009 Changed
SplitButton Converged.Size small - with long text wrapping.chromium.png 5970 Changed
SplitButton Converged.Size small.chromium.png 1768 Changed
SplitButton Converged.Square.chromium.png 2408 Changed
SplitButton Converged.Subtle Disabled Dark Mode.chromium.png 517 Changed
SplitButton Converged.Subtle Dark Mode.chromium.png 521 Changed
SplitButton Converged.Subtle Disabled High Contrast.chromium.png 1242 Changed
SplitButton Converged.Subtle Disabled.chromium.png 2621 Changed
SplitButton Converged.Subtle High Contrast.chromium.png 1251 Changed
SplitButton Converged.Subtle.chromium.png 2643 Changed
SplitButton Converged.With Icon After Content RTL.chromium.png 2903 Changed
SplitButton Converged.With Icon Before Content RTL.chromium.png 2903 Changed
SplitButton Converged.Transparent Dark Mode.chromium.png 521 Changed
SplitButton Converged.Transparent.chromium.png 2643 Changed
SplitButton Converged.Transparent Disabled High Contrast.chromium.png 1242 Changed
SplitButton Converged.Transparent Disabled.chromium.png 2621 Changed
SplitButton Converged.Transparent High Contrast.chromium.png 1251 Changed
SplitButton Converged.Transparent Disabled Dark Mode.chromium.png 517 Changed
SplitButton Converged.With icon after content.chromium.png 2903 Changed
SplitButton Converged.With icon before content.chromium.png 2903 Changed
ToggleButton Converged 28 screenshots
Image Name Diff(in Pixels) Image Type
ToggleButton Converged.Circular.chromium.png 1790 Changed
ToggleButton Converged.Circular and icon only.chromium.png 444 Changed
ToggleButton Converged.Checked.chromium.png 1710 Changed
ToggleButton Converged.Default High Contrast.chromium.png 935 Changed
ToggleButton Converged.Default.chromium.png 1925 Changed
ToggleButton Converged.Default Dark Mode.chromium.png 380 Changed
ToggleButton Converged.Primary.chromium.png 156 Changed
ToggleButton Converged.Default RTL.chromium.png 1925 Changed
ToggleButton Converged.Primary High Contrast.chromium.png 2402 Changed
ToggleButton Converged.Icon only.chromium.png 579 Changed
ToggleButton Converged.Primary Checked.chromium.png 76 Changed
ToggleButton Converged.Disabled.chromium.png 1764 Changed
ToggleButton Converged.Primary Dark Mode.chromium.png 31 Changed
ToggleButton Converged.Primary Disabled.chromium.png 1933 Changed
ToggleButton Converged.Outline.chromium.png 1925 Changed
ToggleButton Converged.Size large - with long text wrapping.chromium.png 14072 Changed
ToggleButton Converged.Size large.chromium.png 3696 Changed
ToggleButton Converged.Size medium - with long text wrapping.chromium.png 8574 Changed
ToggleButton Converged.Size small - with long text wrapping.chromium.png 5996 Changed
ToggleButton Converged.Size small.chromium.png 1419 Changed
ToggleButton Converged.Subtle.chromium.png 2111 Changed
ToggleButton Converged.Subtle Checked.chromium.png 1874 Changed
ToggleButton Converged.Transparent Disabled.chromium.png 2111 Changed
ToggleButton Converged.Subtle Disabled.chromium.png 2111 Changed
ToggleButton Converged.With icon after content.chromium.png 2425 Changed
ToggleButton Converged.Transparent Checked.chromium.png 2111 Changed
ToggleButton Converged.Transparent.chromium.png 2111 Changed
ToggleButton Converged.With icon before content.chromium.png 2425 Changed

module.exports = /** @type {import('@storybook/react-webpack5').StorybookConfig} */ ({
addons: [loadWorkspaceAddon('@fluentui/react-storybook-addon', { tsConfigPath })],
stories: ['../src/**/*.stories.tsx'],
stories: ['../src/stories/Button/*.stories.tsx'],
core: {
disableTelemetry: true,
},
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -550,6 +550,8 @@ export const useButtonStyles_unstable = (state: ButtonState): ButtonState => {

const { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = state;

state.root.style = { background: 'red' };

state.root.className = mergeClasses(
buttonClassNames.root,
rootBaseClassName,
Expand Down
Loading