feat(react-tags): Replace avatar prop with media; polish styles for spacing#27725
feat(react-tags): Replace avatar prop with media; polish styles for spacing#27725YuanboXue-Amber merged 72 commits intomicrosoft:masterfrom
avatar prop with media; polish styles for spacing#27725Conversation
…pes.ts Co-authored-by: Esteban Munoz Facusse <esteban.230@hotmail.com>
….tsx Co-authored-by: Esteban Munoz Facusse <esteban.230@hotmail.com>
…TagButton.types.ts Co-authored-by: Esteban Munoz Facusse <esteban.230@hotmail.com>
…renderTagButton.tsx Co-authored-by: Esteban Munoz Facusse <esteban.230@hotmail.com>
….tsx Co-authored-by: Sean Monahan <seanmonahan@microsoft.com>
…useTagButton.tsx Co-authored-by: Sean Monahan <seanmonahan@microsoft.com>
spmonahan
left a comment
There was a problem hiding this comment.
Looking good! There are a few outstanding things but I'm fine with handling them in follow up PRs (up to you though!)
packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts
Show resolved
Hide resolved
packages/react-components/react-tags/src/components/Tag/useTagStyles.styles.ts
Outdated
Show resolved
Hide resolved
…Styles.styles.ts Co-authored-by: Sean Monahan <seanmonahan@microsoft.com>
This reverts commit ba61dc3.
|
🎉 Handy links: |
|
🎉 Handy links: |
|
🎉 Handy links: |
|
🎉 Handy links: |
|
🎉 Handy links: |
|
🎉 Handy links: |
|
🎉 Handy links: |
|
🎉 Handy links: |
|
🎉 Handy links: |
|
🎉 Handy links: |
* master: feat(react-drawer): create DrawerBody component (microsoft#27581) feat(react-tree): TreeItem itemType restructure (microsoft#27799) feat: Implement state management for toasts (microsoft#27800) bugfix: fix VisibleFlatTreeItemGenerator omitting visible items (microsoft#27802) fix: overflowManager should always dispatch initial state (microsoft#27756) fix(react-badge): Remove white border around presence badge when on a dark background (microsoft#27780) react-tags: rename dismissable to dismissible (microsoft#27798) chore: update ownership of react-tags (microsoft#27795) applying package updates feat(react-tags): Replace `avatar` prop with `media`; polish styles for spacing (microsoft#27725) RFC appearance migration (microsoft#24181) chore(react-skeleton): Release react-skeleton to stable (microsoft#27767) fix(Coachmark): Remove positioning regression and update bounds on resize (microsoft#27782) applying package updates fix(v8): explicitly publish dist folder after node 16 upgrade (microsoft#27769)
* feat/drawer-header: fix: add changefiles feat(react-drawer): create DrawerBody component (microsoft#27581) feat(react-tree): TreeItem itemType restructure (microsoft#27799) feat: Implement state management for toasts (microsoft#27800) bugfix: fix VisibleFlatTreeItemGenerator omitting visible items (microsoft#27802) fix: overflowManager should always dispatch initial state (microsoft#27756) fix(react-badge): Remove white border around presence badge when on a dark background (microsoft#27780) react-tags: rename dismissable to dismissible (microsoft#27798) chore: update ownership of react-tags (microsoft#27795) applying package updates feat(react-tags): Replace `avatar` prop with `media`; polish styles for spacing (microsoft#27725) RFC appearance migration (microsoft#24181) chore(react-skeleton): Release react-skeleton to stable (microsoft#27767) fix(Coachmark): Remove positioning regression and update bounds on resize (microsoft#27782) applying package updates fix(v8): explicitly publish dist folder after node 16 upgrade (microsoft#27769)
* master: (29 commits) feat(react-drawer): create DrawerBody component (microsoft#27581) feat(react-tree): TreeItem itemType restructure (microsoft#27799) feat: Implement state management for toasts (microsoft#27800) bugfix: fix VisibleFlatTreeItemGenerator omitting visible items (microsoft#27802) fix: overflowManager should always dispatch initial state (microsoft#27756) fix(react-badge): Remove white border around presence badge when on a dark background (microsoft#27780) react-tags: rename dismissable to dismissible (microsoft#27798) chore: update ownership of react-tags (microsoft#27795) applying package updates feat(react-tags): Replace `avatar` prop with `media`; polish styles for spacing (microsoft#27725) RFC appearance migration (microsoft#24181) chore(react-skeleton): Release react-skeleton to stable (microsoft#27767) fix(Coachmark): Remove positioning regression and update bounds on resize (microsoft#27782) applying package updates fix(v8): explicitly publish dist folder after node 16 upgrade (microsoft#27769) applying package updates fix: do not use outlineStyle: none in createCustomFocusIndicatorStyle (microsoft#26089) fix: Scale pulse animation with percentages and flip wave animation's direction (microsoft#27654) Publish dist folder that got removed due to node 16 upgrade (microsoft#27764) fix(scripts-update-release-notes): properly handle git for-each-ref cmd call to not fail release notes update (microsoft#27757) ...
This PR continues react-tags implementation.
Important changes:
avatar: Slot<Avatar>prop is replaced withmedia: Slot<span>.AvatarContextis used to provide default size/shape to avatar.<Tag>Primary text</Tag>rendersTODOs for follow up PRs: