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

fix(react-tags-preview): use regular icon for dismiss #28958

Merged
merged 14 commits into from
Aug 28, 2023

Conversation

YuanboXue-Amber
Copy link
Contributor

@YuanboXue-Amber YuanboXue-Amber commented Aug 23, 2023

Use regular icon for dismiss icon instead of bundled icon, since we don't need the filled icon anyway.

This PR also fixes several issue in stories discovered in a11y test:

  1. add aria-label for disabled Tag/InteractionTag story
  2. add aria-label on TagGroup for TagGroup stories.
  3. use just "dismiss"/"remove" for InteractionTagSecondary aria-label

@YuanboXue-Amber YuanboXue-Amber changed the title fix(react-tags-preview): adjustments for better a11y fix(react-tags-preview): use regular icon for dismiss Aug 23, 2023
@YuanboXue-Amber YuanboXue-Amber marked this pull request as ready for review August 23, 2023 09:16
@YuanboXue-Amber YuanboXue-Amber requested review from a team as code owners August 23, 2023 09:16
@fabricteam
Copy link
Collaborator

fabricteam commented Aug 23, 2023

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-tags-preview
Tag
28.65 kB
9.018 kB
27.792 kB
8.768 kB
-858 B
-250 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-tags-preview
InteractionTag
11.031 kB
4.528 kB
react-tags-preview
TagGroup
69.607 kB
20.482 kB
🤖 This report was generated against 18e53d3c9dd88b9a71ad55e01da9a11e6a25295f

@codesandbox-ci
Copy link

codesandbox-ci bot commented Aug 23, 2023

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 18eb257:

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

@size-auditor
Copy link

size-auditor bot commented Aug 23, 2023

Asset size changes

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

Baseline commit: 18e53d3c9dd88b9a71ad55e01da9a11e6a25295f (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Aug 23, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@YuanboXue-Amber YuanboXue-Amber enabled auto-merge (squash) August 28, 2023 15:07
@YuanboXue-Amber YuanboXue-Amber merged commit 1f13e55 into microsoft:master Aug 28, 2023
16 of 20 checks passed
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 28, 2023
* master:
  chore: Make triage bot add needs triage label to new issues (microsoft#28994)
  fix(react-tags-preview): use regular icon for dismiss (microsoft#28958)
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 28, 2023
* master: (26 commits)
  chore: Make triage bot add needs triage label to new issues (microsoft#28994)
  fix(react-tags-preview): use regular icon for dismiss (microsoft#28958)
  feat(react-motion): add useMotion hook (microsoft#28699)
  feat: add closeOnIframeFocus prop to Popover (microsoft#28881)
  chore: updates .devcontainer to follow new format (microsoft#28990)
  Line Chart and Area Chart - Component tests (microsoft#28235)
  applying package updates
  28576 small button is using 3px border radius (microsoft#28589)
  In PeoplePicker, we can now use arrow keys to move cursor around microsoft#28655 (microsoft#28975)
  chore: Migrate bot config to yml (microsoft#28981)
  fix(react-card): CardHeader grid layout ignoring line-height of content (microsoft#28968)
  fix(react-tags-preview): tag with secondary text has no top border under windows high contrast (microsoft#28963)
  applying package updates
  feat(Stack): Add deprecated flag to render null when receiving a falsy value (microsoft#28978)
  feat(react-infobutton): Add inline prop to InfoButton and make it inline by default (microsoft#28605)
  fix(Dialog): Add displayName for dialog footer and content (microsoft#28939)
  Revert "Keytips: Align keytipData with visible instance for dupes" (microsoft#28977)
  Vertical stacked bar chart - Component tests (microsoft#28594)
  docs: update drawer spec to be inline with changes to component (microsoft#28934)
  Table/DataGrid: fix visuals for overflow (microsoft#28940)
  ...
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.

3 participants