Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Divider - allow default prop override #24840

Merged
merged 2 commits into from
Sep 16, 2022

Conversation

micahgodbolt
Copy link
Member

Customer wanted to use divider as a visual wrapper around a button. Due to role="separator", the button was marked as role="presentational" so it was ignored by narrator.

Moving props to be able to override the default values will give users escape hatches when they need to customize those values (custom orientation, custom labeledby, custom role)

@micahgodbolt micahgodbolt requested a review from a team as a code owner September 16, 2022 17:10
@github-actions github-actions bot added this to the July Project Cycle Q3 2022 milestone Sep 16, 2022
@micahgodbolt micahgodbolt changed the title Divider role override Divider - allow default prop override Sep 16, 2022
@micahgodbolt micahgodbolt enabled auto-merge (squash) September 16, 2022 17:19
@fabricteam
Copy link
Collaborator

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
188.672 kB
52.359 kB
react-components
react-components: FluentProvider & webLightTheme
33.394 kB
11.007 kB
react-divider
Divider
16.459 kB
5.902 kB
react-portal-compat
PortalCompatProvider
5.851 kB
1.964 kB
🤖 This report was generated against b7395d67b12bc51b0785a022a4a60930d7543d3c

@codesandbox-ci
Copy link

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 9cfc424:

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

@size-auditor
Copy link

size-auditor bot commented Sep 16, 2022

Asset size changes

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

Baseline commit: b7395d67b12bc51b0785a022a4a60930d7543d3c (build)

@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 1280 1258 5000
Button mount 938 933 5000
FluentProvider mount 1474 1483 5000
FluentProviderWithTheme mount 580 580 10
FluentProviderWithTheme virtual-rerender 534 545 10
FluentProviderWithTheme virtual-rerender-with-unmount 576 569 10
MakeStyles mount 1955 1949 50000
SpinButton mount 2313 2329 5000

@micahgodbolt micahgodbolt merged commit 7c868d1 into microsoft:master Sep 16, 2022
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Sep 19, 2022
* master: (28 commits)
  fix: use trigger prop for aria-haspopup (microsoft#24794)
  chore(react-dialog): scaffold DialogContent component (microsoft#24844)
  chore: Northstar screener should read from screenerStates.json (microsoft#24848)
  applying package updates
  (web components) Standardize focus treatment (microsoft#24771)
  Divider - allow default prop override (microsoft#24840)
  GroupedList: fix virtualization (unstable preview) (microsoft#24460)
  fix: Add explicit children prop to TeachingBubble to support React 18 (microsoft#24823)
  feat: Adds `visible` prop to `TableCellActions` (microsoft#24831)
  [Northstar][Dropdown] Fix styling mutation when merging themes (microsoft#24787)
  fix: export `tableCellActionsClassNames` from unstable (microsoft#24830)
  bugfix(react-dialog): Adds color style to DialogSurface (microsoft#24832)
  applying package updates
  Prevent group toggling from selecting the whole group (microsoft#24822)
  feat(react-textarea): Add shadow variant of filled appearance (microsoft#24512)
  applying package updates
  Adding lib-commonjs top-level entries to exports map (microsoft#24792)
  Created shim packages (microsoft#24780)
  feat(react-menu): replace keydown handlers by useARIAButtonShorthand on MenuItem (microsoft#24738)
  fix: update version mismatches triggered by v9 release (microsoft#24812)
  ...
@micahgodbolt micahgodbolt deleted the divider-role-override branch September 20, 2022 21:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants